《参加html5培训前必知html5知识指南.doc》由会员分享，可在线阅读，更多相关《参加html5培训前必知html5知识指南.doc（10页珍藏版）》请在金锄头文库上搜索。
1、参加HTML5培训前必知HTML5知识指南！ 参加HTML5培训前必知HTML5知识指南！从HTML5的基础出发，通过各种精彩的实例，将走进HTML5的精彩世界。各种实例精彩纷呈且通俗易懂，深入浅出，引人入胜。详细讲解HTML5技术的各个部分，深入到HTML5的核心，充分学习并体验HTML5。越分享越成功，想做好一件事，必须要花费一些功夫，然后是多学、多思、多练、多交流、多总结，发现自己的问题，然后一定要克服，在状态不好的情况下，往往要及时调整。新手学习前端的话，一定要想想为什么要学习它，是出于一种什么心态，然后定位好自己，多向大牛请教，多教一些没有自己水平高的人，那样往往能让自己成长的快，切
2、勿急躁。初学可以看一些入门视频教程，之后可以买一些书，做一些小项目，要学会投资，分析自己的现状及能力，实时调整，一定要有自己的想法，懂得创新。在这里一定要对自己做分析，然后找出一种适合的学习方法。一个优秀的前端开发工程师必备的知识技能!到底有哪些知识点。在此附两张前端知识点总结图：图.1图.21)有一定web基础的技术人员，深入学习移动HTML5新技术2)产品、设计人员，对HTML5及周边技术能得到很好的了解和提高3)移动HTML5基础JavaScript详解1. Basic JavaScript1) HTML5页面的层级结构剖析2) 实例详解：Hello World的文档结构2. JavaS
3、cript变量1) 函数中变量的使用2) 实例详解：JavaScript陷阱知多少3. 执行环境和作用域4. 引用类型1) Object对象2) 日期对象3) 实例详解：上线时间的地雷千万不要踩4) JavaScript小技巧之apply和call5. JSON6. 面向对象1) JavaScript对象简介2) 工厂模式3) 原型模式4) 构造函数5) 面向对象实例详解：花名册的编写7. BOM1) BOM的重要性2) location你不知道的那些事3) navigator行业标准4) 实例详解：获取用户的分布8. DOM1) 移动手机页面层级结构的再探究2) 实例详解：兼容pc与移动端的
4、任意添加块9. 事件处理1) 冒泡和捕获的历史是与非2) 事件监听机制的重要3) 实例详解：随手指拖拽的小方块10. 闭包11. Ajax与Comet1) Ajax的兴起与JavaScript的血泪史2) Comet机制的引入3) 实现Comet的两种方式12. JavaScript调试与监控1) 调试工具一览2) Chrome面板3) 深度浏览你的页面，各种资源尽收眼底4) 熟悉网络的情况二、 移动HTML5精彩世界1. 移动HTML5的杀手效应新浪移动H5网站架构分析1) HTML5到底是什么?2) 为何H5能在这几年快速的发展起来2. 今日头条：移动端H5标签全解析1) 新标签与div到
5、底有什么区别?2) 爬虫从此不再孤单3. 绘图canvas的世界1) 从方圆开始的计算机图形学2) 手机财经：腾讯canvas绘制手机股票行情图细节分析3) canvas处理位图4) canvas制作动画5) 实例详解：windows98屏保再回忆6) canvas与flash的性能分析7) 提高canvas绘图性能的几个秘籍4. HTML5多媒体1) 如此快捷的多媒体应用2) 如何制作兼容所有浏览器的多媒体播放器3) 把视频当图片一样来处理?canvas的威力再现!4) 实例详解：九宫格大屏幕5. 如何通过H5表单提升用户体验1) 移动时代的到来2) 从chrome浏览器的发展，展望H5表单
6、的未来6. 本地存储Local Storage深入探讨1) 传统cookie与H5本地存储之间的博弈，到底该选择谁?2) 移动百度首页分析：如何巧妙使用H5提升网站性能，节省带宽3) 动手练习：最简单的本地存储程序，计数器7. HTML5离线应用1) H5离线应用打造终极本地APP2) HTML5 APP分析：新闻客户端8. HTML5跨域请求1) 新浪与淘宝的合作：页面之间域的限制2) 传统的跨域解决方法3) 横空出世HTML5的PostMessage4) 实例详解：跨浏览器的解决方案9. H5手机方向感应1) HTML5与立体三维空间的完美结合2) 用HTML5开发微信“摇一摇”功能10.
7、如果你是H5规范制定者，你会如何制定地理定位的规范?1) 如何利用手机H5地理位置，快速测量办公室大小2) 地理定位Geo Location深入探究11. H5实时通讯Web Socket1) 我们为什么需要socket?2) 新浪网消息推送架构详解：H5本地存储、跨域post、socket三箭齐发的结构12. JavaScript的瓶颈，我们需要更高的效率1) HTML5的多线程2) H5线程与线程之间的通讯13. HTML5展望1) 微信H5分享的爆发2) webAPP与本地APP的选择“第三天下午三、 CSS3与移动端HTML5布局1. 为何移动端HTML5离不开CSS31) CSS3概
8、述2) 实例详解：Hello World2. CSS基础简述1) 盒子模型深入解析2) float排版你所不知道的妙用3) 多种方法，固定宽度且居中的布局4) position定位的性能到底怎么样?5) 实例详解：手机上的一键换肤6) CSS禅意花园3. 处理移动端的浏览器兼容性1) 常见的手机浏览器兼容性问题详解2) CSS Hack在移动端的使用那些事4. CSS3与移动端HTML5媒体支持1) 处理不同手机屏幕的排版2) 实例详解：ipad横竖屏讲解分析5. 外引字体1) 为什么需要外引字体?2) 浏览器兼容性处理3) 中文字体的困惑，裁剪字体6. CSS3分栏1) 用户阅读习惯的那点事
9、2) 分栏的制作方法3) 实例详解：华尔街日报7. CSS3与HTML5变幻与动画1) 动画的巧用2) 实例详解：图片幻灯效果8. CSS3与JavaScript1) CSS3与js之间的联系四、H5框架及基于zepto的移动HTML5设计1. JavaScript框架1) 为什么我们需要JavaScript框架2) 框架之间的大比拼3) 移动端上的框架详解2. JQuery1) 最流行的JQuery2) 利与弊之间的博弈3) JQuery实例简单分析3. JQuery Mobile1) JQuery Mobile简介2) JQuery Mobile实例简单分析4. Sencha Touch1
10、) Sencha简介2) Sencha与jQuery Mobile之间的区别3) 你的选择?5.zepto1) zepto的横空出世2) 移动端HTML5的利器6. 框架之间的综合比较1) 明确你的需求2) 选择合适的框架7. 基于zepto的移动HTML5设计1) zepto中的选择器2) 自适应手机屏幕尺寸的解决办法3) zepto对DOM元素的操作4) zepto中引入的那些移动事件5) 触屏手势详解五、 HTML5页面性能优化及响应式web1. HTML5页面性能优化1) 页面的时间都花在哪里?2) HTTP请求概览3) 减少HTTP请求4) 使用CDN5) 采用Gzip技术6) 合理
11、放置样式以及脚本7) 减少DNS请求8) 避免重定向9) 管理您的cookie2.性能优化实践：新浪首页性能全解析3. 响应式web设计1) 什么是响应式设计2) 传统的解决方案4.如何做一个响应式设计1) 明确你的需求2) 找到尺寸突破点3) 一把双刃剑5. 合理使用HTML5和CSS31) 一个HTML，多个CSS2) 处理横竖屏3) 图片的自适应选择6. 渐进增强1) 什么是渐进增强2) 163的示例3) 如何应对高清屏幕技术只是生活的一部分，曾经雄心斗志，如今低头写码。改变能改变的，接受不能改变的。人生有限，兄争朝夕啊。人生学习的态度是：不急不躁，不快不慢。持之以恒，相信自己。不求能改变世界，但求能改变自己的生活。不求健步如飞，但求一步一脚印。感谢磨难，他使我们内心更为坚强。感谢挫折，他使我们不断的成长，感谢bug，他使我们的思维更加深邃。感谢前端，他使我们更加的相信，撑起一片天空需要十八般武艺。蓝鸥科技：愿你在前端的路上越走越远!早日迈向技术大牛!9
