2019传智黑马前端（8月新版）

课程目录：

阶段一 前端开发基础
1、了解常用浏览器和浏览器内核； 2、了解语义化的概念； 3、掌握 HTML 语法及使用技巧； 4、掌握 CSS 语法及使用技巧； 5、掌握 DIV CSS 布局方式； 6、掌握常见网页布局模式； 7、掌握 HTML 常用标签； 8、掌握 Photoshop 切图； 9、能够熟练使用开发人员工具进行页面调试； 10、能够完成基本的动画效果、 11、能够根据PSD文件独立进行静态页面的开发工作

第一章: HTML【2019版】

1-1 浏览器与浏览器内核
1-2 HTML基本结构
1-3 HTML常用标签
1-4 路径和锚点定位
1-5 表格和列表标签及案例
1-6 表单元素和综合案例

第二章: CSS【2019版】

2-1 CSS介绍和CSS样式表
2-2 CSS基本选择器
2-3 font字体和案例
2-4 CSS外观样式及应用案例
2-5 CSS复合选择器
2-6 标签显示模式和案例
2-7 CSS背景及应用
2-8 CSS盒模型及应用案例
2-9 PS基本操作及应用案例
2-10 CSS三大特性
2-11 浮动及案例
2-12 清除浮动
2-13 PS常用操作及cutterman插件使用
2-14 学成网在线项目
2-15 CSS四种定位及淘宝轮播图案例
2-16 CSS精灵图及滑动门案例

第三章: 品优购电商项目【2019版】

3-1 品优购项目介绍及准备工作
3-2 品优购导航和轮播及推荐模块实现
3-3 品优购主体内容区域实现
3-4 品优购详情页和注册页面实现
阶段二 移动Web网页开发
1、掌握 HTML5 新布局标签、多媒体标签； 2、掌握 CSS3 2D、3D 变换、动画效果； 3、了解移动端屏幕、移动端浏览器、操作系统的不同； 4、掌握常用移动端调试方法； 5、掌握常用移动端适配方法； 6、掌握 CSS 预处理器 less 的使用； 7、掌握常用移动端框架使用方法； 8、掌握常见移动端页面开发； 9、掌握响应式布局开发； 10、掌握 Bootstrap 开发响应式页面； 11、掌握适配不同终端的网页开发技术选型；

第一章: H5C3进阶【2019版】

1-1 vscode编辑器基本使用
1-2 HTML5新增标签
1-3 CSS3新增选择器及案例
1-4 2D转换及相关案例实现
1-5 3D转换和旋转木马案例
第二章: Flex 伸缩布局【2019版】

2-1 移动端基础知识
2-2 移动端电商首页制作
2-3 Flex伸缩布局基础知识
2-4 移动端携程网首页制作
第三章: 移动web开发【2019版】

3-1 媒体查询
3-2 less介绍和使用
3-3 rem适配及原理
3-4 移动端苏宁首页制作和rem适配
3-5 响应式开发介绍
3-6 Bootstrap介绍和使用
3-7 阿里百秀响应式页面制作
阶段三 JavaScript网页编程
1、掌握 JavaScript 基本语法； 2、掌握常见 JavaScript 算法； 3、掌握 DOM 的各种操作； 4、熟练使用面向对象思想进行 DOM 编程； 5、掌握 JavaScript 的高级语法； 6、熟练使用 jQuery 操作 DOM； 7、熟练使用和编写 jQuery 插件； 8、掌握应对业务编程的能力； 9、掌握 JavaScript 常见兼容性方案。

第一章: JavaScript 基础语法【2019版】

1-1 计算机基础和Javascript介绍
1-2 Javascript变量
1-3 Javascript数据类型
1-4 Javascript操作符
1-5 Javascript流程控制及案例
1-6 javascript循环及案例
1-7 Javascript数组和冒泡排序
1-8 Javascript函数及应用
1-9 javascript作用域及预解析
1-10 javascript对象
1-11 javascript内置对象及案例
1-12 javascript简单类型和复杂类型
第二章: WebAPI编程【2019版】

