千锋html5培训课程大纲内容有哪些

主要包括七个部分，自从html5步入互联网行业以来，它的发展是非常迅速的，很多互联网公司都会涉及到html5编程开发技术。想要快速转型html5编程开发，就需要找专业的培训机构。目前培训机构有很多，html5培训班哪家好呢？在判断一家html5培训机构好与不好，首先要考量其课程的内容。如果想学习web前端，不如选择千锋教育，性价比远远高出其他培训机构，。

千锋教育HTML5课程大纲主要包括：第一阶段：前端页面重构。内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)。第二阶段：JavaScript高级程序设计。内容包含：原生 JavaScript交互功能开发项目、面向对象进阶与 ES5/ES6应用项目、JavaScript工具库自主研发项目)。第三阶段：PC端全栈项目开发。内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)。第四阶段：移动端项目开发。内容包含：(Touch端项目、微信场景项目、应用 Angular+Ionic开发 WebApp项目、应用 Vue.js开发 WebApp项目、应用 React.js开发 WebApp项目)。第五阶段：混合(Hybrid,ReactNative)开发。内容包含：(微信小程序开发、React Native、各类混合应用开发)。第六阶段：NodeJS全栈开发。内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)。第七阶段：大数据可视化。千锋教育多年办学，课程大纲紧跟企业需求，更科学更严谨，每年培养泛IT人才近2万人。不论你是零基础还是想提升，都可以找到适合的班型，是一家性价比极高的教育机构。

以下是课程大纲，可以参考一下

(1)HTML5+CSS3

经典表格布局制作简历

1. HTML5介绍 2. HTML5发展史 3. HTML5简介 4. HTTP协议介绍 5. HTTP消息类型 6. 互联网发展形式 7. web开发所需要的构件

8. 编辑器的使用 9. HTML基本语法与规范(标签元素、属性) 10. 第一个HTML网页 11.表格标签

规范代码盒模型布局小米等网站

1. 文档头和编码声明 2. 基础标签 3. 文本类标签 4. 列表标签 5. 语义化标签的使用 6. 字符实体 7. 表格标签 8. HTML5标签的兼容处理9. HTML5标签SEO的作用 10. HTML5表单新特性 11. 多媒体标签

3D旋转+动画制作正方体

1. CSS的定义 2. CSS引入 3. CSS选择器 4. CSS3与CSS2的区别 5. 长度单位 6. 颜色单位 7. 常用属性 8. CSS属性

流行的pc端，App页面响应式布局

1. W3C盒子模型 2. Div+CSS网页布局 3. d性盒子 4. HTML5兼容处理 5. 使用HTML5布局元素的布局 6. Media Query响应式布局 7. 百分比网页布局

工作要求，实战大型电商网站静态页面

1. PS切图 2. 精灵图 3. CSS重制样式表Reset CSS、 Normalize.css 4. CSS命名规范，CSS常用名

(2)JavaScript jQuery实例 实战项目

前端核心语言javascript语法

1. JavaScript简介 2. 在页面中使用JavaScript 3. JavaScript的语法 a) 变量声明规范 b)语句结束 c)脚本注释 d)代码块 e)数据类型 f)类型转换 g)运算符 h)流程控制语句 i)函数 j)内置对象

原生Js功能开发

1. 更换页面皮肤 2. 五彩小球 3. 随机点名器 4. 轮播图 5. 网站时间显示 6. 商城抢购活动 7. 购物车的全选、反选、全不选 8. 选项卡前端后台交互功能开发9. 进度条 10. 拖拽div 11. 放大镜 12. 城市地址二级、三级联动 13. 随机浮动广告 14. 无缝连接 15. 仿百度登录

Jquery库交互特效开发

1. JQuery简介 2. JQuery安装 3. JQuery CSS *** 作 4. JQuery选择器 5. JQuery筛选 6. JQuery html 文档处理 7. JQuery事件 8. JQuery效果 9. JQuery Ajax 10. JQuery其他 *** 作 11. JQuery插件

实战进阶-瞄准市场

1.PS切图 2.CSS重置样式表 3.网页规范 4.兼容性 5.SASS 6.Compass精灵图 7.代码压缩 8.常见网站效果 9.rem相对大小布局

(3)Node.JS MongoDB Express Vue.js

Vue.js前端热组件化开发框架

1. 介绍 2. 安装 3. 模板/数据绑定 4. Class/Style绑定 5. 事件 6. 组件 7. 混合 8. 插件 9. 服务/路由

后端Js-Node.js搭建前端脚手架

1. Node.js简介 2. Node.js安装 3. NPM工具使用 4. 模块、Package 5. 回调函数 6. Buffer，事件 7. 文件处理模块 8. Http，URL，Querystring Path等模块 9. POST/GET请求 10. 安装模板引擎

Mongodb数据库 *** 作

1. NoSQL基础概念 2. MongoDB 简介 3. 数据库、集合、文档概念 4. 数据库 *** 作 5. 集合 *** 作 6. 文档CURD *** 作 7. 条件 *** 作符 8. Limit与Skip方法 9. 排序 10. Node.Js的mongoose模块 *** 作MongoDB

基于node.js搭建express服务器

1. Express 简介 2. 安装 Express 3. 路由 4. 中间件 5. 视图 6. 模板引擎 7. AJAX 8. 跨域/JSONP 9. 搜索分页 10. 文件上传 11. 登陆注册

实战-大型单页应用

1. Web Socket 2. SSE 3. 网络爬虫(实现多人聊天时，服务器主动推送消息) 4. 常用工具使用Webpack 5. 压缩混淆 6. AMD/CMD规范 7. 结合Vue.JS实现单页面应用 8. Web APP 打包

(4)HTML5新特性 微信开发 微信小程序 学生项目

HTML5新特性

1. 音/视频 API 2. 本地存储LocalStorage/SessionStorage 3. Geolocation(地理定位) 4. 百度地图API 5.浏览器多线程Web Workers 6. 应用程序缓存 (Application Cache) 7. Canvas 画图、SVG 8. 拖拽事件、API 9. FileReader API 10. PAJAX 11. Bootstrap 12.插件：Swiper、图表、Iconfont

微信公众号开发

1. 接入微信公众平台 2. 账号申请 3. 微信JSSDK使用 4. 分享接口 5. 图像接口 6. 音频接口 7. 智能接口 8. 设备信息 9. 地理位置微信小程序开发10. 界面 *** 作 11. WEUI框架 12. 微信小程序开发 13. 创建项目 14. 工具 15. 框架 16. WXML 、 WXSS 17. 组件 18. API

实战--团队协作工具

1. Git协作 2. 前端项目规范化 3. H5新特性 4. 即时通讯 5. 互联网服务接口调用

---