摘要：工具軟件欲先攻其事必先利其器，用好工具是做好開發(fā)的基礎(chǔ)?？蚣苣壳白盍餍泻唵我子?，越來越多人用曾經(jīng)很流行，現(xiàn)在有點(diǎn)衰退狀態(tài)管理后端渲染開發(fā)工具依賴管理，應(yīng)用打包，任務(wù)管理，編輯器擴(kuò)展，，移動端有了前端的知識后，我們還可以開發(fā)手機(jī)。

2019年即將到來，各位同學(xué)2018年辛苦了。 不管大家2018年過的怎么樣，2019年還是要繼續(xù)加油的！ 在此我整理了個人認(rèn)為在2019仍是或者將成為主流的技術(shù)與大家分享，包括前端、后端和全棧相關(guān)。

欲先攻其事必先利其器，用好工具是做好開發(fā)的基礎(chǔ)。

編輯器／IDE： VSCode，Sublime Text，Atom

瀏覽器：Chrome，F(xiàn)irefox

設(shè)計(jì)／原型：Adobe XD，Photoshop，Sketch，F(xiàn)igma

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

版本管理：Git

前端我覺得是每個做web開發(fā)的同學(xué)都應(yīng)該掌握的，就算是做后端開發(fā)的，基本的前端知識也是必不可少的。

HTML5

CSS3

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

CSS Variables (Custom Properties)

設(shè)置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：曾經(jīng)很流行，現(xiàn)在有點(diǎn)衰退

Redux

VueX

NgRx

Apollo (GraphQL Client)

Next.js (React)

Nuxt.js (Vue)

Angular Universal (Angular)

依賴管理：NPM，Yarn

應(yīng)用打包：Webpack，Parcel

任務(wù)管理：Gulp，Grunt

編輯器擴(kuò)展：ESLint，Live Server，Prettier

有了前端的知識后，我們還可以開發(fā)手機(jī)app。

React Native：使用react開發(fā)原生應(yīng)用

NativeScript：使用Angular／TypeScript／Javascript開發(fā)原生應(yīng)用

Ionic：使用html／css／js開發(fā)混合應(yīng)用

Flutter：使用Dart語言開發(fā)原生應(yīng)用

Xamarin：使用C#開發(fā)原生應(yīng)用

甚至桌面app！

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

前端同學(xué)如果想成為全棧，學(xué)一門后端語言是必不可少。

Node.Js：就算不做全棧，nodejs也將成為前端的必備技能

Python：如果除了web開發(fā)想往人工智能、機(jī)器學(xué)習(xí)、數(shù)據(jù)分析方向擴(kuò)展的同學(xué)，python更合適

C#：個人很喜歡的語言，非常優(yōu)雅和高效

Go：越來越流行的語言，有很強(qiáng)大的標(biāo)準(zhǔn)庫，減輕對第三方的依賴

PHP：雖然很多人覺得shitty，但是不得不承認(rèn)太多網(wǎng)站都是php寫的，wordpress實(shí)在太流行了

Node.js：Express，Koa，Adonis

Python：Django，F(xiàn)lask

C#：ASP.NET

PHP：Laravel，Symfony

關(guān)系型：MySQL，PostgreSQL，MS SQL

NoSQL：MongoDB，Couchbase

云存儲：Firebase，AWS，Azure Cosmos DB

輕量級：SQLite，NeDB，Redis

如果不想自己開發(fā)網(wǎng)站的時候，用個現(xiàn)成的CMS系統(tǒng)也是不錯的。

PHP：WordPress，Drupal

JS：Ghost，KeyStone

Python：Mezzazine

.NET：Piranha，Orchard CMS

基本的運(yùn)維知識也是需要的，不然自己寫個網(wǎng)站搞不上線多著急。

注冊域名：Namecheap，Google Domains

FTP，SFTP文件上傳：Filezilla，Cyberduck

部署：Linux，SSH，Git，web服務(wù)器（Nginx，Apache）

虛擬化：Docker，Vagrant

靜態(tài)托管服務(wù)：Netlify，Github Pages

托管共享主機(jī) & VPS：Inmotion，Hostgator, Bluehost

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

GraphQL簡而言之是一種API 查詢語言（QL = query language），提供了一種革命性的API實(shí)現(xiàn)方式。GraphQL是一種規(guī)范（specification）而不是實(shí)現(xiàn)（implementation）。而Apollo是GraphQL最火的實(shí)現(xiàn)。更多請參考：Awesome GraphQL。

TypeScript誕生已經(jīng)有好幾年了，近兩年變得很火，很多框架和工具都是typescript寫的，比如vscode，angular，ant-design，更多請參考 github。對于想開發(fā)框架或者庫的同學(xué)typescript很值得學(xué)，但是優(yōu)先精通es6+babel的開發(fā)方式。

用戶體驗(yàn)是個永恒的話題，大家都想使用體驗(yàn)如原生應(yīng)用的網(wǎng)站，所以PWA是個必然的趨勢。更多請參考 github awesome PWA

或許WebAssembly可能不會取代javascript，但是當(dāng)所有人都開始談?wù)撍臅r候，為了好奇心也要學(xué)一下。。