宁皓网课程关系图

下载 PDF 版（v1.0.0）

源文件：https://github.com/ninghao/course-graph

Web 开发基础工具

订阅宁皓网以后，先去准备 Web 开发需要的基础工具，下载一个代码编辑器，可以使用 Atom 或者 VSCode。再去准备一个浏览器，可以使用 Google 的 Chrome。还要熟悉在命令行下面完成一些任务，然后要学会开发的时候需要用的版本控制，这里要会用 Git 这个工具去为项目做版本控制。

Web 开发基础

下一步是学习 Web 开发的基础，要学会三门语言，HTML，CSS 还有 JavaScript。学会 CSS 以后，可以选择再学一下 Sass，它可以让我们用一种更灵活的方法去创建 CSS 样式。

界面设计

有了这些基础以后，就可以再去设计开发两个真正的页面。去了解响应式的页面设计，页面上的常用的组件的设计，页面的布局等等。这里会用到一个设计工具叫 Sketch，Mac 用户可以安装一下这个软件。还会用到一个界面库叫 Semantic UI，界面库就是别人做好的一些界面组件，我们可以直接在自己的项目里使用它们。

现在我们就完成了 Web 开发的基础部分。下面可以选择学一些其它的东西，比如后端，前端，小程序等等。我推荐下一步学一下后端应用的开发。

后端应用开发（基于 Node.js）

我现在推荐可以直接学一下基于 Node.js 的后端应用开发。Netflix，阿里巴巴，Paypal，Uber 这些公司都会使用基于 Node.js 去开发它们的 Web 应用。

基于 Node.js 开发后端应用，我们不需要单独再去学一门后端应用的开发语言，直接使用在 Web 基础里面学的 JavaScript 语言就可以去做后端应用开发了。了解一些 Node.js 的基础以后，你可以继续再去补充一些 Node.js 相关的练习，或者直接进入到下一步，Node.js 应用开发。

这部分内容我们会基于一个 Node.js 应用的框架，介绍了后端应用开发相关的一些基础概念，工具，方法，还有思路。比如创建内容的数据结构，查询与处理数据库里的数据，上传文件，验证用户身份，分页显示数据，发送邮件，自动化测试等等。

强烈推荐所有同学都可以完成这部分内容，它会让你获得后端应用的开发能力。这样你就有能力，可以去完成更多的课程。这部分内容需要你了解一下关系型数据库相关的内容，这里还会用到一个界面库叫 Bootstrap，你也可以单独再去了解一下这个界面库的使用方法。

如果你想实现支付宝还有微信支付的功能，你可以再去学一下支付宝支付，还有微信支付。

前端应用开发

获得后端应用的开发能力以后，你可以选择再学一下前端应用的开发。主要就是需要学会使用一些前端应用的框架，你可以选择 React.js 或者是 Vue.js。或者两个都了解一下也可以。

前端应用开发需要用到一些工具，虽然现在前端应用框架里面都会提供一个命令行工具，可以帮我们快速去创建一个前端应用项目，并且已经给我们配置好了这个前端应用开发的环境。不过你还是可以先自己了解一下这些工具，理解一下它们是怎么工作的。

比如用 Gulp 创建自动化的一些任务，BrowserSync 自动刷新浏览器的变化，用 Babel 转换 JavaScript 代码，用 Webpack 去打包。前端应用开发用的工具太多，同样的任务你可以选择使用不同的工具完成。在学习的时候，尽量减少工具对我们的干扰，把注意力集中在解决问题上。

移动应用开发

选择学习用 React.js 开发前端应用的好处是，你可以使用学到的 React 相关的知识去做移动端应用的开发，这里要用的是 React Native。

微信小程序开发

了解了前端应用开发以后，你可以继续再学一下微信小程序的开发。它是一种可以在微信上直接运行的应用，这种应用通过微信很容易被传播。先完成小程序的基础内容，然后再去开发一些小程序经常会用到的一些实际的功能 .. 比如创建内容，添加评论，微信登录等等。

数据处理

不管你是要开发前端应用还是移动端的应用，或者是微信的小程序，你都需要一个拥有数据处理能力的后端服务。应用的后端你可以使用 Node.js 去开发，当然，使用其它的后端应用框架或者系统也可以，比如你可以基于 WordPress 这个内容管理系统去给前端或者移动端提供后端服务。也可以使用 Drupal 这个系统去做同样的事情。

或者使用 Laravel 这个基于 PHP 语言的 Web 开发框架，使用这些系统或者框架去开发后端应用，你得再学一下程序设计语言，叫 PHP。

也可以使用 Rails 这个 Web 框架， 要使用它的话，你得再学一下 Ruby 这门语言。

我推荐大家先学习使用基于 Node.js 去开发后端应用，这样再去学习其它的框架或者系统也会比较容易一些 ，因为很多概念还有方法你已经都知道了。

运维

我们的应用开发好以后，你需要把它发布到互联网上，让所有人都可以使用你开发的应用提供的功能，去购买你提供的产品或者服务。

这块我们会接触到 Linux 操作系统，因为大部分的服务器的操作系统都是 Linux 这种类型的，这种系统有很多发行版本，我们会学习其中的一个，叫 CentOS。

我们可以先在本地电脑上去熟悉一下这种操作系统的使用方法，在本地电脑上练习使用 Linux 操作系统，可以去创建一个 Linux 操作系统的虚拟机，所以你可以先了解一下怎么样去创建，使用虚拟机。

然后在上面你可以先了解一下系统的文件与目录的权限，理解 Linux 系统的文件和目录的权限非常的重要。再学一下使用包管理工具安装软件包，服务管理介绍了怎么样管理在 CentOS 系统上运行的服务，比如 Web 服务，数据库服务等等。

下一步你可以去了解一些运维的工具，比如自动化的配置，你可以把一些对系统的操作写成一些自动化配置，然后你可以对多台服务器批量地或者重复地去运行这些自动化配置。

有了 Linux 操作系统的基础以后，再去了解一下 Web 服务器，这里我们介绍了一种常用的 Web 服务器，叫 Nginx。

如果你想更好的在服务器上构建，部署，运行你开发的应用，可以再花点时间去了解一下 Docker 这个东西。

服务器现在我们可以选择使用一些云服务，腾讯云，百度云，或者阿里云。在宁皓网上有一些阿里云相关的课程，比如云服务器，数据库，负载均衡这些服务，在其它的云服务商那里你也可以找到类似的产品。

总结

到这里，你应该具备了 Web 开发的基础，会设计，开发应用的界面，可以做后端应用的开发，还能做一些前端应用的开发，再使用学到的服务器运维相关的知识，可以运行你开发的这些应用。

我们的课程还会不断地更新，进化，你可以去创建越来越复杂的应用。下一步你可能要做的就是去给你的项目找到资金，再去推广一下自己的产品还有服务。

下载关系图

之前你看到的是宁皓网课程的关系图，你可以在 Github 网站上找到这个关系图的源文件，可以用 Git 工具把这个项目仓库克隆到本地电脑上，也可以选择下载 Zip 格式的压缩包，完成以后解压一下。

这个关系图是用 mindnode 软件制作的，如果你是 mac 用户，可以打开里面的 mindnode 这个格式的文件，或者你也可以选择打开这个 pdf 版本的文件。

项目仓库：https://github.com/ninghao/course-graph

下载 PDF 版：https://coding.net/u/ninghao/p/course-graph/git/raw/v1.0.0/ninghao-course-graph.pdf