测试开发网站

1、高端网站建设在策划方面：

必须拥有专业的策划团队，同时必须具备一定的大型、品牌等高端客户网站建设的成功经验；策划团队根据企业性质、企业VI、产品等，为网站进行准确定位，同时提出创意与设计部门讨论，至少策划团队中一部分是美工出身，这样对项目的把握更有分寸。

不要图价格便宜，随便花费点费用就去网站建设，那样到最后只是扔钱，再扔钱～

2、丰富的网站建设实战经验：

专业的网站建设公司设计师团队，必须用户多年的实战经验，否则很难把握好一个项目的设计与视觉表现

3、专业的前端制作技术：

根据客户确认的小样开始界面制作，并根据策划提供的关键字信息，在界面制作的同时，对网站进行基于搜索引擎的优化，网站制作经验多了，看到一个视觉页面，就应该很熟练如何区分文字、图片，代码等区域。

4、网站后台程序编程的专业经验：

根据前台界面、功能模块以及客户的具体需求，进行数据库结构设计和后台程序开发，并做好防注入、代码优化等一系列安全措施。根据企业需求，进行定制应用程序的开发，如客户管理系统、员工管理系统、网上OA系统、采购商管理系统、经销商管理系统等。

5、网站测试方面：

对于一个高端网站，除了前面提到的关键部位，还有重点部分，那就是测试，再测试；测试包括网站链接、网站建设中的错别代码、网站兼容性、网站响应速度、网站代码对CPU的使用率等等来进行专业的网站建设后的测试工作。

测试人员测试结束后，第一时间将网站提交至各大搜索引擎，以保证网站能被第一时间收录，从而为后期的推广打下基础。测试人员负责将网站信息提交至信息产业部进行网站备案。

6、专业高效的网站维护：指派专人负责网站维护，并定期对网站数据进行备份和优化。7×24小时接听客户突发事件来电，并第一时间进行处理和解决并及时反馈。

因此：以上六点是高端网站建设的必须要求，希望能够帮助到大家

如何开启自动化测试之路推广视频课程

姜听双

许多从事手动测试的朋友都想转做自动化测试，但又不知道如何转型。小编今天就说说如何从零开始成为一名自动化测试工程师，文末会用一个示例来说明一段程序是怎么写出来的。

一、多看

小编一开始对自动化测试怎样做一点概念也没有，进公司时得到一位好友点播，他说“不会不要紧，多看”。于是那些日子，小编运行一段自动化脚本后，就会上网搜，这个后缀的脚本是什么语言写的，用什么IDE写的，notepad++能打开吗。Android自动化测试用的最多的语言就是java、python、perl、shell、C\C++这些，shell脚本就用cat和vim命令看，其他的直接用notepad++打开看。没有代码的，就上网搜有没有反编译工具可以看，实在看不了的就先放弃。也许有些朋友完全接触不到代码，没关系，可以看看官方的，开源的代码。如果是Android测试，小编就强烈推荐多上Android官方的开发网（http://developer.android/），官方网站有很详细地文档说明和各个工具使用说明。

二、选一门编程语言

怎么选呢？有三个方法：第一、你的被测代码是什么语言写的就学什么语言，比如想做Android测试的可以先学Java和shell脚本。这是因为，这样不仅可以看懂被测程序\工具\应用是怎样实现的，还能直接使用官方提供的自动化测试工具。第二、公司已有的自动化工具是什么语言就学什么，这样学会了之后，就有机会快速融入公司的自动化团队。第三、自己特别喜欢什么语言就学什么。选好语言之后，就得开始学，可以上网找视频学习，也可以自己买书看，当然，也可以跟别人学。

三、搭建环境

选好语言后，就要搜一下这个语言编写的环境，搭建一个编程环境，新手写一个helloworld出来，导入一些已有的工程\脚本看看。

四、动手写一些简单代码

程序是怎样写出来的

