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

工具、軟件

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

• 編輯器／IDE： VSCode，Sublime Text，Atom
• 瀏覽器：Chrome，Firefox
• 設(shè)計(jì)／原型：Adobe XD，Photoshop，Sketch，Figma
• 命令行工具：Git Bash，WSL，iTerm2，Hyper
• 版本管理：Git

前端

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

HTML & CSS

• HTML5
• CSS3
• Flexbox (簡易教程)，CSS Grid (簡易教程)
• CSS Variables (Custom Properties)

響應(yīng)式布局（Responsive Layout）

• 設(shè)置Viewport
• Media query
• rem-based layout
• Mobile First Design

Sass

• Structured CSS
• Variables
• Nested CSS
• Mixins & Functions
• Inheritance

Javascript

• Data Types, functions, conditionals, loops, operators
• DOM操作，Events
• JSON
• Fetch API
• ES6+ (arrow function, promise, async / await, destructuring...)

HTML / CSS 框架

html／css將被逐漸弱化，但是掌握一兩個(gè)流行框架還是有必要的。

• Bootstrap
• Materialize
• Bulma

JS框架

• React：目前最流行
• Vue：簡單易用，越來越多人用
• Angular：曾經(jīng)很流行，現(xiàn)在有點(diǎn)衰退

狀態(tài)管理（state management）

• Redux
• VueX
• NgRx
• Apollo (GraphQL Client)

后端渲染（server side rendering）

• Next.js (React)
• Nuxt.js (Vue)
• Angular Universal (Angular)

開發(fā)工具

• 依賴管理：NPM，Yarn
• 應(yīng)用打包：Webpack，Parcel
• 任務(wù)管理：Gulp，Grunt
• 編輯器擴(kuò)展：ESLint，Live Server，Prettier

移動(dòng)端

有了前端的知識(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語言開發(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#：個(gè)人很喜歡的語言，非常優(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，Flask
• C#：ASP.NET
• PHP：Laravel，Symfony

數(shù)據(jù)庫

• 關(guān)系型：MySQL，PostgreSQL，MS SQL
• NoSQL：MongoDB，Couchbase
• 云存儲(chǔ)：Firebase，AWS，Azure Cosmos DB
• 輕量級：SQLite，NeDB，Redis

CMS（Content Management System）

如果不想自己開發(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)維基礎(chǔ)

基本的運(yùn)維知識(shí)也是需要的，不然自己寫個(gè)網(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
• 云平臺(tái)：Digital Ocean，AWS，Heroku，Azure

其他

GraphQL & Apollo

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

TypeScript

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

PWA (Progressive Web Apps)

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

WebAssembly

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