2-1 API 和 Web API
2-2 DOM介绍
2-3 事件和样式操作及案例
2-4 百度换肤、表单全选案例
2-5 tab栏切换案例
2-6 节点操作及发布留言案例
2-7 动态创建表格案例
2-8 事件详解及案例
2-9 BOM介绍及应用
2-10 定时器和相关案例
2-11 this指向和js执行机制
2-12 location、navigator、history对象
2-13 offset、client、scroll三大家族介绍及案例应用
2-14 缓动画的原理和封装
2-15 网页轮播图实现
2-16 节流阀、返回顶部及筋斗云案例
2-17 移动端轮播图实现
2-18 移动端插件使用及轮播图的实现
2-19 HTML5本地存储及记住用户名案例
第三章: jQuery 快速开发【2019版】

3-1 jQuery介绍及常用API导读
3-2 jQuery选择器及案例
3-3 jQuery链式编程及样式操作
3-4 jQuery动画及王者荣耀手风琴案例
3-5 jQuery实现购物车案例
3-6 jQuery实现电梯导航案例
3-7 jQuery事件绑定和解绑
3-8 jQuery插件的使用
3-9 jQuery实现todolist案例
第四章: JavaScript 高级【2019版】

4-1 面向对形象编程介绍
4-2 类和对象
4-3 面向对象tab栏切换案例
4-4 构造函数和原型对象
4-5 forEach、some、filter方法及查询商品案例
4-6 Object.defineProperty方法
4-7 函数进阶
4-8 call、apply、bind的使用
4-9 闭包及应用
4-10 递归及应用
4-11 正则表达式及应用
4-12 ES6中的let和const
4-13 ES6解构赋值
4-14 ES6箭头函数
4-15 剩余参数和拓展运算符
4-16 Array实例方法
4-17 ES6模板字符串和set数据结构
阶段四 前后端交互
1、能够建立客户端服务器交互模型，熟悉网络通信相关概念； 2、能够使用 Node.js 进行 Web 服务端开发； 3、掌握 JavaScript 异步编程模型； 4、掌握 JavaScript 模块化编程方式； 5、能够使用 Node.js 操作 MySQL 数据库； 6、能够理解 HTTP 协议； 7、熟悉原生 Ajax 请求流程与细节，并掌握常见跨域技巧； 8、能够基于 jQuery 的 Ajax 相关 API 熟练开发常见的前端功能； 9、能够独立开发基于后台接口的动态网站、Ajax 数据交互的项目； 10、能够掌握源代码管理工具的使用； 11、能够独立完成企业网站从前台到后台的基本开发工作。

第一章: Node Gulp【2019版】

1-1 node介绍和环境安装
1-2 node模块化
1-3 gulp使用
1-4 服务器和http协议
1-5 同步和异步
1-6 Promise
第二章: MongoDB Express【2019版】

2-1 MongoDB数据库和数据库的增删改查
2-2 mongoose验证
2-3 【案例】用户信息的增删改查案例
2-4 art-template模板引擎使用
2-5 【案例】学生档案信息管理案例
2-6 Express框架
第三章: 黑马博客项目【2019版】

3-1 登录和注册功能
3-2 用户列表分页功能
3-3 用户信息修改功能
3-4 文件上传和图片预览功能
3-5 文章添加和第三方模块实现分页功能
3-6 开发环境与生产环境
3-7 博客首页数据渲染
3-8 详情页和评论功能
第四章: Ajax【2019版】

4-1 Ajax基础知识
4-2 Ajax函数封装
4-3 【案例】文件上传和图片即时预览
4-4 同源策略
4-5 JSONP
4-6 【案例】腾讯天气信息案例
4-7 CORS
4-8 jQuery中Aajx方法的使用
4-9 【案例】todo案例
4-10 Ajax补充内容
第五章: Git和GitHub【2019版】