接着就要开始动手写一写。不必等到系统地掌握一门语言的全部内容，掌握一点就可以开始写。小编建议先观察自己的工作，写一些有用的工具或小脚本，比如经常需要安装apk的，就可以先写个自动批量安装apk的小工具。可能想好了写什么工具却还是不知道怎样写，细心地想一想，就可以把一个手动的测试步骤分成多个步骤用文字写出来，接着对照一门编程语言书籍的目录去查找，这个步骤需要的是文件读写操作吗？是函数传参吗？需要循环吗？然后再网上搜一搜代码，将每个步骤翻译成代码。

编程示例

五、深入学习，尝试更复杂程序

经过长时间的步骤四，就会积攒很多的小程序，这时就可以深入地学习更多的编程知识，然后将尝试将一些小程序组合成复杂的自动化程序。慢慢地，就自动化水平就会越来越高。

哪个才是最适合你的 Web UI 自动化测试框架推广视频课程

寻云

最近，项目上出于系统性稳定性、减少测试工作量考虑，打算在 Web 前端引入 BDD。由于上一个项目写了一定的 Cucumber 代码（BDD 测试框架之一），这个框架选型的责任便落到了我的肩膀上了。

在我们进行框架选型的时候，着重考虑了一个因素：测试实现脚本是由开发人员编写的，因此最好寻找 JavaScript 支持的框架。在搜索了一天后，选择了三个框架 Cucumber、Robot、Gauge。以下是上述的三个框架入选的原因：

Cucumber，团队的开发人员有一些有相关的开发经验、支持 JavaScript。

Robot Framework，测试人员接受过相关的培训、不支持 JavaScript。

Gauge，可以生成更好的测试报告及自由的书写、支持 JavaScript。不过，主要是我写腻了 Cucumber。

随后，便使用三个不同的框架写了几个 UI 测试的 DEMO。在开始之前，让我们了解什么是 BDD。

BDD

Behavior Driven Development，行为驱动开发是一种敏捷软件开发的技术，它鼓励软件项目中的开发者、QA 和非技术人员或商业参与者之间的协作。

与一般的自动化测试（如单元测试、服务测试、UI 测试）不一样的是，BDD 是由多方参与的测试开发方式。如在使用 Protractor 写 Angular 的 E2E 测试的时候，所以的测试都是前端测试人员编写的。BDD 最重要的一个特性是：由非开发人员编写测试用例，而这些测试用例是使用自然语言编写的 DSL（领域特定语言）。

换多话来说，业务人员、测试人员、客户等利益相关者，以习惯的方式编写相关的测试用例，再由开发人员去实现相关的测试。如下图所示：

BDD 流程

由业务人员编写的测试用例，将是使用如下的形式实现的：

* 当我在网站的首页

* 输入用户名 "demo"

* 输入密码 "mode"

* 提交登录信息

* 用户应该跳转到欢迎页

对于能支持中文的 BDD 框架来说，这就是业务人员和测试人员等编写的用例，他们能轻松地编写出这样的用例，而开发人员便是去实现这一个又一个的 DSL 语句。

在我之前的一个项目里，我们遇到了一个问题：测试用例也是由开发人员编写的。这种做法不仅不能体现 BDD 的价值，而且对于开发人员来说，这是在糟蹋代码。如果完全是由开发人员编写的测试，那么为什么我们需要写一个额外的 DSL 层呢？

接下来，让我们看看三个测试的一个简单对比表：

BDD 框架对比: Cucumber.js vs Robot Framework vs Gauge.js

Cucumber

Gauge

Robot

编程语言支持

Java,Ruby,JavaScript 等 13 种语言

Java, JavaScript, Ruby 等 6 种语言

Python, Java, C

支持的系统

所有主流系统

多语言支持

UTF-8

用户关键字及用例层面支持UTF-8

中文社区支持

完善

待完善

Report

JS 不支持 HTML

粗粒度

细粒度

失败时截图

不支持

支持

从某程程度上来看，三个框架差不了多少，每个框架也各自都有自己的问题。

Cucumber 的 Javascript 版本不支持 HTML 的报表生成。

Gauge 虽然比较适合我们的要求，但是相关的中文资料比较少。

