剑指大前端全栈工程师

阶段走进前端之HTML5 CSS3
第1章大前端时代
1.1什么是大前端
1.2大前端时代带来的变革和机遇
1.3前端工程师的需求和前景
1.3.1前端工程师岗位要求
1.3.2市场对前端工程师的需求
1.3.3未来前景
1.4Web前端开发工具
1.5浏览器工具
第2章HTML5核心技术
2.1HTML初识
2.2HTML基本结构
2.2.1HTML骨架
2.2.2基本语法
2.2.3注释
2.3HTML常用标签
2.3.1基础标签
2.3.2文本格式化标签
2.3.3特殊符号
2.3.4图像标签
2.3.5路径和相对路径
2.3.6超链接标签
2.3.7框架标签
2.3.8容器标签
2.4列表
2.4.1无序列表
2.4.2有序列表
2.4.3定义列表
2.4.4综合实战
2.5表格
2.5.1表格概述
2.5.2表格标题
2.5.3表格属性
2.5.4表格行和列的属性
2.5.5合并单元格
2.5.6表格嵌套
2.5.7综合实战
2.6表单
2.6.1表单标签form
2.6.2输入标签input
2.6.3标记标签label
2.6.4多行文本标签textarea
2.6.5下拉列表标签select
2.6.6域标签fieldset
2.6.7综合实战
2.7块级元素和行内元素的区别
第3章HTML5新增标签和属性
3.1HTML5表单新增
3.1.1HTML5新增输入类型
3.1.2HTML5新增元素标签
3.1.3HTML5新增属性
3.2HTML5新增结构标签
3.2.1新增文档结构标签
3.2.2新增格式标签
3.3HTML5媒体标签
3.3.1声频
3.3.2视频
第4章CSS3核心模块
4.1CSS核心基础
4.1.1CSS介绍
4.1.2CSS的优势
4.1.3基本语法
4.1.4CSS引入方式
4.1.5CSS引入方式的优先级
4.1.6开发者工具(Chrome)
4.1.7基础选择器
4.1.8复合选择器
4.1.9伪类选择器
4.1.10属性选择器
4.1.11继承与层叠
4.1.12DIV CSS布局
4.1.13综合实战
4.2CSS美化页面元素
4.2.1字体样式
4.2.2文本样式
4.2.3颜色
4.2.4背景样式
4.2.5列表样式
4.2.6综合实战
4.3盒模型
4.3.1什么是盒模型
4.3.2盒子大小
4.3.3定义边框border
4.3.4外边距margin
4.3.5内边距padding
4.3.6综合实战
4.4浮动和定位
4.4.1浮动应用
4.4.2清除浮动
4.4.3display和overflow属性
4.4.4定位
4.4.5zindex属性
4.4.6综合实战
第5章CSS3新增特性
5.1CSS3边框与渐变
5.1.1CSS3特效边框
5.1.2渐变
5.2转换
5.2.12D转换
5.2.23D转换
5.3过渡与动画
5.3.1过渡
5.3.2动画
5.4响应式
5.4.1媒体查询
5.4.2响应式布局
5.4.3多列
5.5CSS3高级技巧
5.5.1字体图标
5.5.2雪碧图
5.5.3滑动门
第6章企业级项目： 小米官网（264min）
6.1小米黑色导航条
6.2小米白色导航条
6.3小米轮播图和滑动门
6.4小米小广告位
6.5小米闪购
6.6小米手机部分
6.7小米视频部分
6.8页脚
第二阶段探索JavaScript的奥秘
第7章JavaScript基础
7.1快速入门
7.1.1JavaScript简介
7.1.2第1个JavaScript 程序
7.1.3JavaScript语法
7.1.4JavaScript 变量
7.1.5数据类型
7.1.6JavaScript 输出
7.2运算符
7.2.1算术运算符
7.2.2赋值运算符
7.2.3比较运算符
7.2.4逻辑运算符
7.2.5三元运算符
7.2.6运算符的优先级
7.3程序控制语句
7.3.1顺序结构语句
7.3.2分支结构语句
7.3.3循环结构语句
7.4函数
7.4.1常用系统函数
7.4.2自定义函数
7.5对象
7.5.1创建对象
7.5.2对象的使用
7.6内置对象
7.6.1Array
7.6.2Math
7.6.3Date
7.6.4String
第8章JavaScript深入解析
8.1DOM
8.1.1DOM简介
8.1.2节点
8.1.3节点获取
8.1.4节点操作
8.1.5DOM CSS
8.2事件处理
8.2.1鼠标事件
8.2.2键盘事件
8.2.3窗口事件
8.2.4表单事件
8.3BOM
8.3.1window对象
8.3.2history对象
8.3.3location对象
8.3.4navigator对象
8.3.5screen对象
8.4综合实战
 
 
 
