HTML5大前端培训课程

【课程内容】

基础课

第 一天

课程案例：

费曼学习法、响应式、阅读案例结构搭建

掌握技能：

1、熟悉项目开发流程

2、熟练掌握浏览器控制台和Hbuilder软件的应用

3、熟练掌握HTML常用标签，会搭建基础的页面结构

第二天

课程案例：

千锋教育和健康页面搭建书写

掌握技能：

1、掌握基础的css语法和引入方式

2、熟练并且使用css选择器和相关属性

3、能够独立搭建简单的页面

第三天

课程案例：

红英页面、知乎案例、小鹿、视觉差页面搭建

掌握技能：

1、熟练掌握盒子模型的相关概念和应用

2、熟练掌握背景相关属性的用法和使用场景

3、能够独立搭建视觉差效果

第四天

课程案例：

启梦科技布局搭建

掌握技能：

1、熟练掌握浮动的原理和使用场景

2、掌握基本的pc端页面的布局

3、熟练利用ps切图、取色、测量

第五天

课程案例：

启梦科技媒体报道页面书写

掌握技能：

1、能够独立的搭建pc端页面

2、熟悉页面布局过程中的bug和解决方式

第六天

课程案例：

婚礼纪首页-移动端页面

掌握技能：

1、了解dpr的计算和meta设置视口设置

2、独立开发简单的移动端页面

第七天

课程案例：

1、寻找一个主题作为分享内容，利用ppt进行制作

2、利用思维导图把已经经过的内容进行整理和自作

掌握技能：

1、熟练使用办公软件制作对应的主体内容

2、对于计算机的基础配置内容认识和熟悉

第八天

课程案例：

武汉加油，解封武汉JS动态交互页面

掌握技能：

1、掌握JS的基本用途

2、掌握基本的编程方法

3、掌握DOM操作

第九天

课程案例：

瀑布流布局效果

掌握技能：

1、掌握JQ样式操作

2、掌握瀑布流布局

3、掌握JQ动画

第十天

课程案例：

网页版的keynote，制作个人简历

掌握技能：

1、掌握JS与自定义属性的结合

2、掌握JS操作CSS3样式

专业课

第 一阶段前端页面重构

掌握能力：

掌握PC端网页开发，掌握移动端网页开发，掌握HTML5CSS3新特性

胜任职位：

Web前端开发工程师、前端页面布局与重构工程师

薪资水平：

4K-6K

实战项目：

《Ghost开源博客平台页面的响应式布局》《足球圈M站布局》

第二阶段JavaScript高级程序设计+PC端全栈开发

掌握能力：

1.掌握原生JavaScript交互功能开发、掌握面向对象进阶与ES5/6/7/8/9/10应用、掌握JavaScript工具

库开发

2.掌握jQuery经典交互特效开发、掌握Echarts数据可视化、掌握PHP+MySQL后端基础

3.掌握前端工程化与模块化应用

胜任职位：

Web前端工程师、高级Web前端工程师、网站开发工程师、移动前端开发工程师

薪资水平：

6K-10K

实战项目：

《小米商城全栈开发》

第三阶段Node.js后端开发+Vue.js前端框架+React前端框架+小程序开发

掌握能力：

1.掌握Node.js基础、HTTP服务搭建、接口编写

2.掌握VUE基础及高级内容、掌握SPA开发、掌握vuex状态管理

3.掌握React基础及高级内容、掌握SPA开发、掌握redux状态管理

4.掌握dva和umijs在企业开发中的应用

5.掌握小程序基础及高级应用

6.掌握uni-app混合框架及多端小程序应用

胜任职位：

高级Web前端工程师、全栈工程师、移动前端App开发工程师、微信开发工程师、小程序开发工程师

薪资水平：

10K-15K

实战项目：

《打造仿拉勾网M站》《打造拉勾网后台管理系统》《Vue嗨购移动端项目开发》

《Vue管理系统项目开发》《美食大全》《基于React管理系统项目》《萌宠交易平台》

项目课

项目类别一

项目类别：

PC端全栈项目

项目周期：

5天

开发时间：

第12周

项目描述：

PC全栈项目基于课程第 一、二阶段，是贯通学员学习前端页面重构、交互特效开发与后端知识的组合项目，包括微信游戏开发、电商首页交互与后端接口开发，进阶至全栈项目开发。

解决问题：

解决PC设备屏幕所呈现网页的开发，高度还原设计稿，熟悉全栈网页的开发流程。

项目类别二

项目类别：

PC端全栈项目

项目周期：

8天

开发时间：

第13周

项目描述：

应用Node.js基础知识、Node.js框架、后端模板及MongoDB数据库开发一个后台系统接口。

解决问题：

1、Node.js后端接口开发

2、掌握前后端合作，无缝对接

项目类别三

项目类别：

基于Vue.js WebAPP开发

项目周期：

8天

开发时间：

第15周

项目描述：

应用Vue.js全家桶独立完成Vue.js移动端前后端开发

