目标是为学习者提供构建和开发各种网站和应用程序所需的独特技能。该课程的毕业生将能够使用 CSS、Flexbox 和 CSS Grid 构建响应式网站，使用 JavaScript 和 HTML 开发交互式网站和 UI（用户界面）应用程序，并使用 JavaScript 或者框架（例如Vu**js）将 Web 应用程序连接到后端服务器数据。学生还将建立使用 Webpack 自动构建和部署应用程序的能力。

实验班 — 网页布局

知识点分布

1，HTML

1.**ml基础语法 | 2.排版标签 | 3.路径 | 4.多媒体标签 | 5.链接标签 | 6.列表标签 | 7.表格标签 | 8.表单标签 | 9.布局标签 | 10.语义化标签 | 11.字符实体

2，CSS

1.选择器 | 2.外观样式 | 3.文字 | 4.背景 | 5.标准流 | 6.三大特性 | 7.盒子模型 | 8.伪元素 | 9.浮动 | 10.伪类 | 11.定位 | 12.圆角样式 | 13.阴影样式 | 14.透明 | 15.过渡

进阶班 — 移动WEB

知识点分布

1，CSS高级特效

1.字体图标 | 2.2D转换 | 3.3D转换 | 4.动画

2，移动适配

1.*em、vm、vh | 2.**ex布局模型 | 3.**ss基础语法 | 4.视口 | 5.分辨率 | 6.二倍图 | 7.移动适配 | 8.媒体查询

3，响应式

1.媒体查询 | 2.b****trap框架 | 3.栅格系统 | 4.组件 | 4.响应式网页布局

进阶班 — JavaScript

知识点分布

1，JavaScript基础

1.变量 | 2.数据类型 | 3.运算符 | 4.分支结构语句 | 5.循环结构语句 | 6.数组 | 7.函数 | 8.对象 | 9.内置对象

2，WebAPI

1.*OM | 2.间歇函数、延迟函数 | 3.事件 | 4.高阶函数 | 5.环境对象 | 6.节点操作 | 7.*OM | 8.****ow对象 | 9.本地存储 | 10.自定义属性 | 11.正则表达式

3，JavaScript高级

1.字面量 | 2.构造函数 | 3.面向对象 | 4.原型 | 5.箭头函数 | 6.严格模式 | 7.闭包

4，JQuery

1.选择器 | 2.节点方法 | 3.动画 | 4.动画队列 | 5.事件 | 6.事件委托 | 7.链式操作 | 8.插件 | 9.插件机制

5，Ajax

1.客户端与服务器 | 2.***os | 3.接口 | 4.**rm表单 | 5.拦截器 | 6.******ta | 7.文件上传 | 8.防抖 | 9.节流 | 10.跨域

6，Git

1.安装和配置 | 2.本地操作的常用命令 | 3.分支与常用命令 | 4.远程仓库的使用

进阶班 — 框架前置课

知识点分布

1，No***js基础

1.*****js和浏览器的区别 | 2.环境安装 | 3.终端重用命令 | 4.在No***js中执行js代码 | 5.FS模块 | 6.**th模块

2，模块化

1.模块化的基本概念 | 2.******JS | 3.模块的分类 | 4.模块作用域

3，NPM

1.包的概念 | 2.*pm | 3.配置管理文件 | 4.全局包 | 5.项目包 | 6.*pm命令 | 7.模块加载

4，Express

1.安装和配置 | 2.处理GET请求 | 3.处理POST请求 | 4.获取参数 | 5.处理跨域 | 6.中间件 | 7.**ST API | 8.j******rver

5，EventLoop

1.*S6模块化 | 2.*****se | 3.a*******ait | 4.E****Loop | 5.宏任务 | 6.微任务

6，webpack

1.工程化开发的概念 | 2.基本配置 | 3.d*****rver | 4.h**************ugin | 5.常用loder | 6.***el

进阶班 — Vu**js

知识点分布

1，Vue基础

1.**VM | 2.*PA | 3.*ue调试工具 | 4.虚拟DOM | 5.**ff算法 | 6.指令系统 | 7.*****el原理 | 8.数据选项 | 9.生命周期 | 10.样式穿透 | 11.动态样式 | 12.插槽 | 13.组件系统 | 14.组件通信 | 15.自定义指令 | 16**ef | 17.动态组件 | 18.$nextTick | 19.自定义事件 | 20.计算属性 | 21.侦听器 | 22.组件库 | 23.组件封装 | 24.路由系统 | 25.导航守卫 | 26******li | 27.工程化基础 | 28****os | 29.********tors

2，Vu**.0高级

1.**te | 2.选项API | 3.组合API | 4.***up | 5.生命周期 | 6.******ve | 7.***ef | 8.****fs | 9.******ed | 10.组件通信 | 11.依赖注入 | 12**ef边界

进阶班 — Re****js

知识点分布

1，React基础

1.*SX | 2.组件系统 | 3.虚拟DOM | 4.生命周期 | 5.无状态组件 | 6.有状态组件 | 7.组件通信 | 8.c***********-app | 9.路由 | 10.插值 | 11****te

2，Hooks

1.******te | 2.u****fect | 3.****ef | 4.u*****text

3，Redux

1.状态管理流程 | 2.****on | 3.******ch | 4.***re | 5.*****er | 6.中间件 | 7.c**********cers | 8.r******edux | 9.开发调试工具

4，TypeScript

1.基础类型 | 2.联合类型 | 3.字面量类型 | 4.类型推断 | 5.类型断言 | 6.泛型 | 7.类型声明 | 8.ts整合hooks、redux、路由

5，小程序

1.跨平台开发 | 2.微信登录 | 3.微信支付 | 4.下拉刷新/上拉加载 | 5.数据缓存

进阶班 — 前端工程化

知识点分布

1，Webpack核心

1.基本配置 | 2.作用与原理 | 3.过程配置 | 4.工程化常见工具及工作原理 | 5.性能优化 | 6.多页应用

2，脚手架工具

1.*****li | 2.c***********-app | 3.a******-cli | 4.*LI原理

3，git flow全流程

1.提交 | 2.子模块 | 3.分支管理 | 4.重置回退 | 5.多人协同git工作流 | 6.*it常见分支管理命令

进阶班 — 前端服务化

知识点分布

1，Koa/egg

1.理解EGG功能 | 2.使用EGG完成项目 | 3.*oa核心设计思想 | 4.*oa中间件编写

2，NoSQL

1.***is核心概念及使用 | 2.***is在项目中的运用 | 3.*****DB的概念及使用 | 4.*****DB在项目中的运用

3，性能监控

1.服务端日志收集 | 2.接入第三方监控平台 | 3.服务端错误预警 | 4.分析用户行为 | 5.建立用户画像

4，SSR

1.*SR概念及原理 | 2.*SR环境搭建 | 3.优化 | 4.*****js