分类网站开发

有时候我们见一个很实用的网站，但是网站没有提供app，我们又不喜欢浏览网站，有没有办法在没有提供api的情况下将网站整合成app呢，现在告诉你可以的。

这里用到jsoup.jar ,jsoup 是一款Java 的HTML解析器，可直接解析某个URL地址、HTML文本内容。它提供了一套非常省力的API，可通过DOM，CSS以及类似于jQuery的操作方法来取出和操作数据。

在开发app之前我们需要先了解目标网站的html源码，查看我们需要提取的数据的结构，

下面我们以freebuf为例，freebuf html源码标注很清晰，便于我们查阅，如图，这是头部导航栏的源码位置，我们开发app过程中会从这里提取头部导航栏内容

分类阅读

这里抓取的是文章列表

网站数据结构已经抓取到了，现在我问开始从抓取的数据中提取我们需要的内容

首先我们要抓取文章列表，这里我们用的是jsoup 选择器，它的作用就是从目标中选择我们需要的内容，下面举例如何提取数据

String html=getJsonString(connection.getInputStream());获取html源码，保存在字符串中

Document doc= Jsoup.parse(html); Elements pcontent=doc.select("p[class=rgg-imagegrid gallery]");

抓取class为rgg-imagegrid gallery的p内容 Elements imgurls=pcontent.select("img");

抓取所有img链接

其实用到的语法就这些，我们把语法了解了会很简单的

比如我们要选择文章列表可以

Elements particlelist=doc.select("p[class=item active]")

选择列表文章展示图

Elements articleing=particlelist.select["img"]

按照气上面操作，我们可以将文章列表，文章内容，作者，发布时间，等内容全部提取，然后我们自己排版实现将网站数据封装入app

当网站建成之后，不是把网站放在那里就会有人主动点击网站、浏览网站，当然如果你的企业在这之前就有足够名声，你就不需要对自己的网站进行过多的宣传，用户自然而然的就会进入你的网站了解。但是如果你的企业在这之前并没有很多人知道，网站建立的目的也是为了让更多的用户了解自己公司，那么网站建成后你就必须对网站进行推广。网站推广的方法种类很多，今天就简单为大家说说常见的几种方法。

1、电子邮件推广方法。电子邮件推广方法在目前为止也是比较受欢迎的推广方法，因为电子邮件推广方便、快捷、成本低并且能帮助企业开发许多的潜在客户。一般比较常用的就是电子商务、新闻邮件、电子邮件等等这几种方式，大家可能比较熟悉的就是电子邮件，但是在给对方发送电子邮件时，应该的到对方的许可然后再进行送，并且邮件的内容应该言简意赅，突出重点就可以了，因为没有人愿意花很长的时间去读一段废话，并且这样也会使推广没有任何作用。

2、借助第三方平台推广。这种推广方式也是比较常用的，就是把自己网站的相关信息发布到其他平台，让更多的潜在用户可以通多更多的渠道了解自己的网站。第三方平台有微博、贴吧、知乎、论坛等等，这几个平台都是现在比较受欢迎的，企业可以考虑把自己网站的相关信息发布到这几个平台上，相信推广效果一定不会太差！

3、网络广告推广方法。网络广告是现在互联网时代常见的推广方式，无论你是在家看电视、坐公交或者在地铁上、又或者是用手机上网，都可以随时随地看到网络广告，所以网络广告具有见效快、更好树立企业形象的特点。只不过大家都知道，打广告进行宣传，成本还是比较高，但是很多企业为了在网站初期就能更好的宣传自己的产品，还是会考虑使用这种方法。网络推广还包括关键词广告、分类广告、Email广告等方式，可以根据自己的自身情况选择适合自己的。

4、手机网站推广方法。由于手机的普及以及使用率越来越高，并且操作简单、携带方便，现在很多企业都抓住了这个商机，纷纷建立了手机网站。因为用户可以不受时间地点的限制，随时随地可以浏览企业网站，而且如果企业把自己的相关信息放到了其他平台上，在用户浏览其他平台时就可以很轻易的看见企业网站信息，这样就拓宽了企业网站宣传的渠道，所以说手机网站推广方法对企业来说是十分有益的！

