下面是前端學(xué)習(xí)路線以及學(xué)習(xí)資源推薦：

目錄

1. HTMLDOCTYPE

HTML, XHTML, XML 差異性

HTML5 新特性 及 語(yǔ)義化標(biāo)簽

meta, img, script 等標(biāo)簽及其標(biāo)簽屬性

有興趣可以了解 W3C 和 WHATWG HTML5 差異

文章

視頻

2. CSSCSS 基礎(chǔ)

CSS 布局

CSS 動(dòng)畫(huà)

CSS 預(yù)處理器(sass, less, stylus)

文章

視頻

3. JavaScriptJavaScript 基礎(chǔ)

ES6

面向?qū)ο缶幊?和 函數(shù)式編程

文章

視頻

4. 前端框架Vue路由(Vue-Router)

狀態(tài)管理(Vuex)

ReactJSX

Class Component, Hooks

路由(React-Router, React-Router-Dom)

狀態(tài)管理(Redux, Mobx, Context API)

Angular狀態(tài)管理(Service, NgRx, RxJS)

Svelte路由(svelte-spa-router)

狀態(tài)管理(Context API)

文章

視頻

5. 前端工程化包管理工具(npm, yarn)

JavaScript 編譯器(babel)

代碼檢測(cè)工具(ESlint)

自動(dòng)化打包工具(webpack, rollup, parcel, gulp)

文章

視頻

6. 服務(wù)端渲染 SSRNuxt(Vue)

Next(React)

Sapper(Svelte)

文章

視頻

7. 靜態(tài)站點(diǎn)生成器 SSGGridsome(Vue)

Gatsby(React)

文章

8. TypeScript和 JavaScript 的差異

基礎(chǔ)類(lèi)型

OOP(模塊，類(lèi)，接口，繼承，泛型等)

文章

視頻

9. 用 JS 去做服務(wù)器端Node.js單線程、事件驅(qū)動(dòng)、非阻塞I/O

框架(Express, Koa，Nest)

Deno

文章

視頻

10. 桌面應(yīng)用程序 Electron

Electron.js是可以通過(guò)HTML，CSS，JavaScript開(kāi)發(fā)跨平臺(tái)的桌面應(yīng)用程序。基礎(chǔ)語(yǔ)法，API

編譯

性能優(yōu)化

調(diào)試

部署

文章

視頻

11. 移動(dòng)端開(kāi)發(fā)React Native

Flutter

Ionic

文章

視頻

12. 前端架構(gòu) JAMStack

JAMStack(JAM 代表 JavaScript，API 和 Markup)

是一種使用 Static Site Generators (SSG) 技術(shù)、不依賴 Web Server 的前端架構(gòu)。

文章

視頻

13. WebAssembly

WebAssembly 是一種新的編碼方式，可以在現(xiàn)代的網(wǎng)絡(luò)瀏覽器中運(yùn)行底層字節(jié)碼。

文章

視頻零基礎(chǔ)如何迅速學(xué)習(xí)前端？?www.zhihu.com作者：StephenTian

鏈接：2021 前端開(kāi)發(fā)手冊(cè)_個(gè)人文章 - SegmentFault 思否

來(lái)源：segmentfault

著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

總結(jié)

以上是生活随笔為你收集整理的javascript mysql php_HTML、CSS、JavaScript、PHP、 MySQL 的学习顺序是什么？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。