下面是前端學習路線以及學習資源推薦：

目錄

1. HTMLDOCTYPE

HTML, XHTML, XML 差異性

HTML5 新特性 及 語義化標簽

meta, img, script 等標簽及其標簽屬性

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

文章

視頻

2. CSSCSS 基礎

CSS 布局

CSS 動畫

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

文章

視頻

3. JavaScriptJavaScript 基礎

ES6

面向對象編程 和 函數式編程

文章

視頻

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

狀態管理(Vuex)

ReactJSX

Class Component, Hooks

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

狀態管理(Redux, Mobx, Context API)

Angular狀態管理(Service, NgRx, RxJS)

Svelte路由(svelte-spa-router)

狀態管理(Context API)

文章

視頻

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

JavaScript 編譯器(babel)

代碼檢測工具(ESlint)

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

文章

視頻

6. 服務端渲染 SSRNuxt(Vue)

Next(React)

Sapper(Svelte)

文章

視頻

7. 靜態站點生成器 SSGGridsome(Vue)

Gatsby(React)

文章

8. TypeScript和 JavaScript 的差異

基礎類型

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

文章

視頻

9. 用 JS 去做服務器端Node.js單線程、事件驅動、非阻塞I/O

框架(Express, Koa，Nest)

Deno

文章

視頻

10. 桌面應用程序 Electron

Electron.js是可以通過HTML，CSS，JavaScript開發跨平臺的桌面應用程序。基礎語法，API

編譯

性能優化

調試

部署

文章

視頻

11. 移動端開發React Native

Flutter

Ionic

文章

視頻

12. 前端架構 JAMStack

JAMStack(JAM 代表 JavaScript，API 和 Markup)

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

文章

視頻

13. WebAssembly

WebAssembly 是一種新的編碼方式，可以在現代的網絡瀏覽器中運行底層字節碼。

文章

視頻零基礎如何迅速學習前端？?www.zhihu.com作者：StephenTian

鏈接：2021 前端開發手冊_個人文章 - SegmentFault 思否

來源：segmentfault

著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。

總結

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

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