上课方式

面授

上课校区

20个

招生对象

需要参加web前端设计培训的学员

课程目标

h5前端从入门到精通、全面掌握所学企业实用技能、入职国内外名企成就自我、IT就业

课程详情

授课机构

教学点

同类课程

学员评论

HTML5会带来一个统一的网络，无论是笔记本，台式机，还是智能手机都应该很方便的浏览基于HTML5的网站。因此在设计网站的时候，开发者需要重新考虑用户体验，网站浏览，网站结构等因素使得这个网站对任何硬件设备都通用。

一门课程解决就业/转行/升职/加薪四大问题

6大课程优势打破传统前端工程师的思维局限，覆盖前端后端，横跨PC端移动端，倾囊相授是我们的责任

01
培养全栈型工程师，扩大就业选择空间
02
HTML、CSS、JS都是轻量级语言，学习快
03
由浅入深，循序渐进，不同层次因材施教
04
采用真实互联网案例，企业需要什么就讲什么
05
讲师授课激情励志风格幽默，让学习生动快乐
06
课堂互动性强，案例紧扣知识点，让学习更简单

轻量级开发语言重量级行业地位 HTML5无处不在

从安卓到苹果，从网页到APP，HTML5全栈工程师的能力无限延伸！

微信小程序 icon
微信小程序实现了应用“触手可及”的梦想，扫一扫或搜一下即可打开应用。引爆新一轮HTML5风潮
移动端应用广泛 icon
手机离线缓存、音频视频、地理定位、Canvas绘图以及大量动效都离不开HTML5
苹果谷歌支持HTML5 icon
因为HTML5的“跨平台” 特性让开发轻松快捷
游戏行业需求与日俱增 icon
已风靡世界的HTML5游戏案例：切水果、吃豆人、太空战机、重力感应游戏、超级玛丽、棋类游戏

未来HTML5开发的四大应用趋势！

1、传媒业往内容直接填充方向发展。
国内HTML5制作工具基本都提供模板服务，这与HTML5网页较强的复用性有关。网页基础架构设计完成后，修改源码中各元素的参数便能替换素材、改变对象属性，因此HTML5网页能用于制作基础填充材料。在HTML5模板的帮助下，新媒体内容能通过应用母版进行编辑，用户只需后期进行图文内容的替换，因此很有可能成为传媒业转型的契机。
2、垂直领域解决方案往在线应用方向发展。
与HTML5行业密切相关的垂直行业主要包括在线教育、电商和流媒体三种类型。以世界最大的在线课程平台Coursera为例，授课视频即使用HTML5实现“课间小测”。在Coursera网站上，当视频播放到特定节点时会出现与课程相关的问题，提供用户选择答案，记录答题情况并反馈答题结果。
3、网页游戏往交互游戏方向发展。
尽管HTML5游戏具备无需下载、包含社交属性、开发成本低等优势，但如果没有充分利用HTML5的新特性，加强移动游戏的交互能力，它很难在游戏市场中异军突起。由此，网页游戏未来更有可能结合HTML5优良的通信功能，往跨屏互动等交互特征更明显的形式发展。
4、内容往重度化方向发展。
重度营销并不完全意味着大项目、高预算、长周期、大团队，而是相对轻度营销以用户生产内容为主，它更注重专业内容的生产。在用户对页面交互能力和HTML5拓展功能的要求提高之际，轻度营销的市场份额会逐渐降低，往重度营销内容转化。

HTML5就业前景分析
近几年，移动互联网发展处在倍速增长态势，Web前端开发的最热领域当属HTML5。HTML5以其跨平台、易分享、高交互、开源生态系统发达等特性迅速发展成为移动互联网新一代的核心技术，已经从根本上改变了开发商开发web应用的方式，并且至少在10年之内，HTML5会是Web应用的最佳解决方案，所以HTML5在国内也是水涨船高，研发人才需求激增，获得了众多企业的青睐。

前端+后端+移动端的全栈型工程师课程
仅需5个月引爆你的惊人能量

第一阶段第二阶段第三阶段第四阶段

经典表格布局制作简历 1. HTML5简介及发展史 2. HTTP协议介绍 3. HTTP消息类型 4. 互联网发展形式 5. web开发所需要的构件6. 编辑器的使用 7. HTML基本语法与规范（标签元素、属性）8. 第一个HTML网页 9.表格标签	规范代码盒模型布局小米等网站 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. 弹性盒子 4. HTML5兼容处理 5. 使用HTML5布局元素的布局 6. Media Query响应式布局 7. 百分比网页布局	工作要求，实战大型电商网站静态页面 1. W3C盒子模型 2. Div+CSS网页布局 3. 弹性盒子 4. HTML5兼容处理 5. 使用HTML5布局元素的布局 6. Media Query响应式布局 7. 百分比网页布局

前端核心语言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相对大小布局

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 打包

HTML5新特性(1) 1.音频/视频API 2.本地存储LocalStorage 3.Geolocation（地理定位） 4.百度地图API5.浏览器多线程Web Workers6.应用程序缓存（Application Cache）	HTML5新特性(2) 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 17. 组件 18. API	实战--团队协作工具 1. Git协作 2. 前端项目规范化 3. H5新特性 4. 即时通讯 5. 互联网服务接口调用

没有教不会的千里马只有不及格的伯乐
选对课也要跟对人，学员打分制严格把控教学质量，讲师好不好你说了算！

张松银
HTML5讲师 icon
精通H5、C、C++等主流开发语言，5年以上开发经验，实战型讲师，在多家上市机构从事过软件开发工作，授课风格猥琐幽默。
刘贺
HTML5讲师 icon
从事前端工作多年,热爱前端技术,精通HTML/CSS HTML5 JavaSript.对待学员耐心负责,拥有丰富的学习方法和技巧，对教育始终保持敬畏之心。