H5前端开发

《H5前端开发》课程以企业岗位需求为基础，以企业真实技术整理知识体系，以实用技术为核心， 确定目标岗位标准，并依据岗位标准确定培训目标，拆解企业真实项目作为课堂案例， 按行业标准培养学员能力。通过4个阶段的学习夯实学员基础，建立良好的编程思想，掌握前端开发流程，了解后端内容，提高学员整体架构能力，熟练使用主流框架Vue、Angular、React等技术，应用于企业级实战项目，提高学员职业应对能力，掌握企业工作方法和流程，熟悉企业开发方式和 问题解决流程。

课程设计理念——以就业为导向

一、以岗位需求为基础：

课程紧跟企业技术更新的节奏，根据企业的岗位需求更新迭代内容，让所有学员达到毕业即就业的标准。

二、以技能培训为目标

课程体系根据企业岗位需求，拆解企业真实项目作为课堂案例，培养学员技术能力。

第一阶段培养扎实的PC端页面布局和WebApp页面布局，具有良好布局思路和SE0思想。

第二阶段培养扎实的基础，简历良好的编程思想，能够熟练实现Web页面动态交互和后端数据的更新展示。深入理解面向对象思想，熟练实用常用设计模式优化项目开发，掌握Canvas游戏引擎设计并实现游戏开发。

第三阶段了解后端开发流程，能够产出后端解决方案，掌握Web开发常见安全漏洞，并具有产出相应解决方案能力。

第四阶段提高学员整体架构能力，熟练实用主流框架产出企业级解决方案。

第五阶段提高学员职业应对能力，掌握企业工作方法和流程，熟悉企业开发方式和问题解决流程。

三、以就业模拟为核心

企业工作环境和工作方式是学员陌生的地方，而企业要求待入职员工具备良好的职业经验。课程真实模拟企业工作环境与工作流程，教会学员如何分析一个项目的完整架构并找到项目的入口及出口。

课程体系介绍

第一阶段：HTML5基础课程

课程定位：面向零基础学员，主要学习内容XHTML，CSS， HTML5，CSS3，PS，SE0优化等技术。

课程特点：

1、知识点归类总结，以点到面，让学员对于所学的知识既有深度又有广度的扩展。

2、教会学员以设计的思维去思考，构建更加合理的布局结构和布局内容，提高产品SE0综合。

3、每一个知识点都是以线上案例进行分析讲解，项目期学员将之前学的知识整合即可实现整体页面的构建。

学习目的：熟悉每种类型项目的架构和设计思路，并可以独立的搭建完成各种类型静态页面。

学习难度：2

平均薪酬：2000-3000

学习内容：

1、 photoshop实现PSD设计图元素的提取，位置的测量和像素比例的设置等。

2、 XHTML和CSS学习掌握基本的网页布局，完成静态网页设计。

3、 HTML5和CSS3学习掌握视频，音频，3D变换，动画等知识，丰富网页内容显示，同时提高用户体验度，增加网页逼格。

4、媒体查询，弹性盒布局学习掌握流式布局，媒体查询等移动端开发技术，完成移动端开发和不同移动设备适配。

5、浮动布局，定位布局学习，使学员能够完成页面更加复杂的结构布局。

6、综合项目练习，增强学员对以上学习的知识的综合应用能力，同时大限度模拟公司实战开发，累积学员项目实战经验，更快适应企业开发实战要求。

学完能力：课程结束后学员可以独立的完成京东、、映纷视觉企业官网、活力广东、botlist、小米商城等各种类型的静态页面开发。

第二阶段：基础课程

课程定位：面向具有一定HTML和CSS基础，能够独立完成各种静态页面布局的学员。

课程特点：

1、通过实景分析熟练掌握各种界面交互。

2、通过各种实战让学员在业务水平上有质的提升。

3、通过综合性项目，强化学员对JS的综合应用水平，提员对交互式的开发能力。

4、面向技术提升，通过面向对象思想和设计模式，让学员在编程思想上的提升。

5、通过设计模式的学习，能够有所总结，根据面对象的设计原则，熟练应用编程技巧实现代码重构。

学习目的：掌握JS基础语法，能够熟练运用方法解决业务逻辑和动态交互效果。熟练使用框架。轻松实现常见动态交互效果，D0M操作，熟练运用JQuery等基础框架，提高开发效率。

