第一阶段：HTML + CSS核心基础
- · HTML、CSS核心基础
- · HTML5新特性
- · CSS3新特性
- · CSS过渡与动画
- · 弹性盒模型
- · 蓝湖工具使用
- · 项目-静态页面
- · 经典布局练习
掌握的技能
- 1. HTML和HTML5基础语法
- 2. CSS和CSS3的基础语法
- 3. 掌握100+个企业级布局设计案例
- 4. 使用蓝湖工具，根据设计稿，实现完整静态页面
此阶段中案例，都可以在网站中找到出处。通过设计稿，使用蓝湖工具实现从0到1的开发完整的静态页面。实现企业级的项目布局，真实呈现。
第二阶段：JavaScript
- · JavaScript基础
- · Web API(BOM & DOM)
- · JavaScript操作DOM
- · CSS预编译器(Less & Sass)
- · 前端常用工具库
- · 手写工具函数库
- · JavaScript面向对象(JS高级)
- · 项目-PC项目（HTML+CSS+JS）实现
掌握的技能
- 1. ES5基础语法，BOM与DOM的语法使用和案例实现
- 2. 封装工具函数库(节流、防抖、深浅拷贝、数组常用方法实现等)
- 3. JS作用域、闭包、原型、继承、内存分析、内存管理、垃圾回收等深入分析
- 4. 借助蓝湖工具，根据设计稿，构建页面，到使用JS呈现项目流程
- 5. 掌握jQuery核心语法，Less和Sass的基本语法，BootStrap页面的构建及源码分析
第三阶段：ES6 + Node + 工程化
- · ES5+ & ES6+
- · NPM与YARN常用命令
- · Git常用命令与协同开发
- · Node.js & Express框架 & MongoDB
- · HTTP协议 & Cookie & Session
- · Ajax（原生、工具库、自定义封装）
- · ESM与ComonJS模块化
- · 构建工具Gulp、Webpack5.0
- · 工程化项目
掌握的技能
- 1. 掌握分布式版本控制工具Git的综合使用
- 2. 了解Node.js基础，HTTP服务搭建，接口编写
- 3. 掌握Promise处理异步操作，和使用async/await简化异步操作
- 4. 掌握前后台交互技术Ajax，并封装Ajax库
- 5. 掌握基于Webpack的工程化开发，全栈项目开发后台管理系统
第四阶段：React技术栈
- · React基础语法
- · React Hooks
- · React-router
- · Redux
- · React Antd
- · React与Redux原理分析
- · TypeScript
- · 尚医通-大型React医疗项目-中台Admin
掌握的技能
- 1. 掌握React基础语法和最新的Hooks语法使用
- 2. 掌握React核心插件的使用(React Router、Redux、Antd)
- 3. 分析React和Redux源码，深入了解框架的实现原理
- 4. 掌握TypeScript的核心语法使用，并与React相关库的配合开发
- 5. 掌握React+TS的企业级项目开发
第五阶段：Vue技术栈
- · Vue基础
- · VueRouter
- · Vuex
- · ElementUI & VantUI
- · Vue源码(数据响应式、虚拟DOM)
- · Vue3+TS
- · 大型Vue电商项目-前台PC
- · 大型Vue电商项目-中台Admin
握的技能
- 1. 掌握Vue2的基础语法和核心扩展库(Router、Vuex、ElementUI)
- 2. 掌握Vue3的最新语法和核心插件(Router、Pinia、ElementPlus)
- 3. 理解Vue2与Vue3的响应式和虚拟DOM的原理及其区别
- 4. 掌握Vue2+JS 与 Vue3+TS的企业级项目开发
第六阶段：小程序技术栈
- · 原生小程序核心API
- · 小程序框UniApp的核心API
- · 小程序UI组件库uView
- · 谷粒音乐(原生小程序)
- · 尚上优选(UniApp小程序)
掌握的技能
- 1. 掌握原生小程序核心语法，开发原生小程序应用
- 2. 能快速开发基于UniApp的小程序应用
- 3. 掌握项目开发的完整流程与应用技巧
第七阶段：实战 + 精讲
- · Vue前台项目实战
- · Vue后台管理项目实战
- · React前台/后台项目实战
- · 小程序项目实战
掌握的技能
- 1. 掌握基于Vue和React技术栈的项目开发
- 2. 掌握基于原生小程序和UniApp小程序的项目开发
- 3. 掌握多人协同开发和解决bug的综合技巧