本文是成都网站建设公司、成都网站设计制作公司、成都APP开发公司、成都响应式网站建设-新线加科技公司为您整理，希望能对你有所帮助！

1 架构演化

大型网站的关注指标

高可用

高性能

易扩展

可伸缩

安全

大型网站的特点

高并发，大流量

高可用

海量数据

用户分布广泛，网络情况复杂

安全环境恶劣

需求快速变更，发布频繁

渐进式发展

大型网站架构演化发展过程

初始阶段，多使用LAMP来搭建，All In One即所有资源存放在一台服务器上

应用服务和数据服务分离，有独立的数据库服务器

使用缓存改善网站性能（依据是二八定律：80%的业务访问集中在20%的数据上）

这里需要考虑哪些数据适合缓存

缓存可以是本地缓存，也可以是远程分布式缓存

需要考虑使用合理的缓存策略，防止透传

使用应用服务器集群改善网站的并发处理能力

如果能通过增加一台服务器的方式来改善负载压力，就可以以同样的方式持续增加服务器来不断改善系统性能，从而实现系统的可伸缩性

这里需要考虑使用哪些负载均衡的策略

数据库读写分离

可以利用主流数据库提供的主从热备功能，通过配置两台数据库的主从关系，同时业内也有很多优秀的开源中间件如Atlas

缓存中的数据，如果更新过快，那么会持续刷新缓存，从而降低性能

使用反向代理和CDN加速网络响应

CDN和反向代理的基本原理都是缓存

CDN部署在网络提供商的机房，用户在请求网络服务时，可以从距离自己最近的网络提供商机房获取数据

反向代理部署在网站的中心机房，当用户的请求到达中心机房后，首先访问的服务器是反向代理服务器，如果反向代理服务器中缓存着用户请求的资源，那么就将其直接返回给用户

CDN的重点：——《大型网站系统与Java中间件实践》

全局调度

缓存技术

内容分发

带宽优化

使用分布式文件系统和分布式数据库系统

网站常用的数据库拆分手段是业务分库，即将不同业务的数据库部署到不同的物理服务器上

使用NoSQL和搜索引擎

ES

MongoDB

业务拆分，使用分而治之的手段将整个网站业务分成不同的产品线

SOA、服务化

中心化的 gataway方式

消息队列

不同服务访问同一个DB等

这部分十分重要，道理很简单，但是执行起来的效果千差万别。

当下火热的微服务，也是基于这种思想。

技术实现方式也有很多

分布式服务

大型网站架构演化的价值观

网站的价值在于它能为用户提供什么价值，在于网站能做什么，而不在于它是怎么做的。因此对于小型网站来说，最需要做的是位用户提供好的服务来创造价值，得到用户的认可，从而活下去，野蛮生长。

大型网站架构技术的核心价值是随网站所需灵活应对， 它是一个演化的过程

驱动大型网站技术发展的主要力量是网站的业务发展，是业务成就了技术，而不是相反。因此要摒弃为了技术而技术的套路

网站架构设计误区

一味追求大公司的解决方案

为了技术而技术

企图用技术解决所有问题

2 架构模式

分层，这是在横向方向对系统进行切分

分层的挑战在于必须合理规划层次边界和接口

分层包括物理分层和逻辑分层两种

分割，这是在纵向方向对系统进行切分

将不同的功能和服务分割开来，包装秤高内聚低耦合的模块单元

分布式

1） 分布式应用和服务；

2） 分布式静态资源；

3） 分布式数据和存储；

4） 分布式计算；

5） 分布式配置、分布式锁、分布式文件系统。。。

1） 分布式意味着服务调用必须通过网络，需要考虑带宽的影响；

2） 服务器越多，宕机的概率越大

分层和分割的目的在于小模块便于分布式部署

带来的问题：

常用的分布式方案：

集群，即多台服务器部署相同的应用，从而构成一个集群，通过负载均衡设备共同对外提供服务

即使访问量很小的分布式应用和服务，也至少要部署到两台服务器来构成一个小集群，这样可以提高系统的可用性

缓存，即将数据放在距离计算最近的位置以加快处理速度

CDN

反向代理

本地缓存

分布式缓存

