前端开发学习路线图

一、HTML5+CSS3模块

  1. HTML标签
  2. 浏览器内核差异性
  3. H5新增标签
  4. 语义化
  5. 标签与属性
  6. CSS基本语法规范
  7. CSS常用选择器与技巧
  8. CSS复合选择器
  9. 数值与单位
  10. CSS Hack
  11. 盒子模型
  12. 媒体查询与响应式
  13. 过渡与动画
  14. 弹性盒子模型
  15. 浮动
  16. 定位
  17. CSS高级技巧(雪碧图、滑动门和三角形绘制等)
  18. Chrome调试工具
  19. CSS企业级应用技巧
  20. 网页常见问题解决方案
  21. PhotoShop应用
  22. 项目实战开发流程
  23. 复杂页面的设计与排版
  24. CSS模块化开发
  25. CSS字体图标应用
  26. 常见布局解决方案

二、移动端M站模块

  1. 移动端屏幕比例
  2. 移动端浏览器
  3. 物理像素与设备独立像素
  4. ViewPort视口相关
  5. 主流移动端社适配解决方案
  6. 百分比布局
  7. Flex布局的优势
  8. Rem处理移动端
  9. 媒体查询多终端适配
  10. 百度地图移动端布局分析

三、JavaScript编程模块

  1. JavaScript概述
  2. JavaScript发展历史
  3. 基础语法
  4. 数据类型
  5. 数值精密计算
  6. 字符串
  7. 对象
  8. 数组
  9. 函数
  10. 运算符
  11. 数据类型转换
  12. 错误处理机制
  13. 编程风格
  14. Object对象
  15. Array对象
  16. 包装对象
  17. Number对象
  18. String对象
  19. Math对象
  20. Date对象
  21. RegExp对象
  22. JSON对象
  23. 面向对象编程
  24. this关键字
  25. prototype对象
  26. 原型与原型链深入剖析
  27. 作用域深入解析
  28. Object对象与继承
  29. 面向对象编程模式
  30. 异步编程
  31. 定时器
  32. Promise对象
  33. 严格模式
  34. DOM编程
  35. 事件类型
  36. windows对象
  37. 浏览器环境
  38. History对象
  39. Cookie
  40. 同源策略
  41. 设计模式
  42. MVC与MVVM

四、JQuery模块

  1. jQuery介绍
  2. jQuery优势
  3. jQuery API详解
  4. 链式编程与隐式迭代
  5. 源码解析
  6. 插件使用与封装
  7. jQuery Ajax
  8. jQuery动画
  9. jQuery实现网站特效

五、BootStrap模块

  1. 第三方UI组件库
  2. BootStrap引用
  3. BootStrap全局CSS样式
  4. 栅格系统与响应式
  5. 拆解栅格系统源码
  6. 栅格系统原理解析
  7. BootStrap JavaScript插件
  8. 组件应用
  9. BootStrap定制需求

六、HTML5新特性模块

  1. 语义化标签
  2. 本地存储
  3. 离线缓存
  4. H5连贯性
  5. 多媒体相关
  6. 性能提升
  7. 调用原生API
  8. Canvans
  9. Canvans游戏

七、Node.js、MySQL与Ajax模块

  1. Ajax的应用
  2. 原生XHR对象
  3. 同步与异步
  4. Http协议
  5. Https协议
  6. 封装ajax
  7. jQuery Ajax
  8. 同源策略
  9. 跨域问题及解决方案
  10. JSON解析
  11. CORS与JSONP
  12. 前端模板引擎Template
  13. PostMan工具
  14. Node.js开发环境
  15. Commons.js规范
  16. 模块化
  17. NPM与CNPM镜像
  18. 核心模块
  19. RestFulAPI
  20. Express框架
  21. Koa2框架
  22. 中间件
  23. 模板引擎
  24. 静态资源管理
  25. 路由相关
  26. MySQl数据库使用
  27. Node.js链接MySql

八、模块化

  1. 模块化历程
  2. js模块化
  3. Require.js
  4. Sea.js
  5. Node.js的Commons.js规范

九、JavaScript新标准(ES6/7/8)模块

  1. ES6的目标
  2. Bable解析
  3. Let与Const命令
  4. 变量与解构赋值
  5. 字符串扩展
  6. 数组扩展
  7. 函数扩展
  8. 对象扩展
  9. Set与Map数据结构
  10. Proxy对象
  11. Promise对象
  12. Generator对象
  13. Async与await
  14. Class类
  15. Class类的继承
  16. Module模块
  17. 编程风格

十、工程化

  1. Gulp自动化处理
  2. Gulp管理项目压缩
  3. 合并、重命名操作
  4. Gulp配置热更新
  5. Webpack静态打包模块器
  6. Webpack入口起点
  7. Webpack输出
  8. Webpack模式
  9. Webpack Loads
  10. Webpack插件
  11. Webpack配置
  12. Webpack模块
  13. 热模块替换
  14. 构建目标
  15. 开发中的Server
  16. 监听打包模块
  17. 模块打包热更新
  18. 生产环境与开发环境分离
  19. 打包优化之CodeSplitting代码分离
  20. 打包优化之懒加载
  21. 打包优化之缓存处理
  22. Less与sass的CSS预处理语言

十一、小程序模块

  1. 小程序开发
  2. 小程序框架
  3. 小程序组件
  4. 小程序API
  5. 小程序服务端相关
  6. 小程序工具应用
  7. 自定义组件
  8. 优化
  9. 组件与生命周期
  10. 小程序分包加载
  11. 小程序性能分析与优化
  12. 小程序云端能力
  13. 云服务器
  14. 云数据库
  15. 云存储
  16. 云调用
  17. 配额
  18. 小程序发布
  19. 多平台小程序
  20. MpVue
  21. Wepy