Robot 主要的问题是不支持 JavaScript，以及要按 Robot 定义的方式来编写代码。

以下是三个框架的示例及详细的对比。

Cucumber.js

Cucumber 是一个能够理解用普通语言描述的测试用例的支持行为驱动开发（BDD）的自动化测试工具，用Ruby编写，支持Java和.Net等多种开发语言。

使用自然语言，更易读

支持表格参数

支持多种格式的Report：html、junit etc.

支持多种语言

支持四种状态的测试步骤：Passed、Failed、Skipped、Pending

支持使用变形器消除重复

一个商用的在线 Cucumber 系统：Cucumber Pro

DSL Code Examples

示例代码：https://github/phodal/bdd-frameworks-compare/tree/master/cucumber

# language: zh-CN

功能: 失败的登录

场景大纲: 失败的登录

假设当我在网站的首页

当输入用户名 <用户名>

当输入密码 <密码>

当提交登录信息

那么页面应该返回 "Error Page"

例子:

|用户名 |密码 |

| 'Jan1' | 'password' |

| 'Jan2' | 'password' |

Cucumber 支持比较固定的 DSL 格式，即三段式 Given-When-Then，对应的中文便是：假设-当-那么。作为一个历史悠久的框架，它的中文资料相当的丰富，只是在 JavaScript 方面有些不足，不能生成对应的 HTML 报告。

其实现代码如下所示：

Step Code Examples

