学校新闻
2018年H5全栈工程师课程培训
2018年H5全栈工程师课程大纲
一、 前言
2017年H5发展从一个上升期进入到了一个平稳过渡期，H5在视觉设计和技术特效上进一步提升，更加注重用户的视觉以及交互体验。随着计算机科学的飞速发展，硬件设备的不断更陈出新，从PC端到移动端，从网页到APP应用，H5无处不在。
2017年中国软件开发白皮书中提出：目前IT互联网中具有横跨精通前端、后端、移动端的 全栈开发能力的开发人员，凭借全新的理念、全面的技术以及全局性思维等优势，成为互联网行业的新宠儿，全栈开发工程师的岗位和薪资日益增多、增高。
2018年将是H5在网页酷炫特效、移动跨平台APP、H5游戏等方向再次迅速上升和爆发的一年，兄弟连H5坚持走H5全栈开发工程师培养路线，为广大从事或有志从事IT互联网行业的朋友们，提供最前沿的H5全栈开发技术，研发最契合BAT(百度、阿里、腾讯)等一线互联网企业的实战项目，在技术和实践能力上提供双重保障，做到技术能力强，动手能力强，就业薪资高。
二、 学科简介
H5在狭义上指HTML（超文本标记语言）的第5个版本，在广义上包含了HTML5、CSS3、JavaScript等在内的所有应用场景，H5全栈开发课程旨在打造精通前端(HTML5、CSS3、JavaScript、JQuery)、后端（Node.js）、移动跨平台(Android/IOS)App(Vue.js/Angular/React)、微信小程序开发的全栈型全能工程师。
三、 课程更新
结合BAT等一线互联网实际项目需求以及H5技术的飞速发展，2018年在WebAPP开发、数据交互、游戏开发多方面更新课程体系，培养H5全栈开发工程师。在原有课程体系的基础上，添加更为精华、更实用的课程，以下为本次课程更新内容：
1. 在高级课程阶段增加Angular4、React.js课程，与原有Vue.js开发课程齐头并进，打造前端和WebAPP开发框架三剑客，形成覆盖式技能培养战略。
2. 在高级课程阶段增加H5游戏AI智能算法，打造精品游戏，拓展学员H5游戏开发相关就业新方向
3. 新加入完善的ES6/ES7语法结构，让JS编程更加简洁、爽快，6的飞起。
4. 更加注重H5应用在市场营销方面的应用，增加实战项目操作。
四、 课程目标
H5全栈开发课程旨在打造精通前端(HTML5、CSS3、JavaScript、JQuery)、后端（Node.js）、移动跨平台(Android/IOS)App(Vue.js/Angular/React)、微信小程序开发的全栈型全能工程师。
五、 就业方向
H5全栈开发工程师课程是以全栈开发为目标对学员进行培养的，在IT互联网公司中前端和后端的岗位都是非常适合的，特进行罗列，有但不仅限于以下职位。
1. H5全栈开发工程师
2. H5开发工程师
3. Web前端开发工程师
4. Node.js开发工程师
5. 微信小程序开发工程师
6. H5游戏开发工程师
7. 移动WebApp开发工程师
六、 适学人群
H5全栈开发工程师课程是由兄弟连教研团队与一线金牌讲师共同商讨，紧密结合当下企业所需，面向“零基础”学员，由浅入深的企业级实战课程。
1. 想从事IT互联网行业的“零基础”人员
2. 有一定基础的Web前端开发人员
3. 后端开发想转为全栈开发工程师的人员
4. 想自己独立运营网站的人员
5. 想从事跨平台移动App开发人员
6. 想从事微信小程序开发人员
7. 在读或已毕业的计算机相关专业人员
七、 豪华师资
张诚 兄弟连教学运营总监
简介：国内首批电子商务专业毕业人才，网络营销专家和用户体验研究资深讲师。六年互联网设计和PHP，H5编程开发经验、四年互联网讲师教学经验、三年产品运营经验。秉承“师者，传道授业解惑”的教学态度，曾培养的学员多在百度，腾讯，360，京东等一线互联网企业
胡之民 兄弟连H5教学总监，国内H5全栈开发先驱者，北京大学计算机应用与技术专业 硕士
简介：曾任大唐电信科技股份有限公司研发总监，从事多年开发工作，对移动端应用有深入的研究，精通HTML5、CSS3、JavaScript、PHP、Node.js、MongoDB、Vue、React、Angular、ReactNative等多种前沿编程技术。主讲H5全栈开发，实战经验丰富，授课耐心细致，思路清晰易懂，风趣幽默，现致力于H5全栈应用的研究与推广。
付铭 H5教学总监,前端架构师
简介：10年开发与授课经验，精通前后端开发，有着丰富的大型系统架构经验。对培训有着深刻的理解和感悟，授课由浅入深，轻松幽默，多年来培养了大量的前后端的工程师。目前，正致力于H5全栈开发、移动端技术的推广、研究和教学工作。
八、 课程内容
H5全栈开发工程师开发课程，以实战项目为导向，以案例式学习为驱动，课程共100天(400课时)，分为基础阶段与高级阶段。
|
阶段名称 |
课时 |
授课阶段 |
主要课程 |
授课时长 |
备注 |
|
基础阶段 |
45天 |
HTML5+CSS3 |
1. 课程体系介绍、HTML+CSS基本入门知识 2. 网站运行原理 3. HTML常用标签、表单新类型、网页SEO优化 4. HTML5语义化标签、音视频标签 5. CSS选择器(基本、层级、属性、伪类、伪状态) 6. CSS常用样式属性 7. CSS3 过渡、变换、动画 8. CSS3 3D场景搭建与应用 9. 精灵图(雪碧图)的原理以及实现 10. Iconfont 字体图标(阿里巴巴矢量字体图标库)原理以及实现 11. Media媒体响应式布局 12. Flex弹性盒子布局 13. Photoshop基本切图 |
15天 |
|
|
1. JavaScript+jQuery
|
2. ECMAScript核心语法结构 3. 变量声明优先级(var/function) 4. 函数详解(格式、作用域、作用域链、回调、闭包、匿名、递归) 5. 对象详解(格式、内置对象、原型、原型链) 6. 事件(event) 7. DOM 文档对象模型 8. BOM 浏览器对象模型 9. jQuery的概念与基本使用 10. jQuery元素节点操作 11. jQuery的事件绑定与链式操作 12. jQuery元素属性与样式操作 |
23天 |
|
||
|
PHP+Ajax+JSONP |
1. Ajax原理以及应用场景 2. 原生Ajax的运行原理与实现 3. 异步操作与同步操作原理与区别 4. Ajax请求同源策略布局 5. JSONP 跨域请求原理以及实现方式 6. jQuery封装的Ajax调用和JSONP数据跨域请求原理和实现 |
2天 |
|
||
|
项目实战考核 |
1. 任选电商类、游戏类、论坛类、门户类网站，完成整站开发 2. 实现Ajax后台数据交互 3. 实现网站常见页面布局以及JS特效开发 4. 完成移动端页面布局(flex弹性盒子、rem布局) 5. 打包移动端项目，真机运行 6. PC端项目放入GitHub社区，在线运行 |
5天 |
|
||
|
|
55天 |
ES6的语法结构 |
1. let const 语法 2. 解构赋值 3. for of 语法 4. 模板字符串 5. 箭头函数 6. 新增数组操作 7. 新增对象操作 8. Set、Map数据类型 9. Promise的原理和应用 10. Class语法 11. ES6 Module |
2天 |
|
|
高级阶段 |
Node.js+MongoDB+Express+Bootstrap |
1. nodeJS介绍及使用 2. 环境搭建 3. NPM包管理器 4. CommonJS规范、模块化思想及操作 5. 文件模块 6. http、URL、querystring、7. path等模块 8. HTTP模块、WEB开发框架介绍、 9. noSQL基础概念 10. MongoDB 简介、安装 数据库、集合、文档概念 11. 文档CURD操作 12. nodeJS操作MongoDB 13. Expres的安装、使用 14. 使用模板引擎 15. Express中间件 16. Express路由 17. Bootstrap的介绍和使用 18.Express+MongoDB+BootStrap搭建博客系统实战 |
10天 |
|
|
|
H5新特性 |
1. 多媒体API 2. 地理定位(Geolocation) 3. 拖拽API 4. 文件API（FileReader） 5. xhr2、FormData 6.localStorage/sessionStorage 本地存储 7. ApplicationCache 应用程序缓存 8. WebWorks多线程 9. Websocket 10. userMediaAPI调用摄像头、麦克风 11. SVG 矢量图 12. Canvas绘图 |
6天 |
|
||
|
Vue.js(2.0) |
1. Vue实例 2. Vue生命周期 3. 模板语法 4. 计算属性computed 5. 条件和列表渲染 6. 事件处理器 7. 组件定义和使用、组件间的通信、 8. 自定义指令、单文件组件、 9. 脚手架vue-cli 10. 路由vue-router、 11. vueX状态管理 12. 数据请求axios 13. Vue todoList 实战 |
10天 |
|
||
|
Angular(5.0) |
1. TypeScrip 2. angular-cli构建工具 3. 属性型指令 (attribute directive) 4. 封装桶 (barrel) 5. 装饰器 (decorator) 6. 注入器 (injector)、 8插值表达式 (interpolation)、 9. 即时编译 (JiT)、 10.生命周期钩子 (lifecycle hook)、 11.可观察对象 (observable)、 12. 管道 (pipe)、 13. 提供商 (provider)、 14. 路由器 (router)、 15.路由器模块 (router module)、路由组 16. angular todoList 实战 |
10天 |
|
||
|
React.js |
1. react介绍 2. 虚拟Virtual-DOM 3. 单向数据流 4. JSX、 5. 结构渲染render 6. 组件通信 7. 组件嵌套、 8. 数组储存结构、 9. 事件规则、 10. ref、 11. 组件状态state、 12. 更新视图setState、 13. 生命周期lifeCycle， 14. 路由react-router、 15. React todoList实战 |
10天 |
|
||
|
微信小程序+微信JS-SDK |
1. 微信开发介绍，以及公众号、小程序的注册 2. JSSDK接口注入权限验证 3. JSSDK分享接口、图像接口、音频接口，地理位置接口等接口的使用 4. 小程序目录结构讲解 5. 小程序配置讲解 6. 小程序逻辑层讲解，注册7. 程序、注册页面、路由 8. 小程序视图层：数据绑9. 定、列表渲染、条件渲染、事件、模板 10. 小程序组件讲解 11. 自定义小程序组件 12. 小程序网络请求API 13. 设备API、文件API、多媒体API等各种API的应用 |
7天 |
|
||
|
项目实战考核 |
Vue.js、Angular、React、微信小程序项目。实战项目：可开发商城类、论坛类、音乐播放类、视频播放类、小说阅读类、天气查询、物流快递查询类、汇率查询等APP应用 |
各项目在授课阶段独立完成，不再安排额外时间 |
|
课程安排时间：
白班、晚班、业余制班、周末班、一对一定制课程（详情请咨询顾问）
白 班：8：30-16:30 （周一至周五白天时间段选择）
全日制：8：30-11:30/13:40-16:30 （周一至周五全天上课）
晚上班：18:00-21:00
周 末：8：30-16:30（每周六或周日全天）
具体上课时间学员根据自身时间安排选择报班。
课程周期：
课程周期长短以学员实际所报班级为准，一对一课程和培训老师沟通安排。
课程收费：
因学员自身基础和所要学习达到的程度、报班时间长短等客观因素不等，我们开设有不同的班级，费用有所区别，费用以学员所报班级为准，学员根据自身要求选择报班，如有疑问请咨询报名老师。
不同时间校区有不同的优惠活动，详细优惠以当时参加的优惠活动为准。
预约试听体验课程：
学员如需参加体验课程，至少需提前一周和顾问预约体验课程，提供给顾问参加学员姓名+电话+课程+所在地区，顾问会及时登记预约就近校区体验课程，预约成功后顾问会通过电话或短信及时通知学员。
报名须知：
1、外地学员，需代办食宿，提前和老师预约沟通。
2、学费不包含食宿费用。（全日制住宿课程除外）
3、校区顾问会不定期回访学员，了解基础情况，请学员配合顾问回访。
4、课程调换或改期，需到校区和课程老师沟通。
5、课程退班退费，学员需到校区办理。（实际情况以校区规定为准）
6、报名完成后保留好报名票据，以及课程老师联系电话，以便后期和老师跟进。
7、优惠活动请和报名老师咨询了解。
我们竭诚为您服务，如需帮助或了解最新优惠活动，请在线联系顾问，顾问会第一时间安排课程老师电话和您沟通介绍！
| 兄弟连校区 | 地址 | 2018下半年-计划开班的学科 | 注释 |
| 北京校区 | 北京市昌平区文化西路育荣教育园区兄弟连楼 |
PHP Java+大数据 H5 UI GO语言+区块链 Linux云计算 互联网营销 |
①面授班期在时间上比较灵活，极易变化，外地校区如需送学员，请及时与开课校区联系，准确掌握相关开班及相关信息。 ②面授班没有开课的话，完全可以转化为云课堂在线学习。云课堂1对1在线课包含全部学科。学生上课时间灵活且不受地域限制。 |
| 南京校区 | 南京市秦淮区王府大街中泰大厦3楼309室 |
PHP H5 |
|
| 杭州校区 | 经济技术开发区科技园路57号15幢914 |
PHP Java+大数据 Python |
|
| 西安校区 | 西安市莲湖区北大街名流天地大厦4层 |
PHP Java+大数据 Python |
|
| 深圳校区 | 深圳龙华新区清泉路硅谷大院T1-1-115 |
PHP Java+大数据 UI Python |
|
| 郑州校区 | 郑州市金水区文化路芯互联大厦16层 |
PHP Java+大数据 UI Python 互联网营销 |
|
| 广州校区 | 广州天河区宦溪西路万富商业大厦一楼A10室 |
PHP H5 Java+大数据 |
|
| 上海校区 | 上海市闸北区万荣路龙软信息产业园F栋3层 |
Python PHP 互联网营销 |
|
| 沈阳校区 | 沈阳市沈北新区蒲昌路阳关经典大厦4楼 |
PHP Java+大数据 UI Python |
|
| 西安校区 | 西安市高新区高新路尚品国际B幢16层 |
PHP Java+大数据 Python |
|
| 成都校区 | 成都市锦江区春熙路正熙国际22楼 |
PHP Python |
|
| 合肥校区 | 合肥市高新区香樟大道深港数字化产业园A201 |
UI PHP |
|
| 西宁校区 | 西宁市城北区西宁城市职业技术学院实验楼 |
UI PHP 互联网营销 |
|
| 苏州校区 | 苏州市金闾区广济南路永捷峰汇21层2108B |
UI PHP |
|
| 南宁校区 | 南宁市西乡塘区大学东路162号东盟财经广场1号楼405 | ||
| 咸宁校区 | 咸宁市高新技术开发区永安东路58号B1栋 | ||
| 南阳校区 | 南阳市卧龙区卧龙电商大厦12号楼3楼 | ||
| 石家庄校区 | 石家庄中山路与大经街交口乐汇城A座708 | ||
| 合肥校区 | 合肥市高新区香樟大道深港数字化产业园A201 | ||
| 惠州校区 | 惠州市大亚湾区龙山七路世纪城F栋三楼 | ||
| 宝安校区 | 深圳市宝安区沙井街道新沙路新港湾3楼 | ||
| 佛山校区 | 佛山市禅城区普澜二路新荣大厦D座六楼 | ||
| 邯郸校区 | 邯郸市丛台区人民东路新时代商务大厦1106 | ||
| 邢台校区 | 邢台市桥西区邢台职业技术学院东校区科技楼2楼B203 | ||
| 秦皇岛校区 | 河北省秦皇岛市海港区西港北路70号软通动力3-102 | ||
| 呼和浩特校区 | 呼和浩特市大学西路学府康都B座5层 |