2019 简易Web开发指南

摘要：工具软件欲先攻其事必先利其器，用好工具是做好开发的基础。框架目前最流行简单易用，越来越多人用曾经很流行，现在有点衰退状态管理后端渲染开发工具依赖管理，应用打包，任务管理，编辑器扩展，，移动端有了前端的知识后，我们还可以开发手机。

2019年即将到来，各位同学2018年辛苦了。 不管大家2018年过的怎么样，2019年还是要继续加油的！ 在此我整理了个人认为在2019仍是或者将成为主流的技术与大家分享，包括前端、后端和全栈相关。

欲先攻其事必先利其器，用好工具是做好开发的基础。

编辑器／IDE： VSCode，Sublime Text，Atom

浏览器：Chrome，Firefox

设计／原型：Adobe XD，Photoshop，Sketch，Figma

命令行工具：Git Bash，WSL，iTerm2，Hyper

版本管理：Git

前端我觉得是每个做web开发的同学都应该掌握的，就算是做后端开发的，基本的前端知识也是必不可少的。

HTML5

CSS3

Flexbox (简易教程)，CSS Grid (简易教程)

CSS Variables (Custom Properties)

设置Viewport

Media query

rem-based layout

Mobile First Design

Structured CSS

Variables

Nested CSS

Mixins & Functions

Inheritance

Data Types, functions, conditionals, loops, operators

DOM操作，Events

JSON

Fetch API

ES6+ (arrow function, promise, async / await, destructuring...)

html／css将被逐渐弱化，但是掌握一两个流行框架还是有必要的。

Bootstrap

Materialize

Bulma

React：目前最流行

Vue：简单易用，越来越多人用

Angular：曾经很流行，现在有点衰退

Redux

VueX

NgRx

Apollo (GraphQL Client)

Next.js (React)

Nuxt.js (Vue)

Angular Universal (Angular)

依赖管理：NPM，Yarn

应用打包：Webpack，Parcel

任务管理：Gulp，Grunt

编辑器扩展：ESLint，Live Server，Prettier

有了前端的知识后，我们还可以开发手机app。

React Native：使用react开发原生应用

NativeScript：使用Angular／TypeScript／Javascript开发原生应用

Ionic：使用html／css／js开发混合应用

Flutter：使用Dart语言开发原生应用

Xamarin：使用C#开发原生应用

甚至桌面app！

Electron：使用chromium和node.js，兼容windows，mac，linux

前端同学如果想成为全栈，学一门后端语言是必不可少。

Node.Js：就算不做全栈，nodejs也将成为前端的必备技能

Python：如果除了web开发想往人工智能、机器学习、数据分析方向扩展的同学，python更合适

C#：个人很喜欢的语言，非常优雅和高效

Go：越来越流行的语言，有很强大的标准库，减轻对第三方的依赖

PHP：虽然很多人觉得shitty，但是不得不承认太多网站都是php写的，wordpress实在太流行了

Node.js：Express，Koa，Adonis

Python：Django，Flask

C#：ASP.NET

PHP：Laravel，Symfony

关系型：MySQL，PostgreSQL，MS SQL

NoSQL：MongoDB，Couchbase

云存储：Firebase，AWS，Azure Cosmos DB

轻量级：SQLite，NeDB，Redis

如果不想自己开发网站的时候，用个现成的CMS系统也是不错的。

PHP：WordPress，Drupal

JS：Ghost，KeyStone

Python：Mezzazine

.NET：Piranha，Orchard CMS

基本的运维知识也是需要的，不然自己写个网站搞不上线多着急。

注册域名：Namecheap，Google Domains

FTP，SFTP文件上传：Filezilla，Cyberduck

部署：Linux，SSH，Git，web服务器（Nginx，Apache）

虚拟化：Docker，Vagrant

静态托管服务：Netlify，Github Pages

托管共享主机 & VPS：Inmotion，Hostgator, Bluehost

云平台：Digital Ocean，AWS，Heroku，Azure

GraphQL简而言之是一种API 查询语言（QL = query language），提供了一种革命性的API实现方式。GraphQL是一种规范（specification）而不是实现（implementation）。而Apollo是GraphQL最火的实现。更多请参考：Awesome GraphQL。

TypeScript诞生已经有好几年了，近两年变得很火，很多框架和工具都是typescript写的，比如vscode，angular，ant-design，更多请参考 github。对于想开发框架或者库的同学typescript很值得学，但是优先精通es6+babel的开发方式。

用户体验是个永恒的话题，大家都想使用体验如原生应用的网站，所以PWA是个必然的趋势。更多请参考 github awesome PWA

或许WebAssembly可能不会取代javascript，但是当所有人都开始谈论它的时候，为了好奇心也要学一下。。