HTML5会带来一个统一的网络，无论是笔记本，台式机，还是智能手机都应该很方便的浏览基于HTML5的网站。因此在设计网站的时候，开发者需要重新考虑用户体验，网站浏览，网站结构等因素使得这个网站对任何硬件设备都通用。
一门课程解决就业/转行/升职/加薪四大问题
6大课程优势打破传统前端工程师的思维局限，覆盖前端后端，横跨PC端移动端，倾囊相授是我们的责任
-
-
02
HTML、CSS、JS都是轻量级语言，学习快
-
-
-
-
轻量级开发语言 重量级行业地位 HTML5无处不在
从安卓到苹果，从网页到APP，HTML5全栈工程师的能力无限延伸！
-
icon
微信小程序实现了应用“触手可及”的梦想，扫一扫或搜一下即可打开应用。引爆新一轮HTML5风潮
-
icon
手机离线缓存、音频视频、地理定位、Canvas绘图以及大量动效都离不开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
从事多年Web开发工作，对移动端应用有深入的研究，精通HTML5、CSS3、JavaScript、PHP、Node.js、Vue等多种前沿编程技术。主讲H5全栈开发，实战经验丰富，授课耐心细致，思路清晰易懂，现致力于H5全栈应用的研究与推广。
-
刘俊俊
HTML5讲师 icon
技术狂一枚，热爱web开发，喜欢深钻各种技术点。课堂上激情励志，有亲和力，教学方式深入浅出，循序渐进，引导学员爱学习。坚信"授人以鱼，不如授人以渔 "，我的目标是让你学会方法，这样才能在未来多变的编程开发中掌握主动权。
亿元级IT教育企业 跟对大哥放肆赢
杭州兄弟连11年专注于HTML5全栈培训，拼教学、论严管、谈素养、比就业，怕死就别来杭州兄弟连！
-
教学靠谱 icon
课程体系每年升级，定期微调，讲师、项目经理均为专职，培养体系严谨、实用；学员打分体系，讲师好不好你说了算！
-
变态严管 icon
变态严管，让你破茧成蝶。“变态”的学习训 练，因为爱你，所以严厉，我们要培养的是IT 特种兵。
-
职业素养课 icon
授之以鱼更授之以渔。杭州兄弟连创始人李超老师， 也会亲自授课，分享自己三十几年的人生经历 和经验。
-
全程指导 icon
课上采用案例式教学，通俗易懂，课下项目经理 一对一辅导强化训练，学与练交叉进行强化记忆， 你要做的就是认真听，勤于问，乐于练。
-
24小时开放机房 icon
杭州兄弟连一直坚持人手一机，学员可以随时在教 室学习，无论晚上11点还是凌晨4点，你都将 看到为自己的理想而埋头苦学的兄弟姐妹。
-
推荐就业 icon
学不会，免费重修；找工作，免费 力荐。毕业后，你会发现python开发工程师的圈 子里到处是你的人脉，让你在职场更加如虎添翼。
学习氛围浓厚 求学圣地带你一站成才
杭州兄弟连集衣食住学为一体，舒适生活区域，先进教学设备，为学院打造良好的学习环境
零基础？没时间？这一次不为学习找借口，4款班型全搞定！
我们帮每位学员树立积极自信的心态，让杭州兄弟连没有学不会的学员
-
零基础周末班
课程设置与脱产班相同
学习工作两不误
适合需要周末上课人群
-
全日制脱产就业班
面向零基础小白
5个月完成学习过程
走向成功之路
-
精英提高班
面向已经有一定基础
但急需提升职场竞争力的在职人群
-
在线精品课程
同步线下面授课程
纯干货技术课堂
时间地点任你选
体验才是王道
让学习更简单
HTML5全栈工程师无处不在
杭州HTML5培训班课程大纲
杭州HTML5培训班致力于帮助学员掌握HTML5技术，并成为一名合格的HTML5工程师。本课程注重实战，通过市场需求来设计课程内容和实战项目，让学员学以致用。以下是本课程的详细信息：
课程特色
1. 实战为主：通过大量实战项目帮助学员快速掌握HTML5技术；
2. 项目驱动：以市场需求为导向，设计课程内容；
3. 个性化教学：针对每个学员的差异化需求，进行个性化教学；
4. 讲师授课：由资深HTML5工程师担任授课老师，直接传授经验。
课程目标
1. 掌握HTML5在网页制作、游戏开发、移动应用开发中的应用，具备相应的技术能力；
2. 通过大量实战项目，提高学员的实战能力；
3. 帮助学员获得HTML5的认证资格，提升求职竞争力。
学习对象
1. 想要成为专业HTML5工程师的学生和职场人士；
2. 想要在互联网创业领域拥有编程技能的人。
课程内容
1. HTML5入门：HTML5基础语法、HTML5中新增的语义标签、样式和布局；
2. CSS3：CSS3选择器、盒子模型、动画和过渡效果；
3. JavaScript：掌握基本的JavaScript知识和应用，包括DOM操作、BOM操作、异步通信、面向对象编程等；
4. 移动开发：以h5的形式开发移动应用、移动端网页的技术方案；
5. 数据存储：利用HTML5的localStorage技术进行数据存储；
6. Web Socket：使用JS和HTML5中的WebSocket技术实现双向通信；
7. 实战项目：移动端网页、互动游戏、响应式布局等。
学习时长
本课程共计100个课时，课程时间灵活，可根据学员的需求进行定制化排课。
收费范围
本课程收费根据学员需求定制，咨询在线客服或到校咨询获得详细信息。
学习收获
1. 掌握HTML5最新技术；
2. 学会CSS3和JavaScript编程；
3. 增强实战能力，能够独立完成网页制作、游戏开发等任务；
4. 实战项目、经验积累，提高求职竞争力。
结语
以上信息仅供参考，具体情况以到校咨询为准。如有需要，请联系在线客服，预约免费体验课。
勤学教育网
