WEB前端实战开发（HTML5CSS3JS jQueryVUE等主流框架）

相关人员

一、课程简介

HTML5/CSS3是现阶段非常流行，也是很多企业所要求的技术。优点主要在于应用范围广泛广，可以进行跨平台使用。增加了<video>和<audio>等新标签，可以直接实现播放影音资源、促使交互加速，自动获取用户地理信息等。H5/CSS是目前WEB前端开发高薪的主要部分，我们的授课内容：由基础到实战项目、响应式设计、移动端APP项目制作等内容。使其能快速掌握H5/CSS3内容并且实现实际应用。

二、培训对象

1.热爱互联网，追求极致互联网体验，想从事网页开发、Web前端开发的学员；

2.原从事后IT台开发，想完美转型全栈开发的工程师；

3.没有计算机基础愿意从事IT开发，改变生活现状，改变命运的学员；

4.开发人员转型HTML5移动开发的学员。

三、课程大纲

第一天

HTML5/CSS31．了解HTML5+CSS3技术在网页设计中各种应用的知识；

2．深入解刨HTML5+CSS3应用开发方法和技巧；

3．前段开发工具的使用AdobeEdge、JetBrainsWebStorm4.0、AdobeDreamweaverCC

4．HTML各类API：File、drag、多进程开发、关系型数据库、motion等

5．移动端布局：box、弹性布局、流体布局、定宽布局、局部定宽布局、响应式布局、自适应布局、相对单位布局等；

6．多点触摸、手势识别和用户交互体验问题大量常用移动端开发框架；

7．XXX项目实战案例(私享)

第二天

JS/jQuery1．深入分析JavaScript、CSS、DOM、Ajax等Web标准关键技术；

2．透彻讲解jQuery，包括jQuery基础、页面控制、动画与特效制作、Ajax简化以及jQuery插件等；

3．全面掌握JavaScript和jQuery的实际应用；

4．XXX项目实战案例(私享)

Vue.js组件介绍Vue.js框架快速入门

 Vue.js框架介绍

 条件、列表渲染

 事件处理机制

 组件生命周期介绍

 自定义组件与数据传递

第三天采用Vue.js模拟美团H5跨平台开发(上)采用Vue.js模拟美团H5跨平台开发(上)

 Vue.2x-mock数据及配置

 美团结构和样式设计(移动端)

 点菜页面设计(核心功能)

 Vue2.x-购物车(核心功能)

采用Vue.js模拟美团H5跨平台开发(下)采用Vue.js模拟美团H5跨平台开发(下)

 商品详情页面(核心功能)

 评价页面

 商家页面设计

 路由优化和项目调试

 Vuejs真机调试、APP打包

第四天学习考核与交流返程

张老师　北航硕士，HTML5专家。专注于项目管理、软件开发方法调优、软件建模与系统设计/架构等领域，熟悉主流的移动端开发平台，12年IT行业从业经验，6年教育及教育管理经验，对移动端HTML5产品设计与开发\对HTML5 Web App、HTML5混合应用开发关键技术有深刻了解和实践经验。

赵老师　软件工程硕士，北京财经学院项目部负责人，主要专业特长包括HTML5、移动前端、CSS3、AngularJS、React native、VueJS、BootStrap、JQuery、ZeptoJS、Ajax、JSON、JSONP、Mui框架等相关技术，对Html5应用开发及开发模式有深入研究，熟悉模块化开发，熟悉IT项目管理，熟悉ICONIX、Scrum等软件研发过程改进、详细设计、IT规划。擅长UML建模、MVC、设计模式、架构思想，多年项目管理经验，千人教育培训经验。

刘老师　有15年JAVA开发经验,9年授课经验. 精通J2EE多层架构和多种设计模式，熟悉Struts、MyBatis、Hibernate、Spring、Spring MVC、Android、H5、Jquery Mobile、AngularJS、Bootstrap等多种开源框架, 对源码有一定的理解. 熟悉 WebLogic, JBoss 容器并发集群的使用, 熟悉WebService、CXF、RESFul、UML、SVN、EasyUI、Flex、Lucene 等技术。长期专注于J2EE系统的分析与设计，亲身参与多个J2EE项目研发和应用系统升级，并主导系统架构设计，有着丰富的系统分析设计工作经验。