共计 2979 个字符，预计需要花费 8 分钟才能阅读完成。
文章总结自视频 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 等等。
数据存储
关系型数据库：MySQL，PostgreSQL
NoSQL：MongoDB
云：Firebase，AWS，LeanCloud（比较推荐看看）
轻存储：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