学习难度：3

平均薪酬：3000-4000

学习内容：

1、 基础语法学习使学员掌握语言基本的语法结构和一定的逻辑编程思维。

2、 D0M、B0M学习，掌握对节点结构和内容的操作，实现界面跟随数据动态改变。

3、 事件学习，掌握丰富的PC端操作事件和移动端操作事件，轻松实现网页多种多样的用户交互的效果。

4、JS动画学习，掌握JS动画制作原理，增强网页用户体验度。

5、Ajax服务器端通信原理学习，明确前端和服务器的交互原理，实现数据真正意义上的远程传输。

6、jQuery、Zepto等前端框架学习，贴近公司开发，提高学员交互式的开发效率。

7、面向对象学习，掌握前端流行的开发思想00P编程，实现代码封装思想，降低代码耦合度。

8、主流设计模式学习，掌握当下先进的编程思想，编写高质量代码，提高代码的运行效率。

9、 canvas动画学习，提高动画的执行效率，增强动画在移动端的流畅度。

学完能力：课程学习结束后学员可以独立的完成京东、移动端、360浏览器宣传页、飞扬的小鸟、小米商城等涉及后端数据交互和用户交互的动态页面开发。

第三阶段：全栈开发课程

课程定位：面向具有一定的HTML，CSS和JS基础，能够独立完成各种web页面搭建，并能够实现完善的界面交互的同学。

课程特点：

1、学会一种后端语言，让学员了解后端的实现，通过实现后端接口，具备一定的后端开发能力。

2、在讲解上需要按照实际企业的方式去思考和讲解，不能让学生产生误解起到反作用。

3、学员学完这个阶段后，就会知道企业前后端交互的思想，更容易和其他部门沟通，增加学员工作资历

4、增加网络爬虫和安全攻防课程，这点是咱们课程上的有事，让学员出去共有竞争力。

学习目的：掌握一门服务端语言，熟悉协议，了解安全攻防，前后端整体贯通，为全栈开发打下基础。

学习难度：4

平均薪酬：5000-7000

学习内容：

1、PHP+MySql学习，完成数据的持久化存储，实现前端和后台的一体化编程。

2、接口设计和HTTP协议使学员更加熟悉后台服务器的运行原理，同时使学员具备一定的接口设计能力，增强学员跟后台的沟通能力。

3、学习Nodejs开发基础和网络框架。

4、学习网络爬虫设计和实现。

5、学习Web安全攻防（XSS和CSRF漏洞的利用与防御）。

第四阶段：流程框架-企业项目实战

课程定位：面向具有一定的HTML，CSS和JS基础，能够独立完成各种web页面搭建，并能够实现完善的界面交互的同学，具有良好的面向对象思想，熟练使用常用设计模式。

课程特点：

1、学会项目管理打包编译工具，质量控制，模板引擎，单元测试等工具

2、热门框架精通一种，Vue与React Native代表。

3、产出对应上线项目。

学习目的：熟练使用业界项目工程相关工具，精通一种框架，了解各个框架的特点，合理使用框架解决PC端，移动端，APP端各类业务需求。了解常见框架模式。知道原理。

学习难度：5

平均薪酬：6000-10000

学习内容：

1、 项目管理打包编译工具，质量控制，模板引擎，ES6/ES7编译转换，单元测试等工具的学习，使学员集项目开发，测试和打包上线于一身。

2、框架设计，熟悉常见架构的应用和实现原理。

3、主流框架（Vue.js、Angular、react、Node.js、React Native、小程序等）学习，掌握当前市场流行技术，提高网页的开发效率。

学完能力：完成课程后学员可以熟练的使用框架解决各种类型web前端项目开发例如：京东、、饿了么、携程网、穷游等，同时可将以上项目产出小程序版本。

第五阶段：企业模拟

教学定位：面向具备良好的web前端技术基础，能够独立的解决主流类型项目的开发与维护。

课程特点：

1、全实模拟企业工作环境和流程，从员工入职后个任务开始安排。

2、教会学员如何去分析项目，如何的入手新的项目。

3、每个项目都有真实的业务逻辑集合，积累学员真实的工作经验。

学习目的：具有扎实的web前段基础，能够熟练解决和应对各种开发中遇到的问题，熟知企业的工作流程和业务知识。