解决问题：

1、胜任基于Vue.js+Node.js技术栈的前后端项目开发

2、能应对组件库二次开发的工作

项目类别四

项目类别：

基于Vue.js管理信息系统开发

项目周期：

8天

开发时间：

第15周

项目描述：

应用Vue.js全家桶独立完成Vue.js的PC端项目前后端开发

解决问题：

1、胜任基于Vue.js+Node.js技术栈的前后端项目开发

2、能应对组件库二次开发的工作

项目类别五

项目类别：

基于React WebAPP开发

项目周期：

8天

开发时间：

第18周

项目描述：

应用React全家桶独立完成react移动端前后端开发

解决问题：

1、胜任基于React全家桶开发WebAPP项目

2、能应对组件库二次开发的工作

项目类别六

项目类别：

基于React管理信息系统开发

项目周期：

8天

开发时间：

第18周

项目描述：

电商管理系统(React)，系统包含界面搭建、UI框架使用、React基础语法、路由、全局状态管理等技术

解决问题：

1、胜任基于React全家桶开发PC端项目

2、能应对组件库二次开发的工作

项目类别七

项目类别：

小程序开发项目

项目周期：

8天

开发时间：

第20周

项目描述：

应用原生小程序开发各种类型的小程序项目

解决问题：

1、企业各类业务原生小程序项目开发

2、WebApp小程序化

项目类别八

项目类别：

多学课联合项目

项目周期：

40天

开发时间：

第16周

项目描述：

千锋UI+大前端+Java/Python+云计算+网络安全+物联网+大数据全学科联合开发企业级项目。

解决问题：

结合当下流行的多元化一线大厂技术研发技术，也融入了极为热门的创新技术。

培养学员全栈技术开发能力、团队协作能力、沟通表达能力及项目设计能力等

一、团队户外拓展训练

课程内容：

1、团队建设、团队协作

2、逆境生存法则

掌握能力：

1、团队协作能力

2、逆境生存能力

解决问题：

1、调节专业课紧张的学习状态

2、增加企业拓展训练经验

二、企业合作项目课程

课程内容：

1、项目需求分析与交互设计

2、前后端及移动端流行工具、框架与库的企业项目深度应用实战

3、JavaScript框架设计

4、移动端组件库设计

5、项目架构与产品选型

6、大厂的项目开发流程、项目测试、部署与发布实践

7、项目安全、性能与可用性实战

8、如何与兄弟部门及项目团队各方密切合作与有效沟通

掌握能力：

1、掌握项目开发流程

2、掌握企业开发架构

3、企业级应用代码观摩

4、企业里部门合作方式

5、JavaScript深度应用

解决问题：

1、提前了解企业的用人要求和技术要求

2、体验企业工作流程和工作要求

3、大前端技术的企业落地

三、管理课程

课程内容：

1、项目管理架构及流程

2、整合管理和范围管理

3、时间管理、成本管理和质量管理

4、人力资源管理、沟通管理、风险管理

5、基层管理者领导力提升培训解决方案

掌握能力：

1、掌握企业项目管理流程和方法

2、掌握如果带领一个小团队

解决问题：

1、使学员提前掌握企业的项目管理和团队管理的能力

2、增强学生的就业能力

《企业初认知》

课程内容：

1、公司类型

2、企业组织架构

3、企业岗位发布及招聘流程

4、企业招聘途径

5、对标IT职业人的综合素养和技术

掌握能力：

通过本课程学习熟悉公司类型，组织架构和本职位相关的工作流程以及公司招聘常用哪些招聘平台等信息，

让学员对公司有了初步认知，清晰目标，走出舒服区，努力修炼技能，拿到职场入场券。

《市场行情分析及职业发展》

课程内容：

1、市场行情分析

2、岗位招聘需求分析

3、职业生涯规划

4、技术网站拓展

掌握能力：

通过本课程的学习了解当下知名招聘平台全国各个城市的招聘需求数量、薪资分布岗位职责等内容并且

360度解读一名程序员的职业生涯发展路线。对从事岗位有了具体、细致的了解，从而有了清晰的规划职业。

《企业需求及职场规则》

课程内容：

1、企业软需求

2、情商提升

3、职场规则

掌握能力：

本课程重点从公司考察的硬实力和软实力出发分析需要掌握的技能，同时纵向横向三位一体的从态度、

言行、微笑等细节及职场潜规则等方面解读让准职业人了解职场法则。

《求职礼仪及面试常见问题》

课程内容：

1、求职礼仪

2、薪资构成解读

3、社保及合同解读

4、其他职场常见问题

掌握能力：

本课程重点讲解着装、谈话、仪容、薪资构成以及五险一金、合同等方面讲解，从个人形象的打造到熟悉

法律法规保护个人权益，进行全方位解读，为能进入职场保驾护航。

一、算法与网络

掌握能力：

计算机网络进阶、数据结构与算法进阶

解决问题：

解决数据处理场景中的各种算法及逻辑问题

