2021 前端开发手册

StephenTian

简介

这是一份 2021 年前端开发手册,列举前端开发相关技术,提供相关技术的学习资源。下面的项目不用全部学习,可以选其中一些学习。

欢迎补充!项目地址:2021-frontend-handbook


目录

  1. HTML
  2. CSS
  3. JavaScript
  4. 前端框架
  5. 前端工程化
  6. 服务端渲染 SSR
  7. 静态站点生成器 SSG
  8. TypeScript
  9. 用 JS 去做服务器端
  10. 桌面应用程序 Electron
  11. 移动端混合开发
  12. 前端架构 JAMStack
  13. WebAssembly

1. HTML

  • DOCTYPE
  • HTML, XHTML, XML 差异性
  • HTML5 新特性 及 语义化标签
  • meta, img, script 等标签及其标签属性
  • 有兴趣可以了解 W3C 和 WHATWG HTML5 差异

文章

视频

返回目录


2. CSS

  • CSS 基础
  • CSS 布局
  • CSS 动画
  • CSS 预处理器(sass, less, stylus)

文章

视频

返回目录


3. JavaScript

  • JavaScript 基础
  • ES6
  • 面向对象编程 和 函数式编程

文章

视频

返回目录


4. 前端框架

  • Vue

    • 路由(Vue-Router)
    • 状态管理(Vuex)
  • React

    • JSX
    • 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. 服务端渲染 SSR

  • Nuxt(Vue)
  • Next(React)
  • Sapper(Svelte)

文章

视频

返回目录


7. 静态站点生成器 SSG

  • Gridsome(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 是一种新的编码方式,可以在现代的网络浏览器中运行底层字节码。

文章

视频

返回目录


阅读 3.3k

NO BB,show me the code

3.8k 声望
13.9k 粉丝
0 条评论

NO BB,show me the code

3.8k 声望
13.9k 粉丝
宣传栏