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 全栈式在线教育项目业务逻辑实现