解决场景网络协议下的优化调试问题

解决数据处理场景中的各种算法及逻辑问题

解决场景网络协议下的优化调试问题

二、前端框架（实时更新）

掌握能力：

Anguar基础与实战、Ionic基础与实战、微信公众号开发、各类混合应用开发、React-Native开发、

Flutter开发、大数据课可视化D3.js、桌面APP开发Electron

解决问题：

angular应用开发及相关技术

公众号开发常见问题

MUI及Cordova混合开发

基于RN或者Flutter的原生app开发场景

大数据可视化实战

桌面端软件开发

【课程优势】

六维课程：

研发六维全息课程，长期市场调研+大厂协助研发，每年两次大型革新升级，融合阿里课程，提升架构开发能力，完成从全栈工程师到架构师的进阶培养。

全程面授：

坚持全程面授，灵活照顾到班级每一位学员的学习需求，形成“逼着学，比着学”的良好氛围

联合开发：

成立大厂技术联盟，引进大厂真实项目，严格执行技术查重，筛选优质项目，最终学员需要完成从项目立项到上线部署的全流程联合开发，能独立承接企业需求。

王炸组合：

百人天团+名企讲师，必须具备大型项目开发能力与授课能力，讲师录用率低于5%

全天无休：

总监级讲师全程面授，强师007答疑，智能AI系统辅学，无死角解决学习问题

科学合理：

学习周期是根据授课进度、课程深度与讲师水平，经过多年教研探索推导而出，让学员学好技术并且能够高薪就业

高快稳准：

薪资高、就业快、发展稳，部分学员入职即Leader，行业有口皆碑，这是上面所有环节层层叠加的良好结果。

持续提升：

重磅升级六维全息课程！职后课跟随行业热门技术定期升级，学员可终身免费持续学习

【学员心得】

1、来干锋之前我本身也打算提升下自己，刚好听朋友说在这个学校学习后，高薪就业了，而且说HTML5相比较其他简单一点，适合女孩子，对比了很多学校最终选择 了千锋。这里的招生老师很热情，介绍的很详细，还可以试学2个星期，这段时间我已经从一个什么都不懂的小菜鸟，到可以完成静态页面了，继续加油!

2、来干锋学习一段时间了，学习编程每天对着电脑写代码，必须要认真仔细。每天都过的很充实。老师讲课由浅入深循序渐进地让我们掌握知识理论结合实践 ，真的受益匪浅。这段时间我认识了很多同学，我们来自不同地区因为共同理想而走在一起，有艰苦有欢乐，但不管怎样，我们都微笑着面对。

【毕业学员薪资】

【行业优势】

1、职位起薪高

0工作经验应届生起步月薪超过6500元，同比其他应届生高出近40%

2、行业需求大

目前HTML5工程师日均岗位缺口超50000，并且逐年上涨

3、就业口径宽

移动Web、小程序、响应式、服务端......HTML5在互联网发展过程中的作用与优势占比越来越大

【师资力量】

1、总监级讲师团

由中科院计算机专家领衔组建，讲师均来自百度、网易、去哪儿网等一线大厂，兼具大型项目开发经验与教学经验，严格筛选面试通过率不超过5%

2、企业讲师团

千锋HTML5大前端引入企业技术官，负责企业课内容讲解，实时掌控热门技术、前沿趋势及最 新招聘需求，让学员开发能力进步的同时学习到最契合企业招聘需求的前瞻技术

【教学优势】

名企双选会：

整合企业招聘资源，定期举办名企双选会，18000余家企业为学员打开职场通道。

人才定制：

与企业签订人才培养协议，按需求定制培养，学员毕业即可入职。

上门招聘：

企业定期上门招聘，在毕业班进行人才选拔，优秀学员直接录用。

企业内推：

就业老师企业直推，学员快速面试入职。

就业共享：

一地学习全国就业，同城异地自主选择。

【学校简介】

千锋教育隶属于北京千锋互联科技有限公司，秉承“做真实的自己，用良心做教育”理念，致力于打造IT教育全产业链人才服务平台，公司总部位于北京，目前已在深圳、上海、广州、郑州、大连、武汉、成都、西安、杭州、青岛、重庆、长沙、哈尔滨、南京、太原、沈阳、合肥成立分公司，业务范围覆盖以大学生就业培训、职后技能培训与企业内训培训为主的立体化教育培训产业链。 公司目前已与国内20000余家IT相关企业建立人才输送合作关系，年培养优质人才20000余人，合作院校超600所，累计向互联网输出免费教学视频800余套，累积播放量逾9000万次。每年有数百万名学员受益于千锋组织的技术研讨会、技术培训课、网络公开课及免费教学视频。

千锋历程精彩纷呈，获得荣誉包括：中关村移动互联网产业联盟副理事长单位、中国软件协会教育培训委员会认证一级培训机构、中关村国际孵化软件协会授权中关村移动互联网学院、教育部教育管理信息中心指定移动互联网实训基地等。