defineSupportCode ( function ({ Given , When , Then }) {

Given ( '当我在网站的首页' , function () {

return this . driver . get ( 'http://0.0.0.0:7272/' );

});

When ( '输入用户名 {string}' , function ( text ) {

return this . driver . findElement ( By . id ( 'username_field' )). sendKeys ( text )

When ( '输入密码 {string}' , function ( text ) {

return this . driver . findElement ( By . id ( 'password_field' )). sendKeys ( text )

When ( '提交登录信息' , function () {

return this . driver . findElement ( By . id ( 'login_button' )). click ()

Then ( '页面应该返回 {string}' , function ( string ) {

this . driver . getTitle (). then ( function ( title ) {

expect ( title ). to . equal ( string );

从代码实现上来说，也是固定的三段式。其底层依赖于 Selenium，因此写法上与 Gauge 的区别并不大。

Robot Framework

Robot Framework是一款python编写的功能自动化测试框架。具备良好的可扩展性，支持关键字驱动，可以同时测试多种类型的客户端或者接口，可以进行分布式测试执行。

关键特性：

使用关键字的机制，更容易上手

提供了RIDE，对于不熟悉编码的人来说比较友好

能够精细的控制关键字的scope

Log 和 Report 非常好

使用变量文件的机制来描述不同的环境

丰富的关键字库

内置变量

示例代码：https://github/phodal/bdd-frameworks-compare/tree/master/robot

*** Settings ***

Documentation 登录测试 2

...

Suite Setup 打开浏览器到登录页 1

Suite Teardown Close Browser

Test Setup 转到登录页

Test Template 使用错误的失败凭据应该登录失败

Resource resource . robot

*** Test Cases *** USER NAME PASSWORD

无效的用户名 invalid $ { VALID PASSWORD }

无效的密码 $ { VALID USER } invalid

无效的用户名和密码 invalid whatever

*** Keywords ***

使用错误的失败凭据应该登录失败

[ Arguments ] $ { username } $ { password }

输入用户名 $ { username }

输入密码 $ { password }

提交登录信息

登录应该不成功

Location Should Be $ { ERROR URL }

Title Should Be Error Page

从上面的代码来看，Robot 在某些特定的关键字上，必须使用英语。在关键的代码如关闭浏览器，仍然需要使用 Close Browser 英语这些来实现。

打开浏览器到登录页

Open Browser $ { LOGIN URL } $ { BROWSER }

Maximize Browser Window

Set Selenium Speed $ { DELAY }

Title Should Be Login Page

转到登录页

Go To $ { LOGIN URL }

输入用户名

[ Arguments ] $ { username }

Input Text username_field $ { username }

输入密码

[ Arguments ] $ { password }

Input Text password_field $ { password }

Click Button login_button

应该跳转到欢迎页

Location Should Be $ { WELCOME URL }

Title Should Be Welcome Page

与上面的 Cucumber 相比，Robot 对于英语的非开发人员来说更加友好。换句话来说，Robot 更像是一个适合于 QA 的语言。作为一个开发人员，可能不太喜欢这种形式。

报告示例

不过，Robot 提供了一份说尽的报告。细致的展示了每一个测试，以及其步骤时间等等。

Robot Framework Report

Gauge

Gauge 是 Go 开发的一个跨平台测试自动化工具。它给作者提供了用商业语言测试用例的能力。

基于 markdown 的丰富的标记

支持用任何程序语言来编写测试代码

支持 plugin 的模块化架构

跨语言实现一致性。

简单，灵活和丰富的语法

开源的，因此它可以自由共享，同时被他人改进

商业语言测试 : 支持可执行文件的概念

帮助您创建可维护和可理解的测试套件

支持外部数据来源

IDE Support

示例代码：https://github/phodal/bdd-frameworks-compare/tree/master/gaugejs

失败的登录

===

|--------|--------|

| Jan1 | password |

| Jan2 | password |

-----------

* 输入用户名 <用户名>

* 输入密码 <密码>

* 页面应该返回 "Error Page"

与 Robot 和 Cucumber 不一样的是，Gauge 使用的是大家更熟悉的 Markdown 形式的 DSL。并且从形式上来说，更加自由。List 中的每一行，就代表着一个元素。因此，其对应的实现代码也更加的自由。

step ( "当我在网站的首页" , async function () {

await page . goto ( 'http://0.0.0.0:7272/' );

step ( "输入用户名 " , async function ( query ) {

await page . click ( '#username_field' );

await page . type ( query )

step ( "输入密码 " , async function ( query ) {

await page . click ( '#password_field' );

step ( "提交登录信息" , async function () {

await page . click ( '#login_button' )

step ( "页面应该返回 " , async function ( query ){

await page . waitFor ( 'h1' );

const text = await await page . $eval ( '#container h1' , h1 =>{

return h1 . innerHTML ;

expect ( text ). to . equal ( query );

上面采用的是 Node.js 8 支持的异步写法，除此与 cucumber.js 写的代码并没有太多的差异。

至于，Gauge 生成的 UI 并没有 Robot 那么详细，但是看上去现代。

Gauge Report

那么，哪个框架，你更喜欢呢？

记住网站建设这几个步骤，开发网站不用愁！营销视频课程

无组织

互联网作为唯一一种全天候24小时不间断的媒体平台是传统媒体可望不可及的。作为一个企业，在互联网上建立自己的网站，最显而易见的就是可以向世界展示自己的企业风采，让更多人了解自己的企业，使企业能够在公众知名度上有一定的提升。

但是建设一个网站有很多需要注意的地方，下面就为雷历电子科技就为大家说说建设网站的基本步骤。

要建设一个专业的网站基本上遵循以下几个步骤：

第一步，客户提出建站的申请，其中要详细的了解客户建设网站的基本，并要求客户提供相关文本及图片资料，如单位的介绍、项目的描述、需要一些什么功能、设计的要求等。

第二步，制定网站建设的方案，其中有双方就需求的内容进行分析协商一致，制定建设方案讨论价格等及具体的细节。

第三步，就双方的协议书的签订，客户提供网站建设的主要内容。

第四步，进行网站实质性的制作，包含风格的确定、网站框架的确定、文字的校对等确认初稿设计完成整个网站制作。

第五步，网站的测试、验收整个网站的合成，主要有验收协议的签署，网站开通等后期内容。

第六步，网站后期维护工作及网站的推广服务。

网站建设的基本步骤就以上几点，建设好网站只是一个开始，用心的运营网站，才能达到建设网站的本意

开发者必看：25个最好的编程网站，你知道几个？行业视频课程

Danica

如今，学习如何编程已不再是 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 面向未来地为学员免费提供了职场热门需求的编程技能和培训。