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

2019年即將到來(lái)，各位同學(xué)2018年辛苦了。 不管大家2018年過的怎么樣，2019年還是要繼續(xù)加油的！ 在此我整理了個(gè)人認(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

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

HTML5

CSS3

Flexbox (簡(jiǎn)易教程)，CSS Grid (簡(jiǎn)易教程)

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將被逐漸弱化，但是掌握一兩個(gè)流行框架還是有必要的。

Bootstrap

Materialize

Bulma

React：目前最流行

Vue：簡(jiǎn)單易用，越來(lái)越多人用

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

有了前端的知識(shí)后，我們還可以開發(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語(yǔ)言開發(fā)原生應(yīng)用

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

甚至桌面app！

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

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

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

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

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

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

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

云存儲(chǔ)：Firebase，AWS，Azure Cosmos DB

輕量級(jí)：SQLite，NeDB，Redis

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

PHP：WordPress，Drupal

JS：Ghost，KeyStone

Python：Mezzazine

.NET：Piranha，Orchard CMS

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

注冊(cè)域名：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

云平臺(tái)：Digital Ocean，AWS，Heroku，Azure

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

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

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

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