下面是前端学习路线以及学习资源推荐：
目录
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
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