5-1 git配置和使用
5-2 github及多人协作开发
5-3 git补充内容
第六章: 阿里百秀项目【2019版】

6-1 模版引擎基本使用
6-2 阿里百秀介绍和项目搭建
6-3 登录和退出功能
6-4 用户信息的增删改查功能
6-5 文章信息的增删改查功能
6-6 评论功能01
6-7 网站首页首页渲染
6-8 评论功能02

阶段五 Vue.js项目实战开发
1、能够掌握使用Vue技术栈进行项目开发 2、能够掌握Webpack项目构建配置流程； 3、能够熟练掌握Element-UI组件库的使用 4、能够熟练掌握前后端分离开发模式； 5、能够掌握常见网站业务模块开发； 6、掌握使用echarts进行大数据可视化交互开发； 7、能够掌握Web项目的部署与发布模式；

第一章: Vue基础【2019版】

1-1 Vue指令及案例
1-2 图书管理综合案例
1-3 Vue组件
1-4 购物车案例
1-5 Promise
1-6 Fetch
1-7 axios
1-8 基于后台接口的图书管理案例
1-9 vue路由
1-10 路由案例
第二章: webpack【2019版】

2-1 前端工程化和模块化
2-2 webpack
第三章: Vue-cli3和Element-UI【2019版】

3-1 Vue-cli3（Vue脚手架）
3-2 Element-UI组件库
第四章: Vue电商后台管理系统【2019版】

4-1 项目初始化
4-2 登录和退出功能
4-3 主页布局和功能实现
4-4 用户列表布局和功能实现
4-5 用户添加、修改、删除功能
4-6 权限列表
4-7 角色列表
4-8 分配权限、角色
4-9 商品分类
4-10 分类参数
4-11 商品列表
4-12 商品添加
4-13 订单列表
4-14 Echarts数据统计
4-15 项目优化
4-16 项目部署上线

第五章: Vuex【2019版】

5-1 Vuex基础
5-2 基于Vuex的todos案例

阶段六

1、掌握vue和wepack及相关UI框架的使用 2、掌握微信小程序的基本使用及逻辑层和视图层的传值 3、熟练使用React和ReactNative的基本使用 4、熟练使用Angular和TypeScript的基本使用

阶段七 拓展课程
拓展课程包括： 1、微信小程序及项目 2、React和ReacNative及项目 3、Angular5及项目 4、全栈式在线教育项目

第一章: 微信小程序

1-1 微信小程序介绍
1-2 微信小程序应用配置介绍
1-3 逻辑层与界面层分离架构
1-4 微信小程序组件的介绍和应用
1-5 Music伸缩布局案例
1-6 页面间的跳转和传值
1-7 微信小程序TODOS案例
1-8 微信小程序本地生活项目
第二章: React

2-1 移动App的介绍
2-2 移动App开发环境搭建
2-3 webpack回顾及功能演示
2-4 React介绍
2-5 React核心概念
2-6 JSX语法介绍和使用
2-7 渲染评论列表案例
2-8 React组件介绍和使用
2-9 React路由介绍和使用
2-10 React电影项目
第三章: ReactNative电影项目

3-1 项目展示和配置
3-2 Tab栏效果
3-3 首页效果
3-4 ReactNative路由配置
3-5 电影列表和详情页效果
3-6 ReactNative电影项目发布
第四章: Angular5

4-1 Angular介绍
4-2 TypeScript介绍和使用
4-3 ToDoMVC案例
4-4 Angular5通讯录项目

第五章: 全栈式在线教育后台管理项目

5-1 SVN介绍和使用
5-2 git和github介绍和应用
5-3 ES6语法介绍和使用
5-4 在线教育系统项目初始化
5-5 Express中间件使用
5-6 Nunjucks模板引擎
5-7 nvm、nrm、yarn介绍
5-8 MongoDB和mongoose介绍和应用
5-9 全栈式在线教育项目业务逻辑实现