看过来，2021 前端开发手册

• RxJS 中文文档

• Svelte 中文文档

视频

• 3小时速成 Vue2.x 核心技术 —— 慕课网

• vue3教程 —— 慕课网

• React16.4 快速上手 —— 慕课网

• 油管搬运Svelte框架全教程 —— bilibili

返回目录

5. 前端工程化

• 包管理工具（npm, yarn）

• JavaScript 编译器（babel）

• 代码检测工具（ESlint）

• 自动化打包工具（webpack, rollup, parcel, gulp）

文章

• npm 中文文档 | npm 中文网

• Yarn 中文文档

• Babel - 下一代 JavaScript 语法的编译器

• ESLint - 插件化的 JavaScript 代码检测工具

• webpack 中文文档 | webpack 中文网

• rollup.js 中文文档 | rollup.js 中文网

• gulp 中文文档 - gulp.js 中文文档 | gulp.js 中文网

• Parcel 中文网

视频

• 前端内容的自动化构建

• Grunt-beginner前端自动化工具

返回目录

6. 服务端渲染 SSR

• Nuxt（Vue）

• Next（React）

• Sapper（Svelte）

文章

• Nuxt.js - Vue.js 通用应用框架

• Next.js - React 应用开发框架 | Next.js 中文网

• sapper中文网

视频

• Nuxt.js免费视频教程 开启SSR渲染 —— 技术胖

返回目录

7. 静态站点生成器 SSG

• Gridsome（Vue）

• Gatsby（React）

文章

• Gridsome 是一个免费、开源、基于 Vue.js 构建的框架

• GatsbyJS 中文网

返回目录

8. TypeScript

• 和 JavaScript 的差异

• 基础类型

• OOP（模块，类，接口，继承，泛型等）

文章

• TypeScript中文网 · TypeScript——JavaScript的超集

• TypeScript 入门教程 —— xcatliu

视频

• TypeScript从入门到精通视频教程-2020年新版

返回目录

9. 用 JS 去做服务器端

• Node.js

• 单线程、事件驱动、非阻塞I/O

• 框架（Express, Koa，Nest）

• Deno

文章

• node.js官网

• Express - 基于 Node.js 平台的 web 应用开发框架

• Koa (koajs) -- 基于 Node.js 平台的下一代 web 开发框架

• Nestjs中文网

• Deno 中文手册

视频

• Nodejs全栈入门 —— 慕课网

返回目录

10. 桌面应用程序 Electron

Electron.js是可以通过HTML，CSS，JavaScript开发跨平台的桌面应用程序。

• 基础语法，API

• 编译

• 性能优化

• 调试

• 部署

文章

• Electron 文档

视频

• Electron免费视频教程 —— bilibili

返回目录

11. 移动端开发

• React Native

• Flutter

• Ionic

文章

• React Native 中文网 · 使用React来编写原生应用的框架

• Flutter中文网

• Ionic Framework - Ionic Documentation

视频

• 2020前端React-Native跨平台APP实战

• Flutter基础视频教程 —— bilibili

• Dart Flutter入门实战视频教程 —— bilibili

返回目录

12. 前端架构 JAMStack

JAMStack（JAM 代表 JavaScript，API 和 Markup）

是一种使用 Static Site Generators (SSG) 技术、不依赖 Web Server 的前端架构。

文章

• jamstack 官网

• 前端架构之 JAMStack

视频

• What is JAMStack

返回目录

13. WebAssembly

WebAssembly 是一种新的编码方式，可以在现代的网络浏览器中运行底层字节码。

文章

• WebAssembly —— MDN

• WebAssembly 中文网|Wasm 中文文档

• WebAssembly 现状与实战

视频

• 下一代web技术，WebAssembly入门教程 —— bilibili

• WebAssembly入门 —— bilibili

返回目录