摘要：工具軟件欲先攻其事必先利其器，用好工具是做好開發的基礎。框架目前最流行簡單易用，越來越多人用曾經很流行，現在有點衰退狀態管理后端渲染開發工具依賴管理，應用打包，任務管理，編輯器擴展，，移動端有了前端的知識后，我們還可以開發手機。

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，但是當所有人都開始談論它的時候，為了好奇心也要學一下。。