异步，业务之间的消息传递不是同步调用，而是将一个业务操作分成多个阶段，每个阶段之间通过共享数据的方法异步进行协作

1） 提高系统可用性；

2） 加快网站响应速度；

3） 消除并发访问高峰

通常需要使用消息队列

带来的好处：

冗余

集群带来的必然结果

安全需求的必然结果

自动化，DevOps思维，尽量减少人工干预

自动化发布

自动化代码管理

自动化测试

自动化安全监测

自动化部署

自动化监控

自动化报警

自动化失效转移、恢复

自动化分配资源

......

安全

3 大型网站核心架构要素

性能

一个性能问题可能会导致网站用户严重流失

衡量性能的指标：响应时间、TPS、系统性能计数器等

可用性

没有网站可以完美的7*24运行

网站高可用结构的前提是必然会出现服务器宕机，儿高可用设计的目标是当服务器宕机时，服务或者应用依然可用

必要的手段是集群，即冗余

伸缩性，即通过不断向集群中加入服务器的手段来环节不断上升的用户并发访问压力和不断增长的数据存储需求

衡量标准：是否可以构建集群；是否可以方便的向集群中添加新的服务器

扩展性，直接关注网站的功能，保证可以快速响应需求变更

衡量标准： 网站增加新的业务产品时，是否对现有业务透明无影响

安全性

衡量标准： 针对现存和潜在的各种攻击和窃密手段，是否可以有效的应对

4 瞬时响应 - 网站的高性能架构

不同视角下的网站性能

用户视角

主要是端到端的感觉

主要通过前段优化的手段来提升用户体验

开发人员视角

主要关注应用程序本身以及相关子系统的性能，包括响应延迟、系统吞吐量、并发处理能力、系统稳定性等

主要优化手段： 使用缓存加速数据读取、使用集群提高吞吐能力、使用异步消息加快请求响应、使用代码优化提升程序性能

运维人员视角

主要关注基础设施性能和资源利用率

主要优化手段： 建设优化骨干网、使用高性价比定制服务器、利用虚拟化技术优化资源利用率

性能测试指标

响应时间，即应用执行一个操作需要的时间，包括从发出请求开始到收到最后响应数据所需要的时间

并发数，即系统能够同时处理的请求的数目，也反映了系统的负载特性

吞吐量，即单位时间内系统处理的请求数量，体现系统的整理处理能力

性能计数器， 描述服务器或者操作系统性能的一些数据指标

性能测试方法

性能测试，以系统设计初期规划的性能指标为预期目标，对系统不断增压，验证系统在资源可接受范围内，是否能达到性能预期

负载测试，对系统不断的增加并发请求，知道系统的某项或者多项性能指标达到安全临界值

压力测试，超过安全负载的情况下，继续对系统增压，直到系统崩溃或者不能再处理任何请求

稳定性测试，在特定硬件、软件、网络情况下，给系统加载一定压力，是系统运行较长一段时间，来观察系统是否稳定

Web前端优化

浏览器访问优化

减少http请求

使用浏览器缓存

启用压缩

CSS放在页面最上面，JavaScript放在页面最下面

减少Cookie传输

CDN加速

反向代理

应用服务器性能优化

分布式缓存

一般会使用消息队列，带来的额外好处是会削平峰值

1）不同的缓存服务器之间进行通信，例如JBoss Cache；

2）不同缓存服务器之间不进行通信，例如Memcached

缓存从本质上来说，就是一个内存hash表

缓存需要缓存那些读写比很高、很少变化的数据，一般来说读写比在2:1以上时，缓存才有意义

应用程序读取数据时，首先到缓存中读取，如果缓存不存在或者已失效，再访问数据库，同时将新的数据放入缓存

缓存也需要注意缓存热点数据

缓存预热，在新启动的缓存系统中，在启动时就加载热点数据，这样启动后就可以直接使用

缓存穿透， 应用持续大量访问不存在的数据，因为这类数据不存在于缓存中，因此会大量访问数据库，从而降低性能

对于分布式缓存来说，目前有两类：

异步操作

使用集群

代码优化

多线程

1） 将对象设计成无状态对象；

2） 使用局部对象；

3） 并发访问资源时使用锁

