【转】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等等。数据存储关系型数据库：MySQL，PostgreSQLNoSQL：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 DevelopersTop 8 Web Development Trends 2019