【转】2019年Web开发指南

whidy
文章总结自视频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目标是什么呢,欢迎讨论哦~

其他视频参考(需要梯子):

阅读 2.3k

我的笔记
个人学习笔记

喜欢玩游戏听歌写东西 ฅʕ•̫͡•ʔฅ

879 声望
65 粉丝
0 条评论
你知道吗?

喜欢玩游戏听歌写东西 ฅʕ•̫͡•ʔฅ

879 声望
65 粉丝
文章目录
宣传栏