javascript mysql php_HTML、CSS、JavaScript、PHP、 MySQL 的学习顺序是什么？

下面是前端学习路线以及学习资源推荐：

目录

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

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。