脚本宝典收集整理的这篇文章主要介绍了【转】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等等。
数据存储
服务端渲染
三大框架对应的三套：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目标是什么呢，欢迎讨论哦~
其他视频参考（需要梯子）：
以上是脚本宝典为你收集整理的【转】2019年Web开发指南全部内容，希望文章能够帮你解决【转】2019年Web开发指南所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。