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開發的同學都應該掌握的，就算是做后端開發的，基本的前端知識也是必不可少的。

HTML & CSS

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

響應式布局（Responsive Layout）

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

• Bootstrap
• Materialize
• Bulma

JS框架

• React：目前最流行
• Vue：簡單易用，越來越多人用
• Angular：曾經很流行，現在有點衰退

狀態管理（state management）

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

后端渲染（server side rendering）

• 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（Content Management System）

如果不想自己開發網站的時候，用個現成的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?&?Apollo

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

TypeScript

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

PWA (Progressive Web Apps)

用戶體驗是個永恒的話題，大家都想使用體驗如原生應用的網站，所以PWA是個必然的趨勢。更多請參考?github awesome PWA

WebAssembly

或許WebAssembly可能不會取代javascript，但是當所有人都開始談論它的時候，為了好奇心也要學一下。。

轉載于:https://www.cnblogs.com/jinanxiaolaohu/p/10184872.html

總結

以上是生活随笔為你收集整理的[转帖]2019 简易Web开发指南的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。