2019 年 Web 開發技術指南和趨勢

這是一個2019年你成爲前端，後端或全棧開發者的進階指南:

你不須要學習全部的技術成爲一個web開發者
這個指南只是經過簡單分類列出了技術選項
我將從個人經驗和參考中給出建議
首選咱們會介紹通用的知識, 最後介紹2019年的Web的一些趨勢

1. 基礎前端開發者

1.1 HTML & CSS

HTML & CSS

最基礎的知識:

語義化的HTML元素
基礎的CSS語法
Flexbox & Grid
CSS變量
瀏覽器開發者工具
1.2 響應式佈局

響應式佈局

響應式設計將再也不是網頁的加分項, 而是必須的

設置viewport
非固定寬度
媒體查詢
使用 rem 替代 px
移動優先,柱狀顯示
1.3 基礎的部署工做

部署工做

學會如何部署一個靜態網站到服務器

註冊一個域名(NameCheap, Google Domains)
管理共享主機或虛擬機(Inmotion, Hostgator, Bluehost)
FTP, SFTP 文件上傳(Filezilla, Cyberduck)
靜態頁面託管(Netlify, Github Pages)
1.4 SASS預處理器

SASS預處理器

雖然不是必須的, 可是推薦去學, 基礎知識的掌握很簡單

結構化CSS
變量
嵌套樣式表
Minxins & 函數
繼承
1.5 原生JavaScript語法

JavaScript

不使用任何框架和庫區學習原生的JS語法

數據類型, 函數, 條件判斷, 循環, 湊總府
DOM操做和事件
JSON
Fetch
ES6+(箭頭函數, Promise, async/await, 解構)
1.6 知足了基本的前端開發者的條件

基本的前端開發

構建靜態站點
構建UI佈局(拿到設計圖可以使用HTML/CSS還原)
添加一些交互功能
部署和維護網站
如今能找到最低水平的Web開發工做, 可是這是遠遠不夠的….

1. 一個成熟的前端開發者

2.1 HTML & CSS框架

HTML & CSS框架

HTML/CSS框架目前沒有之前那麼有意義, 可是我仍是介意你選擇一個學習(這裏做者想隱射的應該是, 在jquery時代, HTML/CSS框架的學習是必須的).

BootStrap
Materialize
Bulma
2.2 Git和其餘工做流工具

Git和工具

Git絕對是每個Web開發者必須掌握的工具, 這裏也有一些其餘的工做流工具的建議.,

基礎的命令行(touch, cd, mkdir什麼的總得會, 命令行在下面的工具中都會用到)
Git(版本控制)
NPM 或 Yarn(包管理)
Webpack 或者 Parcel(打包工具)
Gulp 或者 Grunt(任務管理和構建工具)
編輯器插件(ESLint, Prettier, Live Server等)
2.3 前端框架

前端框架

學習一個前端框架在目前前端開發中是必須的.

在大公司開發中很是流行
更多的交互 & 有趣的UI組件
組件化 & 模塊化前端代碼
對團隊有利
2.4 狀態管理

狀態管理

對於使用框架的大型前端項目, 你也許須要使用狀態管理工具去管理你的應用級的狀態

Redux(Context API)
Apollo(GraphQL Client)
Vuex
NgRx
2.5 知足一個成熟的前端開發者條件

成熟的前端開發者的條件

構建一個優秀的前端應用流暢和穩定的前端工做流多人開發 & 熟練使用Git請求後端API & 前端數據響應知足以上條件, 你可以順利的找到一個前端的工做並乾得很出色~