学习难度：5

平均薪酬：6000-12000

学习内容：

1、企业环境介绍了解，新人进入企业工作流程介绍。

2、入职后份任务，如何基于现有项目迭代。

3、时间管理、工作流程管理，如何抛出问题。

学完能力：完成课程后学员可以在入职后自如的应对职场场景，能够的融入团队，熟练的使用所学技能完成公司开发任务。

项目介绍

项目名称：小米商城

项目实训能力：通过项目培养学生对HTML+CSS阶段的技能实战，让学员可以在学习中积攒项目能力；培养学生可以独立的完成各种类型页面的搭建；实现页面中常用动画展示；学员能够熟练的解决各种浏览器兼容问题和响应式布局开发。

项目实训目标：了解企业设计的思路和布局方式，熟练的掌握HTML和CSS的布局原理和应用方式；熟练使用git版本工具管理项目代码；熟练掌握页面SE0技巧。

适应阶段：一阶段

项目名称：京东（待定）

项目实训能力：实现可交互的动态页面，培养学员对有深入的理解和实战能力；学员能够实现后端数据的请求与展示；教会学员如何编写的、可维护的代码。

项目实训目标：熟练的使用实现页面的动态交互；熟练结构出课维护的前端项目；熟练的使用设计模式将复杂问题分解成一个一个的小的模块，具有的工作效率。

适应阶段：二阶段、三阶段

项目名称：饿了么

项目实训能力：学员通过实训项目，能够熟练的使用一种主流框架实现企业级项目开发；培养学员掌握企业级项目的分析思路和设计原理，通过使用框架实现规范的项目构建，并在分析问题、解决问题、查阅资料和动手实践方面获得应的提高。

项目实训目标：项目通过企业级实现项目帮助学员认识企业项目开发流程，业务逻辑的设计，熟练的使用框架产出项目解决方案，同时对已经学过的知识进行总结和扩展，提员对web前端项目开发经验。

适应阶段：四阶段、五阶段、六阶段

课程优势

一、贴合企业需求的就业技能培养

1、实时分析阿里巴巴、京东、饿了么、小米等企业项目和技术，根据市场需求的变更及时调整课程体系，企业里用什么，我们的课程就会包含什么。

2、企业级的项目案例，覆盖面广、实用性强，打造“一专多能”的符合型人才，适应企业需求，拓宽职业发展空间。

二、由浅入深，多元化教学

1、课程从基础到，循循渐进，由浅入深从静态页面布局，到动态页面交互，前后端数据沟通，再到企业级项目实战，让学员知识金字塔式成长，对于零基础学员也没有任何的难度。

2、讲师面授讲解，全程录屏回顾，知识点视频扩展，让学员毫无死角的提升。

三、主线积攒学习，支线练习成长

1、课程是由一个企业级项目全线贯穿，通过四个月不断积攒和完善，产出一个可以商用级的项目。而不是小作坊作风几天就产出一个项目，学员还没有进入项目状态就已经结束了。

2、每日的作业练习是以一个支线项目贯穿，学员将每天所学和主线项目的总结，实战到作业中，让学员对于每日所学理解更加深入，实战更加顺手。

四、主攻一种框架，以防贪多嚼不烂

市面上的框架眼花缭乱每天都有新的框架发布，学员对于大量的框架选择无从下手，本套课程在框架学习上课程会根据市场需求，选择一个佳的框架作为主讲课程。投入大量时间和经历深入讲解一个框架，让学员出去后就可以熟练的使用框架产出解决方案。而不是每种框架都会，但是都是了解，毫无实战能力。

五、HTML5行业职场规划

1、模拟职业素质场景，让学员在切身体验中提高职场能力。

2、专业的职业规划课程，提高学员的软实力。

直接拨打即可预约申请免费试学！

怕钱不够？

可分期付款学费！

怕没时间？

就业班、业余班两种班型任你选择！

怕学不会？

教学采用全程面授高品质、高体验培养模式，特别重视学员实践能力的培养，根据个人学习计划提供视频、图文、答疑、作业批改等服务，旨在让零基础学员轻松入门。

担心就业？

依托众多合作企业资源，提供就业和薪资服务，让学员毕业就能赢得高薪和名企。

码上未来，成就你更好的未来！