石家庄H5全栈工程师培训班

【课程简介】

H5 在狭义上指HTML（超文本标记语言）的第5 个版本，在广义上包含了HTML5、CSS3、JavaScript 等在内的所有应用场景，H5 全栈开发课程旨在打造精通前端(HTML5、CSS3、JavaScript、JQuery)、后端（Node.js）、移动跨平台(Android/IOS)App(Vue.js/Angular/React)、微信小程序开发的全栈型全能工程师。

【课程特点】

1. 在课程阶段增加Angular4、React.js 课程，与原有Vue.js 开发课程齐头并进，打造前端和WebAPP 开发框架三剑客，形成覆盖式技能培养战略。

2. 在课程阶段增加H5 游戏AI 智能算法，打造精品游戏，拓展学员H5 游戏开发相关就业新方向

3. 新加入完善的ES6/ES7 语法结构，让JS 编程更加简洁、爽快。

4. 更加注重H5 应用在市场营销方面的应用，增加实战项目操作。

【课程目标】

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. 在读或已毕业的计算机相关专业人员

【课程大纲】

一、基础阶段

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 基本切图

JavaScript+jQuery

1.ECMAScript 核心语法结构 2. 变量声明优先级(var/function) 3. 函数详解( 格式、作用域、作用域链、回调、闭包、匿名、递归) 4. 对象详解( 格式、内置对象、原型、原型链) 5. 事件(event) 6.DOM 文档对象模型 7.BOM 浏览器对象模型 8.jQuery 的概念与基本使用9.jQuery 元素节点操作 10.jQuery 的事件绑定与链式操作 jQuery 元素属性与样式操作

PHP+Ajax+JSONP

1.Ajax 原理以及应用场景 2. 原生Ajax 的运行原理与实现 3. 异步操作与同步操作原理与区别 4.Ajax 请求同源策略布局 5.JSONP 跨域请求原理以及实现方式 jQuery 封装的Ajax 调用和JSONP 数据跨域请求原理和实现

项目实战考核

1.任选电商类、游戏类、论坛类、门户类网站，完成整站开发 2. 实现Ajax 后台数据交互 3. 实现网站常见页面布局以及JS 开发 4. 完成移动端页面布局(flex 弹性盒子、rem 布局) 5. 打包移动端项目，真机运行 PC 端项目放入GitHub 社区，在线运行

二、阶段

ES6 的语法结构

1. let const 语法 2. 解构赋值 3. for of 语法 4. 模板字符串 5. 箭头函数 6. 新增数组操作 7. 新增对象操作

8. Set、Map 数据类型 9. Promise 的原理和应用 10. Class 语法 11. ES6 Module

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 搭建博客系统实战

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 绘图

Vue.js(2.0)

1. Vue 实例 2. Vue 生命周期 3. 模板语法 4. 计算属性computed 5. 条件和列表渲染 6. 事件处理器 7. 组件定义和使用、组件间的通信、 8. 自定义指令、单文件组件、 9. 脚手架vue-cli 10. 路由vue-router、 11. vueX 状态管理 12. 数据请求axios13. Vue todoList 实战

Angular(5.0)

1. TypeScrip 2. angular-cli 构建工具 3. 属性型指令 (attribute directive) 4. 封装桶 (barrel) 5. 装饰器 (decorator) 6. 注入器 (injector) 7. 插值表达式 (interpolation) 8. 即时编译 (JiT) 9. 生命周期钩子 (lifecycle hook) 10.可观察对象 (observable)11. 管道 (pipe) 12. 提供商 (provider) 13. 路由器 (router) 14.路由器模块 (router module)、路由组 15. angular todoList 实战

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. ReacttodoList 实战

微信小程序+微信JS-SDK

1. 微信开发介绍，以及公众号、小程序的注册 2. JSSDK 接口注入权限验证 3. JSSDK 分享接口、图像接口、音频接口，地理位置接口等接口的使用 4. 小程序目录结构讲解 5. 小程序配置讲解 6. 小程序逻辑层讲解，注册7. 程序、注册页面、路由 8. 小程序视图层：数据绑定 9.列表渲染、条件渲染、事件、模板 10. 小程序组件讲解 11. 自定义小程序组件 12. 小程序网络请求API 13. 设备API、文件API、多媒体API 等各种API 的应用

项目实战考核

Vue.js、Angular、React、微信小程序项目。实战项目：可开发商城类、论坛类、音乐播放类、视频播放类、小说阅读类、天气查询、物流快递查询类、

汇率查询等APP 应用

【师资力量】

【培训现场】

培训现场图一

培训现场图二

【学员作品】

学员作品图一

学员作品图二

【学员风采】

学员风采图一

学员风采图二

【机构荣誉】

机构荣誉图

【关于我们】

兄弟连教育成立于2007 年，2016 年成功挂牌新三板（股票代码：839467）。现已开设PHP、JavaEE、UI/UE、 H5 全栈、Linux/ 云计算、Python 全栈、大数据、网络营销等众多学科，累计培养数万名学员。

专注于IT 职业教育，目前已在北京、上海、广州、深圳、天津、杭州、南京、成都、沈阳、郑州、宁波、徐州、西安、重庆、苏州、石家庄、济南、西宁、南宁等地成立20 个校区，坚持“教学靠谱、变态严管、职业素养课贯穿始终”的办学理念，提供24 小时开放机房，认认真真做教育，用工匠精神和良心教育倾力打造一站式学习就业平台。