需要注意线程安全问题，方法：

资源复用

主要是单例和资源池（对象池）

数据结构，选择合适的算法

垃圾回收

合理设置垃圾回收策略

存储性能优化

机械硬盘 vs 固态硬盘

B+树 vs LSM树

RAID vs HDFS

5 万无一失 - 网站的高可用架构

网站可用性度量

网站不可用时间 = 故障修复时间点 - 故障发现时间点

网站年度可用性指标 = （1 - 网站不可用时间/年度总时间）* 100%

一般以几个9来表示，2个9是基本可用，网站年度不可用时间小于88小时；3个9是较高可用，网站年度不可用时间小于9小时；4个9是具有自动恢复能力的高可用，网站年度不可用时间小于53分钟；5个9是极高可用性，网站年度不可用时间小于5分钟

网站高可用架构的设计目标是保证服务器硬件故障时服务依然可用、数据依然保存并能够被访问

网站高可用架构的主要手段：数据和服务的冗余备份以及失效转移，一旦服务器宕机，就将服务切换至其他可用的服务器上。

高可用的应用

无状态应用： 应用服务器不保存业务的上下文信息，而仅根据每次请求提交的数据进行相应的业务逻辑处理，多个服务实例之间完全对等，请求提交到任何一个服务器上，处理的结构都是相同的。

通过负载均衡进行无状态服务的失效转移

负载均衡： 主要使用在业务量和数据量较高的情况下，当单台服务器不足以承担所有的负载压力时，通过负载均衡手段，将流量和数据分摊到一个集群组成的多台服务器上， 以提升整体的负载处理能力

应用服务器集群的Session管理

Session复制

Session绑定

利用Cookie记录Session

Session服务器

高可用的服务

分级管理

核心服务与非核心服务隔离

核心服务优先使用高性能服务器

超时设置

异步调用

必须满足可以使用异步调用方式

服务降级

幂等性设计

服务高可用（高可靠）一直是美团外卖的第一要求，为了提高可用性，做了很多策略，包括并不限于上文提出的各种架构设计方案。

其实造成线上问题的很大一部分原因是由于发版造成的，也体现出了SOP的重要性。

关于降级与依赖隔离，可以考虑采用Hystrix实现自动降级与依赖隔离 。

高可用的数据

数据一旦出现问题，对于网站往往是毁灭性的打击，因此保护网站的数据就是保护企业的命脉。

主要手段：数据备份和失效转移

缓存服务高可用

观点一：缓存服务已经承担了业务中绝大多数的数据读取访问，因此需要同样保证高可用

观点二：缓存服务并不是数据存储服务，出现服务不可用导致数据丢失应从别的手段解决，而不是提高缓存服务本身高可用

缓存服务器集群中单机故障，集群规模较大时，数据丢失比例和数据负载压力影响很小。

CAP原理： 一个提供数据服务的存储系统无法同时满足数据一致性（Consistency）、数据可用性（Availibility）、分区耐受性（Parition Tolerance）这三个条件

数据高可用含义：

副本间数据一致

多个副本可读

同时写入数据副本

1）数据持久性

2）数据可访问性

3）数据一致性

数据一致性分类：

1） 数据强一致；

2） 数据用户一致；

3） 数据最终一致

数据备份

1） 异步热备；

2） 同步热备

冷备的优点是简单和廉价，成本和技术难度较低，缺点是不能保证数据最终一致

热备分为两种：

失效转移

1） 心跳检测（Keepalived、Heartbeat）；

2） 应用程序访问失败报告

失效确认：

访问转移

数据恢复

高可用网站的软件质量保证

网站发布，它的过程和服务器宕机效果箱单，其对系统可用性的影响也 类似

一般采取批量更新的方式进行，不会一次关掉集群中的全部服务器

自动化测试

一般使用Selenium来进行测试

预发布验证

预发布服务器是一种特殊用途的服务器，它和线上的正式服务器唯一的区别是没有配置在负载均衡服务器上，外部用户无法访问

代码控制

主干开发，分支发布

分支开发，主干发布，这是目前使用的主流方式

自动化发布

火车模型：将每个应用的发布过程看做一次火车旅程，火车定点运行，期间有若干站点，每一站都进行例行检查，不通过的项目下车，通过的项目继续坐着火车旅行，直到火车到达终点。