十二、React模块

  1. Create React App
  2. React最佳实战
  3. JSX语法
  4. 元素渲染
  5. 组件
  6. Props与State
  7. 事件处理
  8. 条件渲染
  9. 列表与Key
  10. 表单相关
  11. 状态提升
  12. 组合与继承
  13. 代码分割code-splitting
  14. 代码分割lazy
  15. Context对象
  16. 错误边界处理
  17. Refs与DOM
  18. 碎片化和Fragments
  19. 高阶组件
  20. 性能优化
  21. 静态类型检查
  22. 受控组件与非受控组件
  23. Hook新特性

十三、React轻量级框架之DvaJS

  1. Dva开发体验
  2. React数据流解决方案
  3. 插件机制
  4. 支持XHR
  5. Dva API
  6. 定义路由
  7. 定义Model
  8. Connect对象
  9. 优化加载方式
  10. 优化路由配置
  11. 路由原理
  12. Dva开发复杂SPA

十四、React轻量级框架之UmiJS

  1. 可拔插企业级框架
  2. 约定式路由
  3. 开箱即用
  4. 高性能
  5. 静态页面导出
  6. 支持TypeScript
  7. 与Dva融合
  8. 按需加载
  9. 服务器端渲染SSR
  10. 基本配置
  11. WebPack配置
  12. immer优化开发
  13. 动态加载
  14. 语言设定
  15. DII二次启动提速
  16. 打包与部署

十五、Vue模块

  1. Vue基础
  2. Vue实力对象
  3. 模板语法
  4. 计算属性
  5. 侦听器
  6. Class与Style绑定
  7. 组件相关
  8. Props数据传递
  9. 插槽
  10. 自定义事件
  11. 动态组件
  12. 异步组件
  13. 边界处理
  14. 过渡与动画
  15. 混入
  16. 自定义指令
  17. 渲染函数与JSX
  18. 插件
  19. 过滤器
  20. 单文件组件
  21. TypeScript支持
  22. 生产环境部署
  23. 路由相关
  24. 状态管理
  25. 服务端渲染
  26. 深入响应式原理
  27. 封装组件
  28. npm发布组件
  29. MVVM双向数据绑定原理
  30. $nextTick原理
  31. 发布订阅模式
  32. 权限管理

十六、Angular模块

  1. Angular引入
  2. 双向数据绑定
  3. MVC模式
  4. Angular服务
  5. Angular路由
  6. 表单相关
  7. 依赖注入

十七、框架原理与进阶

  1. TypeScript
  2. TS静态类型检查
  3. React支持TypeScript
  4. Vue支持TypeScript
  5. Vue双向数据绑定原理
  6. 模拟实现Vue框架数据绑定
  7. RxJS
  8. Redux API
  9. React-Redux
  10. Redux-thunk
  11. Redux-Saga
  12. Redux深入理解
  13. Redux应用技巧
  14. Redux常见问题与解决方案
  15. Redux异步相关
  16. Vuex API
  17. 异步与同步
  18. Reducers
  19. Actions
  20. modules
  21. getters
  22. 插件
  23. 严格模式
  24. 热重载
  25. React服务端渲染解决方案next.js
  26. Vue服务端渲染解决方案nuxt.js

十八、UI组件库

  1. Antd组件库介绍
  2. Antd UI设计风格
  3. 组件引入
  4. 按需加载
  5. 常见组件详解
  6. 组件库源码分析
  7. 定制主题
  8. 常见问题规避与解决方案
  9. ELement UI组件库引入
  10. Vue-cli@3版本引入
  11. 全加载与按需加载
  12. 自定义主题

十九、协同开发模块

  1. SVN与Git介绍
  2. SVN客户端与服务器端搭建
  3. SVN管理版本
  4. SVN冲突解决
  5. SVN多人协作开发
  6. Git环境搭建
  7. Git分布式
  8. Git版本库管理
  9. Git前进和后退、修改与撤销
  10. git分支管理
  11. git冲突解决
  12. GitHub远程仓库关联
  13. gitee远程仓库关联

二十、大数据可视化

  1. Echarts
  2. D3.js
  3. three.js
  4. AntV(G2)
  5. 全国地图
  6. 世界地图
  7. 发散点描绘
  8. 双轴线
  9. 折线图
  10. 散点图
  11. 条形图
  12. 热力图
  13. 环形图
  14. 路线图
  15. 3DMap
  16. 参数调优

二十一、微信相关

  1. 公众号开发
  2. JSSDK相关开发
  3. 展示
  4. 分享
  5. 支付
  6. 录音

二十二、WebApp与混合开发

  1. Cordova
  2. phoneGap
  3. 混可开发介绍
  4. 布局处理
  5. Vant组件库
  6. 原生交互
  7. Webpack打包优化
  8. 调试工具应用
  9. WebView深入理解

二十三、React-Native

  1. 环境搭建
  2. Android SDK
  3. Props
  4. State
  5. 基础API
  6. 特定平台代码
  7. 无障碍功能
  8. 改进用户体验
  9. 多平台支持
  10. 发布定制React-Native包

二十四、Flutter模块

  1. 环境搭建
  2. 体验Flutter
  3. Widget
  4. Flutter for Web开发
  5. 执行基本布局操作
  6. 控制位置和大小
  7. 处理形状
  8. 操作文本
  9. 资源与图片
  10. 路由与导航
  11. 国际化

你可能感兴趣的:(前端,css3,flutter,react,native,vue)