首先，你要了解什么是web全栈，以及知道web全栈需要学习哪些知识。

其次，你要知道自学web全栈，不是一件简单的事情，需要你有足够的毅力去坚持，也需要你有高效学习的能力，才能在尽量短的时间内学好它。

一个Web开发过程有三层架构：

表示层：表示层也被称为网站的前端部分。它处理网站的用户界面相关问题。

业务逻辑层：业务逻辑层也被称为网站的后端层，负责数据验证和动态处理。

数据库层：最后是数据访问层，利用API为网站提供数据。

以上三层共同称为全栈web开发。

作为web全栈工程师你需要知道以下知识：

1、服务管理/运维

一个开发者必须了解基础的服务器管理知识。包括当不限于以下知识：

通过终端或其他没有用户界面的环境来远程连接服务器

会写基本的shell脚本

服务器上的用户和群组管理

管理像Apache和Nginx这样的服务器程序来提供应用

防火墙管理和权限管理

安装和更新软件

除了这些基础技能，开发者必须懂得怎样去创建一个好的、健康的、分离的开发环境，在 Docker 或者像 Vagrant 这样的虚拟机环境中。如果上面所有的技术你都不熟悉，那我必须给你推荐一本超棒的书，点这里购买。

开发者必须对版本控制系统非常熟练，为了让开发有靠谱的生产备份和可分享、可协同的代码库，这些代码库能够根据时间来跟踪代码变化。现在已经没有开发者的工作流是完全离开版本控制的了。我们有一个非常棒的关于版本控制的视频教程，点这里购买。

2、云

和实际管理或者虚拟服务器不同，一个开发者也许要知道云主机平台，比如Heroku, Google Cloud, Azure, AWS等等。

有一点必须说明的是，平台和工具更多的是为了炒作而不是其实用性。尽管有很多平台和工具的实用性并不如宣传的那么好，但是了解这些大家都在谈论的服务，从长远来看会很有用――客户可能会随时要求更换服务提供商。幸运的是，我们拥有这些云主机部署权威指南。

3、后端

在后端，除了要懂选择什么语言以外，比如 PHP 和众多的框架 and CMSes，一个全栈开发者必须熟悉：

Web服务器，比如Nginx和Apache，和运维紧密相关

不幸的是，NodeJS 已经可以将 JS、CSS 和其他资源文件编译成静态可以方便缓存的文件了。幸运的是，也有办法避免学习 NodeJS，用PHP也是可以的

像Composer这样的PHP(http://www.ujiuye.com/zt/php/)包管理工具在现代化的开发环境中已经离不开了

好的API 设计，自从大部分新型网页都基于 API 而且仅仅为前端服务(下面会详细描述)

ElasticSearch (introduction here)这样的搜索引擎对于网站性能的提高是非常重要的

cronjobs 和后端的工作，使用Gearman 或者 Crunz 这类的库

了解缓存，Varnish, Redis 等牛B的工具可以分片存储数据，这样可以将一个项目部署的多个主机上

4、数据库

数据库是一个单独的部分，因为除了很好地掌握我们基本上不会有结构变化的关系数据库(MySQL或者PostgreSQL)的数据模式之外，一个全栈工程师应该对非关系型数据库有所了解，如MongoDB, Redis,或Cassandra ，更不用说像Neo4j这样的图形数据库了。

不幸的是，这些都是服务器上的东西，都在全栈工程师的控制下。也有几个类似 Mong 的远程解决方案，像RestDB或者Google-owned Firebase等。

5、前端

想知道一个正常的前端知识图谱是怎么样的，可以在JavaScript 版块看这篇绝世好文。但是作为一个全栈工程师，你需要了解

NodeJS and NPM

Yarn

预处理器和编译器(如Babel)，用来编译 Typescript, ES6, LESS, SCSS, SaSS

构建工具，如 Grunt 和 Gulp

框架，如 VueJS、React、Angular

模块打包工具，如 Webpack、Browserify、Rollup

6、设计

在设计方面，全栈开发者需要了解怎样在一个产品变成真正可用的 HTML 、CSS 代码之前，画一个原型图。然后就可以去用 JS 写交互、后端也可以用假数据来模拟生产环境。只有这个关键的原型图完成，用户体验设计和接口设计就绪，真正的开发才能开始。这本身就是一项艰巨的任务，需要一套特殊的工具：

Photoshop和Illustrator 或者一些开源的工具比如Gimp/Inkscape。访问Design channel来了解更多这样的工具。

一个牛的、快速的编辑器，比如Atom或Sublime Text(这儿有十种好用的sublime插件)

像Subtlepatterns的背景选择器和颜色选择器能够搭配一些颜色

CSS的栅格系统

上面所说的前端所需要了解的所有知识和 JS 数据模拟

将原型图发表到网上供大家浏览并给于反馈，Ngrok就非常好用

7、日志系统

为了高效监控应用的健康度，全栈开发者必须能够追踪错误，找到错误日志然后从中提取出有用的信息。全栈开发者也需要从日志中预测一些趋势，比如 CPU 或者 I/O 占用率的上涨，以防应用不知道什么时候就挂了。这部分和运维也有一些关系，但是需要一些特别的技能：

推荐一篇非常棒的ELK stack的文章，这会帮助你了解做日志系统所需要的知识。里面包括了查找日志的ElasticSearch ，收集日志的Logstash，把日志用非常棒的图表展现出来的的Kibana，甚至还有提供解决方案的Logz.io。

8、移动端

最后，我们该说说移动端了。随着iOS和安卓上的的webview变得越来越高效，还有 PWA(渐进式web应用)的到来，native 应用正在变得黯淡，因为他们开发起来实在是太复杂了。所以一个全栈工程师必须了解 PWA 或者 React Native，或者像NativeScript, Tabris, Cordova, Phonegap或者其他webview来让客户端应用调用 API跑起来。