实际中，可能所有项目在途中都下车了，这样火车不得不回到原点，等待�...

　　网络购物节对APP应用软件表现的拉动作用还是比较明显的，众多商家都想着开发属于自己的APP软件，但是电商APP软件开发的分类有好几种，那么应该选择开发什么种类的电商APP呢?广州APP开发公司紫鲸互联下面就和大家一起分享电商应用的分类。

　　第一类、综合类电商

　　综合类电商应用是指电商网站上的产品横向分类非常多，综合类的电商软件有电商巨头手机淘宝、京东商城、天猫、苏宁易购、1号店等等。随着中国居民的消费升级，网购平台已经开始逐渐摆脱“打折”、“便宜”的定位，逐渐向品质靠拢。与此同时，网络购物节过后，商品供应链、物流配送等多方面问题也在考验网购平台的综合实力。

　　第二类、团购类电商

　　近年来，团购类电商软件市场集中度非常高，社交新玩法引爆团购热情。名列前茅的团购电商APP有美团、百度糯米、拼多多、聚划算等等。团购领域当年“千团大战”的局面早已不复存在，目前还存活的团购APP屈指可数，美团一家独大，百度糯米紧随其后。看似固化的市场格局却遇到新玩家的挑战，主打社交概念的拼多多在夹缝中争得一席之地。

　　第三类、垂直类电商

　　垂直类电商是指专注于某一行业的电商平台，目前母婴行业仍为主流，酒类、情趣领域表现亮眼。随着我国二孩政策的放开以及消费需求的升级，母婴市场规模快速增长。母婴类垂直电商贝贝网正逢其时，成为电商领域不可忽视的角色，同时，孩子王、蜜芽等手机APP应用也在母婴市场精耕细作。母婴类电商平台在各垂直领域中表现最好，而其他垂直领域也有表现不俗的手机软件，如酒类电商酒仙网、情趣电商他趣等。

　　第四类、特卖类电商

　　近年来特卖模式潜力巨大，作为一家专注于时尚特卖的网站，唯品会把握住女性消费者的核心需求，在特卖领域占有绝对优势，同时，卷皮、聚美优品也在千万级别，竞争力不容小觑。上述企业更多是从服饰、美妆等时尚领域切入，而打折优惠、限时抢购等促销方式伴随着整个电商发展历程，特卖这种模式在其他商品品类方面仍然具备巨大潜力。

　　第五类、导购类电商

　　导购返利类的电商平台越来越受追捧，大家比较熟悉的有折800、返利网、一淘等。返利、比价总是与低价紧密相关，一方面为商家带来大规模流量，一方面又压缩了利润空间，纯粹的流量模式很容易引发低价竞争，陷入恶性循环。

　　第六类、海淘类电商

　　虽然消费者越来越喜欢海淘，但是海淘热不代表海淘APP热，前有天猫国际、京东海外购的强势竞争，后有微商、代购的默默蚕食。但是购物分享平台转型而来的小红书依然事海淘类电商的领先者，另外还有考拉海购、洋码头、蜜芽等等海淘电商。

如今，学习如何编程已不再是 IT 专业人员和软件工程师的专职了。随着绝大多数企业都将自己的业务迁移到了网上，如何准确呈现网站访问者想看到的，和如何能够交互网站内容就显出尤为重要。

可见，了解如何编写程序已是一项需要学习的、直接影响到个人职业发展的、非常重要的技能。

可以说，如果您能给线上服务带来价值，那么您就会对任何业务产生积极的、可估量的影响。

在哪儿能学到在线编程？其实，我们有许多不同类型的学习方式，包括：各种预制的学习路径，以及采取单独的个人定制课程。

在此，我为正在寻找编程学习资源的您，列举了 25 个最好的网站，供您参考和选用。

1.Codecademy（https://codecademy/）

Codecademy 致力于提供最好的学习体验，打造最好的编程学习网站。Codecademy 考虑到编程不应该是传统思维所考虑的那种公立学校教育模式，而是应该找到了一种在线课堂的模式，来掌控教育的效果。

