【转】2019年Web开发指南

文章总结自视频Web Development In 2019 - A Practical Guide

眨眼2018过去了，还有很多计划学习的东西恐怕都还没有完成，时间不等人，我们要开始看看2019年有什么要关注学习的了。

视频大纲：

0:28 - What Is In This Guide?（指南主要内容介绍）
1:24 - Basic Software & Tools（基本开发软件和工具）
3:43 - HTML & CSS（HTML和CSS）
5:06 - Responsive Layout（响应式布局）
5:55 - Basic Deployment（部署介绍）
7:35 - Sass Pre-Processor（Sass预处理器）
8:38 - Vanilla JavaScript（原生Javascript）
10:08 - Basic Front-End Web Developer（前端开发介绍）
11:13 - What To Learn Next（学些什么）
11:53 - HTML / CSS Framework（HTML/CSS框架）
13:21 - Git & Tooling（Git和相关工具）
16:58 - Front-End Framework（前端框架）
19:10 - State Management（状态管理器）
20:29 - Full Fledged Front-End Web Developer（优秀的前端开发者）
21:24 - Server Side Language（服务端语言）
24:16 - Server Side Framework（服务端框架）
27:52 - Database（数据库介绍）
29:34 - Server Rendered Pages（服务端渲染）
30:41 - CMS（内容管理系统）
31:44 - DevOps, Deployment & More（部署等）
34:40 - Full Stack Badass（全栈）
34:57 - Mobile Development（移动端开发）
35:58 - Desktop Apps With Electron（Electron的桌面应用）
36:33 - GraphQL & Apollo（GraphQL和Apollo）
37:28 - TypeScript（TypeScript）
38:15 - Serverless Architecture（无服务器架构）
38:52 - AI & Machine Learning（智能和机器学习）
39:23 - Blockchain Technology（区块链技术）
40:07 - PWA（渐进式页面应用）
40:42 - Web Assembly（不知道如何解释）

我就几个重点来介绍一下：

基本开发软件和工具

编辑器：VSCode，这两年来，它的Web开发的使用比例急速上升，如果你是一名前端，非常推荐使用哦。另外对我非常有帮助的VSCode插件Settings Sync，我也是强烈推荐的，使用方法可以阅读我曾经写的Visual Studio Code 设置同步到github的插件介绍及使用方法(Settings Sync)

浏览器：Chrome是我目前用的最顺手的了，开发调试也是非常强大，作为一名Web开发者，还在使用360，或许有点显得太不专业了?

其他：Windows下的终端强烈推荐Git Bash，至少我是极度反感每次按完ctrl+C还要Y一下的，如果使用VSCode，可以修改以下设置（默认git安装路径的话）

"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",

如果有用到设计相关的，可以考虑学习XD，PS，Sketch...

基础知识掌握

HTMT5, CSS3, Javascript：这三个依旧是需要熟练的！

HTML5：面世很久了，其实很多时候我们并未熟练掌握各个标签的使用，以及一些高效API还是有必要进一步学习的。

CSS3：最多的最复杂的应该是transform和flex这块了，了解他们有哪些功能的前提下，没事多看看文档，是不是可以更快的提高工作效率呢~

Javascript：ES6趋势越来越明显，各类构建工具配合Babel强大到了简单的配置即可兼容大部分浏览器，因此使用ES6+进行JS开发实在是会轻松一些，因此，请多阅读阮一峰的ES6文档。

响应式开发

可以考虑放弃使用px，如果需要做响应式的Web应用，Rem或许是更好的选择，当然你也可以使用VW单位，还有设置网格，Viewport，媒体查询等等方式让你的响应式应用更加完美。

Sass，PostCSS

手写CSS，真的很慢，如果可以的话，非常推荐在开发环境下使用Sass和PostCSS，最大的便利之处是代码更加好维护和管理了。

前端框架

三大开发框架，Angular，React，Vue，各有特点！很有必要去了解，即便只会其中一个，也推荐去了解其他的。这里就不细说了。

UI框架：ElementUI，Ant Desgin，等等，太多了。也是各有特点，大家请多多尝试。

CSS框架：BootStrap，Bulma（我也没用过）等等，我认为熟悉这些框架对于规范化话CSS是有较大的帮助的。

服务端语言

前端工程师还是需要熟悉Node.js及相关主流框架，比如：Express，KOA，Egg.js等等。

而其他Web开发者如有需要可能会使用到Java，PHP（Laravel，ThinkPHP），Python（DJango），Go等等。

数据存储

1. 关系型数据库：MySQL，PostgreSQL
2. NoSQL：MongoDB
3. 云：Firebase，AWS，LeanCloud（比较推荐看看）
4. 轻存储：SQLite，Redis

服务端渲染

三大框架对应的三套：Augular Universal，Next.js，Nuxt.js（使用Vue的同学，可以试试这个，以前问题挺多的，不过最近除了新版也是挺强大的。）

网站部署

不仅仅是运维需要熟悉的这些Linux，SSH，Git，Nginx等等。其他开发人员也有必要了解。

国内比较有名的平台，阿里云，腾讯云，华为云等，都有比较完善的方案，不过这里有一个国外的Digital Ocean，不熟悉的可以多去看看，很多比较好的关于服务器维护管理等知识。我以前经常阅读，受益匪浅，强烈推荐。

Docker也是越发流行，互不干扰的环境非常适合很多个项目。

趋势及总结

这里对2019的趋势做了简单的预测，很多其实并不是新知识了，但是他们依然有着极大的Web开发地位，依旧要反复学习，下面就几个重点，关键词有兴趣的可以了解~

一套代码实现多端应用的最佳方案，Ionic，React Native，Flutter等，他们也是各有利弊，有必要学习了解下。

TypeScript；GraphQL & Apollo；AI和机器学习；区块链技术；PWA（渐进式Web应用）等等

好了，其实没有什么太多干货，更多的是对视频内的一些总结，其实这几天我也看过不少Web开发的2018和2019，基本上大同小异。

就我个人而言，我今天最大的目标就是更加熟练的掌握ES6，将Vue和React玩到飞起，Node.js也更进一步，再小试TS。

好了，差不多就这些了，那你的2019目标是什么呢，欢迎讨论哦~

其他视频参考（需要梯子）：

• 10 Predictions about 2019 for Developers
• Top 8 Web Development Trends 2019