剑指大前端全栈工程师

阶段走进前端之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前端实现