Codecademy 所要构建的教育模式是为整个世界的用户提供一种引人入胜的教育体验。

如今，超过 2400 万名学员正在通过使用 Codecademy 所提供的 JavaScript、HTML、CSS、PHP、jQuery、Ruby 和 Python 课程，来学习如何自行编写代码。

而且，该网站拥有超过 300 小时的免费在线内容，为世界各地数以百万的用户提供学习服务。

这些用户可能在编程技能和电脑知识上参差不齐，但是他们总能在此获得自己想要的知识。

2.Udemy（https://udemy/）

该在线学习平台成立于 2010 年，它被作为个人学习和工作技能的一种提高方式。

在网站上，它有一个小部分可选的、带有视频的免费编程课程，当然也有一些整套售卖的课程。

它是一个全球性的在线教育和学习平台，来自各自领域的专家级导师在此提供了超过 45000 种课程库，以帮助学员掌握新的技能，并达到他们的目标。

该网站上有着大量的、售价从免费到 200 美元以上不等的编程课程。同时，网站也为不知道自己喜欢什么、想学什么的零基础访客准备了足够多的免费课程。

学员们不但能够看到那些被系统评为五颗星的课程，他们还能看到其他学员的评论。

3.EdX（https://edx.org/）

这是一个非营利性质的、开源的、优秀的在线学习平台。它成立于 2012 年，由哈佛和麻省理工创办，您可以在此学到最新的前沿理论和技术。

EdX 在全球拥有超过 90 多个合作伙伴，包括一些世界领先的非营利组织、大学和机构。网站会员可以选择来自 60 所院校的课程。

由于 EdX 是由各所大学创立并管理的，因此其课程主要集中在工程、计算机科学、语言、写作、市场营销、生物学等领域。

开放式 EdX 提供着各种免费的课程。不同的技术专家和教育工作者都能够为该平台构建工具、并添加新功能、以及创造出让全球学员都能受益的突破性方案。

4.Coursera（https://coursera.org/）

自 2012 年成立以来，Coursera 已发展成为了一个大型的非营利性的教育科技公司，它提供来自 119 个机构的超过 1000 门课程。

其中一些来自于 Vanderbilt 大学、多伦多大学、斯坦福大学，和华盛顿大学的入门级免费课程。当然，某些更高级的课程还是要收费的。

课程语言包括英语、西班牙语和法语，而课程下方一般也配有英文、西班牙语或中文字幕。

课程类型包括：商业、科学和计算机科学等。可以说，每一门视频讲座都是由世界顶尖的教育机构、社区论坛、和同行评审作品所提供。

学员在完成了他们的课程之后，会获得一份课程电子证书。一般而言，课程的周期从 4 到 6 周不等，售价通常为 29 美元到 99 美元，它们不仅有在线模式，还提供大家远程访问的主机。

5.Simpliv（https://simpliv/）

Simpliv 是基于 CA 的在线学习平台。它旨在将教育延伸到世界的每个角落，并帮助那些想通过学习改变现状的人们。该平台的课程品类非常广阔：从心理学到管理学，从灵气学到财务管理。

学员可以自行选择他们喜欢的编程语言，如 C++、Java、JavaScript、Rust、Ruby、PHP、SQL、Swift、TypeScript 和 Crystal 等。

同时，他们可以通过自我挑战来提高自己的编程技能。通过使用自己的浏览器和各种测试用例，他们能够自行检查学习的进度。

Simpliv 通常使用创新、新建和优化的学习方法，来帮助学员“沉淀”他们所学到的知识。

6.FreeCodeCamp（https://freecodecamp/）

Free Code Camp 的主要宗旨是向非营利组织传授编程技能。目前，该组织已解决了 3000 万条编程难题，并为开发工作捐赠了超过 140 万美元。

除此之外，超过 4000 多名学员已通过 Free Code Camp 所提供的课程学习找到了工作。

该平台的课程种类包括：HTML5、CSS3 和 JavaScript 等。通过社区聊天室，学员们能够得到实时的帮助，同时也能够见到同城的其他开发者。

学员们不但可以按照自己的节奏进行学习，还能够按需使用电脑或手机进行在线学习。

在学习过程中，每个学员需要将自己的身份与自己的实际的应用套件相组合。

