上课方式

面授

上课校区

招生对象

想要学习Web前端开发技术的学员；有志于从事WEB前端开发工作的学员

课程目标

具备扎实的JS功底，比如：JS执行机制，缓动动画，滚动回弹等、掌握Node.js的模块化开发与成员共享、熟练掌握html、css、js、h5/c3核心技术、掌握VUE核心技术，计算属性，侦听器，过滤器等、熟练运用VSCode，WebStorm，Postman等开发工具

课程详情

授课机构

教学点

同类课程

学员评论

HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。

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

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就业前景分析
首先，现有游戏的品质会进一步提高，运行环境更好;其次，更多专业化研发团队，会适时进入到HTML5游戏行业;再次，业界对于HTML5是否可以开发3D游戏，有了更高期待。整个移动游戏业界，对于HTML5游戏拐点的认知已经越来越清晰，精品化、重度化、3D化将是拐点之后的趋势。相信经过整个行业在技术、渠道、产品等领域长达三年的耕耘，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开发，喜欢深钻各种技术点。课堂上激情励志，有亲和力，教学方式深入浅出，循序渐进，引导学员爱学习。坚信"授人以鱼，不如授人以渔 "，我的目标是让你学会方法，这样才能在未来多变的编程开发中掌握主动权。

你担忧的我们能为你解决你想不到的我们也有应对方案
我们帮每位学员树立积极自信的心态，让杭州兄弟连没有学不会的学员

学习中途落课了怎么办 icon
中途耽误几天的话可以通过看视频同步完成老师的作业弥补进度，不会的可以随时问老师。
是否可以免费重修呢？ icon
学生因学习中途落课或者学习效果不扎实等原因可以向教务老师申请重修或降级，本期学不会下期免费再学，直到学会为止！
严格考核方式 icon
学习的流程分为预习、听课、整理笔记、作业（每周定期检查作业，并针对反馈情况进行讲解）、复习、默写、项目阶段跟踪检查。
严格规范的预习笔记 icon
预习笔记是杭州兄弟连一再强调的学习法宝，每个同学在杭州兄弟连都必须养成课前预习的习惯，对老师第二天要讲授的内容重点、难点做到心里有数，听课事半功倍。
定期召开关怀学员会议 icon
开课后根据学生的作业及测验情况形成关怀名单，进入关怀名单的学生会被所有老师所关注，相应的对其作业、预习笔记、默写等要求会更高，要求会更严格。
人性化的班组机制 icon
学习中遇到问题，小组成员共同讨论解决，小组内有学习懈怠完不成学习任务的同学，小组内全体成员会集体被罚（罚手抄代码n遍哟）。