佛山H5前端全栈开发工程师培训班

面授小班

￥详询

264人看过

佛山兄弟连教育

白天班

介绍

地址

相册

评价

学校

【课程介绍】

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

【课程目标】

H5 全栈开发课程旨在打造精通前端 (HTML5、CSS3、JavaScript、JQuery)、后端（Node.js）、移动跨平台 (Android/IOS)App(Vue.js/Angular/React)、微信小程序开发的全栈型全能工程师。

【适学人群】

H5 全栈开发工程师课程是由兄弟连教研团队与一线讲师共同商讨，紧密结合当下企业所需，面向“零基础”学员，由浅入深的企业级实战课程。

1.想从事 IT互联网行业的“零基础”人员

2.有一定基础的 Web 前端开发人员

3.后端开发想转为全栈开发工程师的人员

4.想自己独立运营网站的人员

5.想从事跨平台移动 App 开发人员

6.想从事微信小程序开发人员

7.在读或已毕业的计算机相关专业人员

【课程内容】

一、基础阶段（45天）

1.HTML5+CSS3（15天）

课程体系介绍、HTML+CSS 基本入门知识；网站运行原理；HTML 常用标签、表单新类型、网页 SEO 优化，HTML5 语义化标签、音视频标签；CSS 选择器 ( 基本、层级、属性、伪类、伪状态 )；CSS 常用样式属性；CSS3 过渡、变换、动画；CSS3 3D 场景搭建与应用；精灵图 ( 雪碧图 )的原理以及实现；Iconfont 字体图标 ( 阿里巴巴矢量字体图标库 )原理以及实现；Media 媒体响应式布局；Flex 弹性盒子布局；Photoshop 基本切图。

2.JavaScript+jQuery（23 天）

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

3.PHP+Ajax+JSONP（2天）

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

4.项目实战考核

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

二、阶段（60天）

1.ES6 的语法结构（2天）

let const 语法、解构赋值、 for of 语法、模板字符串、箭头函数、新增数组操作、新增对象操作Set、Map 数据类型、Promise 的原理和应用、 Class 语法、ES6 Module。

2.Nodejs+MongoDB+Express+Bootstrap（12天）

nodeJS 介绍及使用、环境搭建、NPM 包管理器、CommonJS 规范、模块化思想及操作、文件模块、 http、URL、querystring、path 等模块、 HTTP 模块、WEB 开发框架介绍、noSQL 基础概念、 MongoDB 简介、安装、数据库、集合、文档概念、文档 CURD 操作、nodeJS 操作 MongoDB、Expres 的安装、使用、使用模板引擎、Express 中间件、Express 路由、 Bootstrap 的介绍和使用、Express+MongoDB+BootStrap 搭建博客系统实战。

3.H5 新特性（9天）

多媒体 API、地理定位 (Geolocation)、拖拽 API、文件 API（FileReader）、xhr2、FormData、localStorage/sessionStorage 本地存储、ApplicationCache 应用程序缓存、WebWorks 多线程、Websocket 网络编程、 userMediaAPI 调用摄像头、麦克风、SVG 矢量图、Canvas 绘图、

4.Vue.js(2.0)（15天）

Vue 实例、Vue 生命周期、模板语法、计算属性 computed、条件和列表渲染、事件处理器、组件定义和使用、组件间的通信、自定义指令、单文件组件、脚手架 vue-cli、路由 vue-router、vueX 状态管理、数据请求 axios、Vue todoList 实战。

5.Angular(5.0)（2天）

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

6.React.js（13天）

react 介绍、虚拟 Virtual-DOM、单向数据流、JSX、结构渲染 render、组件通信、组件嵌套、数组储存结构、事件规则、ref、组件状态 state、更新视图 setState、生命周期 lifeCycle、路由 react-router、React todoList 实战。

7.微信小程序 + 微信 JS-SDK（7天）

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

8.项目实战考核（各项目在授课阶段独立完成，不再安排额外时间）

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