课程的传授方式包括：教学互动、集中式作业和教程发布等。另外，它对于初学者来说是免费的。

7.GitHub（https://github/）

程序员们经常将 GitHub 作为一个速查的参考点。在 Git 的托管存储库中有着 500 多本免费的编程书籍，覆盖 80 多种不同的编程语言。另外，网站合作者们也持续保持着资源的更新与准确。

8.Odin 项目（https://theodinproject/）

这是维京代码学校（知名的在线编程训练营）的免费版本。根据 Odin 项目设定的学习路径，学员能够获取学习 Web 开发和编程的正确方式。

学员们在该项目中建立自己的档案信息，这将有助于后续的学习进程、以及职业道路。

在 Odin 项目中学员也能够方便地找到志同道合的学友。在此，学员们通过学习诸如：Web 开发入门、网站开发 101、Ruby 编程、HTML5、Ruby 规则、CSS3、jQuery 和 JavaScript，最终将成为一名 Web 开发人员。

Odin 项目提供的课程类型包括：视频、教程、博客、以及专题课程。它们通过各种课程来引导学员构建自己的不同项目。

9.Khan（可汗）学院（https://khanacademy.org/）

该网站提供了各种形式的教育实践活动、个性化的学习仪表板（进度）显示、和教学视频。

来自世界各地数以百万计的学员，能够按照自己的节奏去学习编程要领。该平台的资源可被翻译成 36 多种语言。另外，网页编程类学员可以使用其扩展的编程教育课程和资源网页。

该机构的使命是提供一个世界级的、向任何地方、对任何人开放的免费教育平台。

学员们既可以浏览全部，也可以通过诸如视频、文章、程序和练习等分类来查找自己喜欢的资源。

另外，学院既有一些刚入行的初学者课程，也有适合那些希望提高编程技能的专业人士课程。

10.MIT（麻省理工）开放式课程（https://ocw.mit.edu/index.htm）

麻省理工开放式课程的特点是任何人无需申请，只要有一台电脑，就可以访问其课程。它们根据不同的主题设立了在线图书馆，访客不需要任何帐户便可登录。

他们可以浏览所有可用的课程，甚至可以对查找结果进行评估、根据是否为讲义、视频、音频、以及在线教科书等特征进行筛选。

同时，麻省理工开放式课程也能帮助各位教师改善他们的课程，让学员寻找获取进阶的增值资源。

总的说来，学员完全可以免费地、自行选择想要学习的编程课程，而且能够完全按照自己的节奏去完成。

11.UdaCity（https://udacity/）

UdaCity 的宗旨是向全世界提供经济实惠、方便、且高效的技能教育。这些教学内容是如今行业领先的公司（包括 Facebook、Google、IBM 和 AT&T）所亟需和认可的，也是传统学校鲜少涉及到的。

由导师、评审人员和教练所组成的团队，会对学员的水平进行把关，以确保他们胜任其目标岗位。

学员们可以免费学习 JavaScript 的基础课程，而对于一些深入的课程则需付费。

12.Code Avengers（https://codeavengers/）

该平台通过 1000 多项热门的编程问题、测验、和视频，为学员提供专业的、步进式的指导。

学员从学习如何构建简单的网站和应用开始，迅速进阶到真正的、能向潜在雇主展示的应用场景之中。

当前，该平台拥有来自 190 多个国家的超过一百万名学员，他们或实现着自己的目标、或尝试着改变世界、或开办自己的公司。

因此，普通学员可以免费使用其 7 天、每门 5 个课时的受限教程；而其付费的无限制套餐则包括所有的课程、测验、项目、和应用渠道。

13.David Walsh 博客（https://davidwalsh.name/）

David Walsh 是一名 33 岁的 Web 开发人员和软件工程师。他既是 Mozilla 的高级软件工程师，又是自己博客的技术作者，还为世界各地的其他会议提供演讲服务。

他擅长于 MooTools JavaScript 框架，并能创建 MooTools 插件；同时他也是 Script & Style、以及 Wynq Web 实验室的创始人。

他时常撰写 JavaScript、AJAX、PHP、WordPress、CSS、以及 HTML5 等方面的博文。访客可以通过搜索其博文的关键字标签，来获取并学习相关文章。

