html5 教程.docx

html5 教程.docx

《html5 教程.docx》由会员分享，可在线阅读，更多相关《html5 教程.docx（16页珍藏版）》请在冰豆网上搜索。

html5教程

html5教程

北京千锋互联科技有限公司是中国最早从事移动互联网研发和培训的机构之一,千锋集团旗下现有千锋教育、移动产业、项目研发、创业孵化业务，是国内最大的移动互联网人才培训和人才提供商。

公司总部位于北京，目前已在深圳、上海、郑州、广州、大连、武汉、成都、西安成立了分公司。

千锋集团旗下的千锋教育一直秉承“用良心做教育，做真实的自己”的理念，是中国移动互联网研发培训领导品牌，全力打造移动互联网高端研发人才服务平台。

千锋教育每年培训和输送近万名移动互联网研发人员，是唯一真正获得企业一致好评的移动互联网培训机构，从千锋走出的学员在业界得到了广泛认可。

2014年，千锋教育集团成为教育部教育管理信息中心“移动互联网应用开发指定实训基地”。

截止目前，千锋教育已与500多家高等院校建立深度合作关系，并携手教育部教育管理信息中心举办《高等院校骨干教师iOS/Android暑期培训班》，千锋讲师团队技术水平得到业界一致认可，好评如潮。

千锋教育组织的技术研讨会名企云集，是千锋和企业之间紧密合作的桥梁。

千锋讲师发布的免费培训视频、学习资料、源码下载等浏览量近千万，每年约有数百万研发人才从中获益。

一、千锋教育八大优势

1、中国移动互联网研发培训领导品牌，专注iOS、Android、HTML5、UI等技术研发培训，坚持“用良心做教育，做真实自己”的理念；

2、业内唯一一家敢推出“两周免费试听，不满意不缴费”的政策，让学员更真实的了解千锋、了解自己是否适合做开发；

3、零学费入学，工作后分期还款，业内学员毕业薪水最高，培训就业协议明确写出薪水保障，平均薪水专科5000、本科6000、硕士7000；

4、权威资深师资阵容，业内最具责任心、最懂教学、拥有最强技术、有大型项目经验实战派讲师授课，由业内知名专家及企业技术骨干组成；

5、自主研发QFTS教学保障系统，拥有自主知识产权的开发培训课程体系，讲练学相结合，课程内容紧贴当前前沿实用技术和企业实际需求；

6、企业级项目实战训练，从千锋科技及合作企业项目中研发出几十个企业级教学项目，让学员参与真实的企业级项目研发，最后让学员能够独立设计开发自己的上线项目；

7、最严格、最科学、最负责的教学就业管理制度，班主任、职业规划师全程跟班，把握每个学员的学习状态，并有专业的职业素养课和就业指导课，保证教学及就业质量；

8、免费加入千锋开发者联盟，为会员提供免费技术支持及终身就业服务，免费参加千锋举办的各类技术沙龙和活动。

二、课程概述

国内首家完整的移动前端开发课程体系，高度专注移动端，特聘原中科院计算所培训中心WEB前端专家、 原BAT（XX、阿里、腾讯）等企业H5工程师联合开发；兼具深度、广度、实用性，涵盖绝大部分企业招聘需求；完美学习曲线，入门快，提升快，快乐学习，快乐成功；专业讲师“白居易”式讲解，化繁为简，通俗易懂，“婆婆”听的懂，你也听的懂；项目教学法，学习同时攒经验，18周=WEB前端开发技能+移动前端开发技能+1年开发经验。

千锋HTML5培训

其它H5培训

课程体系

教之道，贵以专！

千锋推出的HTML5课程体系专注移动前端，致力培养中高级HTML5工程师，以缓解行业中该岗位用人荒现状

仍以传统互联网项目为主

课程定位

定位在初级前端工程师，薪资4000-5000

就业前景方向

可以进入大型互联网公司从事WEB前端开发、移动前端开发，零基础起薪5000，平均薪水7000以上

进入中小型公司，从事美工、制作等工作

三、课程组成

四、课程大纲

课程设置

科目

主要内容

学时（周）

第一阶段

移动前端制作基础

（HTML5+CSS3基础）

1、认知行业、岗位、部分专业术语，就业趋势与行业未来展望

2、HTML5文档结构与基础语法

3、HTML5新特性

4、CSS3基础语法

5、图形、图像软件的使用（PS,FW）

6、CSS3布局样式

7、大型页面布局方法与技巧

8、移动设备界面布局基础

9、Sass和Compass

．．．．．．（随时根据行业岗位需求更新）

3周

第二阶段

移动前端交互

（JS+JQ+Ajex）

1、JavaScript编程基础

2、JavaScript交互编程实战

3、JavaScript异步操作基础

3、Ajax

4、JQuery

5、AngularJS使用方法

．．．．．．（随时根据行业岗位需求更新）

5周

第三阶段

移动前端综合开发

（H5+C3+jQMobile）

1、基于HTML5的移动网页布局

2、移动网页界面样式（CSS3）

3、HTML5本地存储API

4、Geolocation地理定位

5、智能表单

6、Video、Audio应用

7、canvas和SVG的应用

8、桌面通知、离线应用

9、微信场景应用

10、webGL基础及应用（3D网页游戏）

11、WEB前端框架（JQuerymobile、SenchaTouch、PhoneGap）

12、Cocos2d-HTML游戏引擎

．．．．．．（随时根据行业岗位需求更新）

5周

第四阶段

项目实训

．．．．．．

5周

部分项目实训案例：

1、综合案例：

爱丽时尚网

项目简介：

爱丽网（），本专业综合案例之一,包括PC端、APP、轻应用、桌面应用。

爱丽网（）作为领先的专业时尚类、生活方式类网站，专注于时装配饰、时尚产业、美容美体、护肤彩妆、珠宝腕表、新潮数码、汽车生活、艺术收藏、运动享乐等。

项目技术点：

1、web端和mobile端前端页面制作和交互开发；

2、界面框架重构和易用性优化；

3、跨浏览器兼容处理，多分辨率屏幕适配；

4、配合开发工程师完成数据展示和程序的嵌套。

项目截图：

移动端：

公众号：

桌面版：

2、聚美优品

项目简介：

聚美优品是一家化妆品限时特卖商城。

聚美优品由陈欧、戴雨森等创立于2010年3月。

聚美优品首创“化妆品团购”模式：

每天在网站推荐十几款热门化妆品。

其前身为团美网，2010年3月由陈欧、戴雨森、刘辉三人创立于北京。

2010年9月，团美网正式全面启用聚美优品新品牌，并且启用全新顶级域名。

聚美优品本质上是一家垂直行业的B2C网站。

项目技术点：

1、运用HTML5、CSS3进行web端和mobile端端网页制作；

2、独立架构移动网站前端，完成从切图到上线的兼容多种浏览器的代码编写工作；

3、熟练使用jquery/jqtouch/jquerymobile等流行框架完成交互开发；

4、熟练使用photoshop工具进行切图和简单图片修改。

项目截图：

3、游戏-猎魔佣兵

项目介绍：

自主研发的HTML5游戏引擎，而内核采用的是Canvas和Dom混合模式。

原创自欧美著名魔幻小说大师马丁.RR.路法德所著《光辉大陆三部曲之创世战记》与《魔戒》《冰与火之歌》等世界顶级魔幻远传小说齐名，由海外知名游戏公司历经3年首次改编成手机游戏并在北美畅销榜蝉联高位久居不下。

次年席卷欧洲日本东南亚地区，热度一度燃至国内！

项目截图：