前端学习路线

前端学习路线

1. html5

2. css3

• 基本语法
• 布局
  • 浮动float
  • 定位position
  • 盒模型
  • flex
  • grid/layout

3. 版本管理工具Git

• 基本命令
• 搭建一个静态博客站点

4. node基础

• 包管理
  • npm/yarn/npx
• 常用包
  • 文件读写fs
  • 路径查找path
  • 网络http

5.构建工具

• 自动化构建
  • gulp
• 模块化打包
  • webpack

6. css预处理

• Sass
• PostCss

7. bootstrap

8. js框架

• Vue
• React
• Angular

9. css框架

• Antd
• Element UI
• Material

10. css优化方案

• Styled Component
• Css Modules
• Styled JSX

11. 测试

• 单元测试
• 集成测试
• E2E测试
• Jest
• Enzyme
• Puppeteer

12. 代码质量

• 类型校验
  • TypeScript

13. 数据可视化

• Echart
• D3.js

14. 服务端渲染SSR

• Next.js(React)
• Nuxt.js(Vue)

15. 移动端应用

• React Native
• Weex
• hybrid
• Flutter

16. 小程序

• 原生
  • 微信
  • 支付宝
  • 头条
• 跨端解决方案
  • uni-app
  • Taro

17. 桌面应用

• Electron
• NW.js

18. 静态站点构建

• GatsbyJS
• VuePress