14.Tuts+（https://tutsplus/）

该平台以免费和付费两种形式提供由专业人士打造的，超过 570 个视频课程。同时，Tuts+ 也出版电子书，并支持用户的搜索功能。

该网站所拥有的课程类型不仅限于计算机方面，它通过成千上万种免费教程，向学员传授开发 Web 应用、和移动设备等方面的知识。

Tuts+ 将初学者教程分为三大类：

通过 Web 开发，来教授开发语言、框架、和所有相关工具。通过提供素材，让学员成为WordPress插件和主题方面的专家。传授能够用于各种平台（包括 Android 和 iOS）的移动开发技能。

15.SitePoint（https://sitepoint/）

SitePoint 是一个 Web 开发者的分享中心，同时它也能给设计师、开发者、创业者、产品经理和程序员提供帮助。

访客可以简单地在其搜索框中输入关键词，以查找并浏览相关文章。而各种文章既可以按照类别排序，也可以按照作者排序。

当然，访客还可以使用其菜单栏，搜索自己想要的编程语言，其中包括：HTML、CSS、JavaScript、PHP、Ruby、移动应用设计、WordPress、和 Java 等。

16.HTML5 Rocks（https://html5rocks/en/）

这个网站创办于 2010 年，涵括了有关 HTML5 的所有更新资源与教程。由于它是开源的，因此开发者可以任意使用其 HTML5 的代码。

由于其课程相对专业，因此不太适合入门级开发者。访客可以通过站内搜索来浏览所有教程。

许多教程的作者都来自于不同领域、使用不同语言的 Web 开发和编程高手。

17.Hack.pledge()（https://hackpledge.org/）

该网站是一个开发者的互助社区，导师和学员们可以在此持续交换信息，从而将那些可能被“卡壳”的时间，转换为提升写出更好代码的速度。

为了降低运营成本，它通过 Pluralsight（在线教育网站）来将导师与学员自动关联，以促进学习成果的转化。同时只要导师在线，学员们就能够按需免费地得到他们的指导。

18.aGupieWare（http://blog.agupieware/2014/05/online-learning-bachelors-level.html）

这实际是一个被用来调查全美顶级机构的独立应用开发平台。麻省理工学院、伯克利、卡耐基-梅隆大学、和哥伦比亚大学在此提供了各种免费的课程。

该平台上有 15 种课程，分别是：3 门介绍课、7 门核心课、以及 5 门选修课。虽然该网站并不提供学分，但它的确是初学计算机程序设计与编程的好地方。

其在线学习课程根据学员们的学习轨迹进行划分，包括 Python、计算机科学、敏捷开发、黑客学、安全测试、和 Linux。此外，其博客里也有许多有关最新电脑技术的文章。

19.Crunchzilla（http://crunchzilla/）

该平台由数据专家、代码专家、代码怪物、和游戏专家四个板块组成，它是一个适合于各个年龄阶段学习者进行编程实验、测试和研究的网站。

一般而言，代码怪物提供最简单的教程，适合于 9-14 岁的青年学习。代码专家的目标人群是 13 岁及以上，提供了更难更深的议题，以及更多的解释。

游戏专家是专为已经有一些编程经验的青少年和成年人准备的，它通过步进式教程教您如何编写视频游戏。

上述三个板块通过实时的课程方式，以动手为主、解释为辅。数据专家板块则专注于数据统计，能够提供统计的相关问题，并为新项目提供数据。

20.Dash General Assembly（https://dash.generalassemb.ly/）

这是一个免费且有趣的在线课程网站。用户可以在浏览器上简单地实践它所涉及到的 Web 开发基础知识和项目。

例如：

用户既可以学到 HTML5 的正确编程方式，又能学习如何构建美观现代的网站、以及如何设计页面导航和内容布局。CSS3 资源将帮助用户创建全功能的登陆页面，包括：时髦的导航栏、多栏目布局、和移动响应式设计等。用户可以通过学习 JavaScript，来创建一个管理用户事件的动态界面、以及添加用户交互的动画效果等。

Dash GeneralAssembly 面向未来地为学员免费提供了职场热门需求的编程技能和培训。