第三阶段PC端整栈开发
第9章jQuery模块
9.1初识jQuery
9.2jQuery对象和DOM对象
9.3jQuery 选择器
9.3.1基本选择器
9.3.2层次选择器
9.3.3基本过滤选择器
9.3.4属性过滤选择器
9.3.5表单选择器
9.4jQuery中的DOM操作
9.4.1样式操作
9.4.2内容操作
9.4.3节点操作
9.4.4属性操作
9.4.5节点遍历
9.5链式编程与隐式迭代
9.6事件和动画
9.6.1页面载入
9.6.2常用事件
9.6.3事件对象的属性与方法
9.6.4常用动画方法
9.6.5自定义动画方法
9.7原生 Ajax
9.7.1JSON
9.7.2纯JS的Ajax请求
9.8jQuery Ajax
9.9jQuery 插件
9.9.1jQuery UI
9.9.2自定义jQuery插件
9.9.3编写jQuery插件之放大镜
9.10综合实战
第10章Bootstrap模块
10.1Bootstrap简介
10.2搭建Bootstrap环境
10.3Bootstrap栅格系统
10.3.1栅格系统介绍
10.3.2在Bootstrap中创建栅格
10.3.3响应式列的重置
10.3.4列偏移、排序和嵌套
10.4全局 CSS 样式
10.4.1排版
10.4.2代码
10.4.3表格
10.4.4表单
10.4.5按钮
10.4.6图片
10.5组件应用
10.5.1字体图标
10.5.2下拉菜单
10.5.3导航
10.5.4按钮组
10.6使用Bootstrap JavaScript插件
10.6.1如何使用Bootstrap JavaScript插件
10.6.2动画过渡(Transition)
10.6.3模态弹出框(Modal)
第11章企业级项目： 蓝莓派音乐社区（260min）
11.1XAMPP安装
11.2蓝莓派音乐页面登录Ajax请求
11.3蓝莓派登录后台构建
11.4蓝莓派登录后页面结构变更
11.5首页轮播数据构建与Ajax请求
11.6首页轮播数据页面加载
11.7蓝莓派模态框处理与加载
11.8分页器原理解析
11.9聊聊模块瀑布流绘制加载
11.10声频播放控制器结构与按钮逻辑
11.11声频按钮与声频播放实现
11.12播放时间变换与进度条改变
第四阶段ES6 Node 工程化
第12章ES6 新特性
12.1ES6 简介
12.2ES6 变量
12.2.1let和const
12.2.2变量的解构赋值
12.3字符串扩展
12.3.1模板字符串
12.3.2标签模板
12.3.3字符串新增方法
12.4数值的扩展
12.4.1Symbol数据类型
12.4.2Number
12.5函数的扩展
12.6数组的扩展
12.7对象的扩展
12.8Set和Map数据结构
12.9Class基础语法
12.10Class的继承
12.11模块化
第13章Node.js编程模块
13.1Node.js基础
13.1.1Node.js优点
13.1.2Node.js安装
13.1.3全局对象
13.1.4回调函数
13.1.5模块(CommonJS规范)
13.1.6事件
13.1.7文件读写
13.1.8流和管道
13.2Node.js实现Web服务
13.2.1创建第1个应用
13.2.2模块化组织代码
13.2.3路由
13.2.4重构路由代码
13.2.5使用GET和POST发送数据
13.3NPM命令
13.3.1使用NPM命令安装模块
13.3.2package.json
13.3.3热部署
13.4Express框架
13.4.1Express介绍
13.4.2Express环境搭建
13.4.3Express初体验
13.4.4Express路由
13.4.5GET与POST传递参数
13.4.6托管静态资源
13.4.7Express中间件
第14章前端工程化
14.1Less
14.1.1Less介绍
14.1.2Less环境构建及使用
14.1.3Less语法
14.2Sass
14.3Webpack构建工具
14.3.1Webpack简介
14.3.2安装 Webpack
14.3.3Webpack之Loader配置和使用
14.3.4Webpack之Plugin的使用
14.3.5使用DevServer
14.3.6更多配置
14.3.7Webpack和Vue结合使用
第五阶段Vue技术栈
第15章Vue知识体系
15.1Vue简述及使用
15.1.1什么是Vue
15.1.2为什么选择Vue
15.1.3Vue的3种安装方式
15.1.4第1个Vue程序
15.2模板语法
15.2.1插值
15.2.2指令
15.2.3过滤器
15.3实例及选项
15.3.1数据选项
15.3.2属性选项
15.3.3方法选项
15.3.4计算属性
15.3.5表单控件
15.3.6生命周期
15.4模板渲染
15.4.1条件渲染
15.4.2列表渲染
15.4.3template标签用法
15.5事件绑定
15.5.1基本用法
15.5.2修饰符
15.6基础demo案例
15.6.1列表渲染
15.6.2功能实现
15.7自定义指令
15.7.1指令的注册
15.7.2指令的定义对象
15.7.3指令实例属性
15.7.4案例： 下拉菜单
15.7.5案例： 相对时间转换
15.8组件
15.8.1什么是组件
15.8.2组件的基本使用
15.8.3DOM模板解析说明
15.8.4组件选项
15.8.5组件通信
15.8.6内容分发
15.8.7动态组件
15.8.8综合案例
15.9过渡与动画
15.9.1元素/组件过渡
15.9.2使用过渡类实现动画
第16章Vue工程化
16.1VueCLI
16.1.1Node.js
16.1.2NPM
16.1.3基本使用
16.2项目打包与发布
16.2.1使用静态服务器工具包发布打包
16.2.2使用动态Web服务器(Tomcat)发布打包
16.3Vuedevtools
16.3.1Vuedevtools的安装
16.3.2Vuedevtools使用
第17章UI组件库和常用插件
17.1elementui
17.2Vuerouter
17.2.1基本用法
17.2.2跳转
17.2.3路由嵌套
17.2.4路由参数传递
17.3Axios
17.3.1基本使用
17.3.2JSONServer的安装及使用
17.3.3跨域处理
17.3.4Vue中Axios的封装
17.4Vuex
17.4.1初识Vuex
17.4.2基本用法
17.4.3模块组
第18章企业级项目： 部门管理系统（173min）
18.1技术分析
18.2项目构建
18.2.1前端项目搭建
18.2.2后端项目搭建
18.2.3数据库设计
18.3查询数据
18.3.1后端实现
18.3.2前端实现
18.4加载菜单
18.4.1引入elementui
18.4.2加载菜单
18.5带分页数据查询
18.5.1后端接口实现
18.5.2前端实现
18.6部门员工的录入
18.6.1后端接口实现
18.6.2前端实现
18.7部门数据编辑
18.7.1后端接口实现
18.7.2前端实现
18.8部门数据删除
18.8.1后端接口实现
18.8.2前端实现