HTML5大前端精英班培训—北大青鸟佳音旗舰总校

HTML5大前端精英班

课程介绍

web前端开发课程由课工场中关村实训基地率领web前端专家团队组成教研小组，**对大型IT企业web前端开发工程师的需求调查，访问120名知名企业web前端技术人员，研究500家web前端工程师岗位招聘信息后，将web前端杂、广、浅的知识点进行梳理，以企业项目案例贯穿其中，涉及389个技能点。 

培养目标

培养具备1.5年以上开发经验的前端开发工程师

招生对象

零开发经验的人群

20周岁以上

大专及大专以上学历（含在读、毕业学生）

热爱前端技术（Web前端、移动前端、HTML5游戏）开发的有志青年

就业岗位

WEB前端开发工程师

移动前端开发工程师

网页游戏开发工程师

课程特色

科学的课程体系：网络学习技能结构、4大课程模块、389个技能点、72个项目案例。创新的教学模式：链式教学法，线上随时学习，线下面授实训，全程实战学习。技能全面，**多方位就业：课程全面覆盖PC端及移动端，拓展游戏元素设计。随需而变，支持终身学习：课程更新快，所有课程线下线上1：1同步，学员可以在课工场或手机APP上随时随地强化学习。

2017年全新课程震撼上线 HTML5 移动端 响应式 框架

第1阶段 WEB前端工程师课程

HTML语句，HTML页面结构、css语法、style属性、link和style标签、id属性、等HTML语句中的相关属性；

浏览器兼容性问题处理:XHTML与CSS校验，XHTML校验器，CSS校验器；解决如：Chrome、Safari、firefox、opera 等主流浏览器的兼容问题。

第二阶段 WEB前端移动端 响应式布局

Bootstrap前端开发框架

Html语法规范、CSS语法规范、Less 和 Sass 中的嵌套、class 命名、选择器、Normalize.css、栅格系统、排版、代码、响应式工具等；

学习CSS3属性，结合Html制作静态页面效果，如：元素阴影、圆角、transition、box-sizing、rgba、H5表单新增属性等；

移动端布局，测试环境Emulation、viewport、window.devicePixelRatio、物理分辨率、Media Queries、rem、window.screen、移动端布局相关问题、window.deviceorientationevent、横竖屏判断等；

电商页面布局；企业级整站布局：主流新媒体、宣传类企业、展示类企业等，并结合学习HTML5 CSS3实现炫酷的移动端页面效果。

第三阶段 前端特效语句

基础语法、数组0bject、Function、String 和 正则表达式、常用内置对象、JS0N、错误处理、面向对象高级编程；

JavaScrip的引入及插入位置、JS元素的获取及简单的函数引用、JS的页面输出及注释语句、变量及JS的数据类型、表单的简单应用及js的操作符等；

带参函数及数组的运用；数组及滚动条事件；js中对象的移动；js中盒子的移动；js中的鼠标及键盘事件等；

构造函数的基本知识；作用域的基本知识、原理与原型链；web开发综合案例；各种类库的使用熟悉各种类库的使用，并对其实现原理有一定了解；

运动特效，精通JS运动特效技术，能完整实现各类动画特效调试；精通事件对象及事件的工作机制，并能完成各类 跨平台应用模块的开发；

浏览器对象、滚动条设置、窗口对象等；

第四阶段 jQuery与前端实战课程案例

Jquery入门和实战jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为提供AJAX交互。

jQuery的基本语法；jQuery中的常用选择器；jQuery对于事件的处理；jQuery中的动画知识和应用；jQuery的文档操作；实现前端特效效果；

AJAX；1:AJAX的讲解；Web应用程序的解决方案；AJAX的工作方式；2：初始化对象；指定响应处理函数；处理服务器返回的信息；

异常处理机制；中文乱码问题及其解决方案；XHR对象的基本知识；JS0N与XML的辨析jQuery中AJAX的使用；利用jQuery实现AJAX的效果开发；

D0M操作：前端开发的过程中,极为重要的一个功能就是对D0M对象的操作，正则表达式等。

ECMAScript中的类和构造函数，JS JQ前端实战演练；

第五阶段 HTML5高级开发 CSS3前端语言

掌握HTML5& CSS3,SE0等技术，BSU加速技术；掌握AJAX异步交互；立和后台工程师配合完成项目；

CSS3详解：CSS3各效果的讲解和应用、二维平面动画及三维流立体动画变形原理；3D坐标系构建思想的设置；3D动画的制作；CSS3自适应布局的基本知识和应用；CSS3分栏的知识和应用等；

CSS3语言开发是朝着模块化发展的。这些模块包括：列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。

熟练掌握HTML5中的绘图、音频视频处理、表单新特性等，能够熟练使用HTML5进行Web开发；

类、APP类、web应用的前端案例；

第六阶段 WEB大前端开发项目案例:框架应用及移动开发

AngularJS框架、AngularJS Web应用，理解AngularJS的框架原理，掌握MVC编程模式，熟练使用AngularJS实现页面的重构；

MVC 编程、模块化及模版的使用；数据绑定、语义化标签、依赖注入、服务器交互讲解；Node.JS等；

jQueryMobile移动开发；jQueryMobile列表、表单、配置、动态内容、事件处理；jQueryMobile 框架、UI组件、各种视觉效果制作；掌握jQueryMobile框架及各种组件的使用，熟练使用jQueryMobile完成移动的开发；

框架方面：React、Grunt、Gulp、webPack 等

第七阶段 毕业作品整理与就业应聘

毕业设计指导与整理；WEB高级讲师及WEB资深工程师指导你完成毕业作品，以备应聘时使用；

对学习过的所有课程和自己做一个完美的总结。要求必须完成成整套WEB前端实战作品并完成移动开发作品；

就业应聘技巧与职业规范：就业形势分析及指导；毕业学员在应聘前应该做的准备。

为什么选择北大青鸟

北大青鸟在传统的“理论联系实践”是运用上机实践验证理论的正确性；而**新版本ACCP7.0所指的“理论联系实践”是指运用科学的方式将课程内容传授给学员——或是理论课，或是上机课，或是在线培训课，或是指导学习课等，并**项目实战，提升学生素质。

1) 理论课：

目标：**教员讲解、示范，学员理解基本的概念、原理；

内容：相关的基本概念、基础理论、程序代码、框架结构、代码讲解和分析

2) 上机课：

目标：巩固理论课的概念、知识；培养动手能力。

内容：理论课授课内容的简单使用和体验，**动手加深理解、促进消化；

3) 指导学习课 ：

目标：难点突破类型－针对重难点帮助学员理解和消化技能；课程总复习类型－帮助学员建立技能体系。

内容：难点突破类型－作业讲评、学员答疑、练习；

4) 在线培训课：

目标：培养学员解决问题的自学能力、提高学员自信心。

内容：教员下发阅读资料，布置任务，学员课下完成；课堂上学员演示作品，教员点评和总结。

5) 项目案例课：

目标：针对某几章的多个技能点，培养学员技能点的综合应用能力、代码熟练度和规范度。

内容：有业务需求的案例，规模和完整性大于上机，4~16学时/个。

6) 阶段项目课：

目标：S1、S2阶段结束，综合应用所学技能，树立成就感和继续学习的信心。

内容：综合运用本阶段课程知识完成项目开发，规模和完整性大于项目案例。

7) 毕业设计课：

内容：企业级行业应用开发，28~32功能点，实施周期30~45天。

目标：综合运用整个课程体系的全部知识和技能进行小组项目开发，积累项目经验和行业经验。