如何才能正确有效学习html5
HTML5是现在热门的技术，经过8年的艰苦努力，该标准规范终于制定完成，想要正确有效的学习HTML5还得找到方法。以下是学习啦小编分享给大家的有效学习html5的方法的资料，希望可以帮到你!
有效学习html5的方法
方法1 整体到局部，骨架到血肉
在学习HTML和CSS时，会涉及到网页的搭建。学习这个知识时，我们采用的方法是“由外及内”，“由整体到部分”，“由全局到细节”。 学习东西，特别是在初识某个事物时，一定要从主干到枝叶，而不要陷入细节，纠结于其中。主干如同知识的一个主线，这种先找主干后添枝叶的学习方法能够让知识遗漏变成最少，也会比较容易建立起知识知识间的关系。
方法2 类比
在学习CSS引入方式这种知识点时，我们采用了另一种学习方法。辨析，或者也可以叫做类比。
这种方法主要针对于区分相似的两种或多种事物。如strong与em，块元素与行元素，同步与异步。
对于此类知识，应多多思考，抓取几种事物的不同点，结合去记忆。
方法3 记忆很重要
学习时会遇到一些知识点，如有哪些数据类型，有哪些标签元素。需要记忆的还是要记忆的。很多人在学习过程中觉得理解最重要，不需要记忆。这种想法是有问题的，如果连记都记不住，还谈什么理解?
方法4 聚沙成塔
在网站中，我们能够看到各种各样的效果，有些效果看上去很高大上，很炫美。然而，再炫美的效果也是由众多的知识点组合而成的。当我们对效果抽丝剥茧，就会发现，其实最初的它很简单。
一朵樱花并不起眼，但是当你从一条道路走过，道路两旁栽种着数百棵樱花树，纷纷扬扬的花瓣飘洒下来，让你仿佛置身于粉色的花雨之中。这就是所谓的聚沙成塔。有时，我们希望制作很漂亮的效果，这个时候，一定要懂得这个道理(JQ特效制作就是典型的例子)
方法5 循序渐进
一口吃不成胖子，也不是有一顿饭没吃就可以减肥成功的。在学习过程中，会遇到一些“大型”的知识，这种知识比较难啃。遇到此类知识，不要想着如何一口吃掉它，而要一步一步来。动画框架的学习就是一个典型。
在循序渐进中，思路很重要，换句话说，我们知道一个知识点很“大”，也知道要一口一口的吃，一步步的消化，但是，如果我们弄不清楚先吃什么再吃什么，也很难把这个知识啃下来。
这时候需要“思路”，也就是“流程”，在学习知识中，重点是关注流程和思路，而具体的小知识点充当的是血肉(和我们提到的第一个方法就挂钩了，就是分清主干和枝叶)
方法6 知识的迁移
用已有知识辅助未知知识的学习，是很好的一种方法。通常这种方法应用于拥有相似特点的事物。例如：圆角边框与外边距、背景切割与背景原点、JS对象与JSON等
方法7 生活辅助学习
这种方法是讲师用的最多的。
利用生活中实际的事物去辅助抽象知识的学习，能够让我们更好更快的理解和吸收知识。
例如在讲解盒模型时我们利用了快递中的方鱼缸。在讲解AJAX时我们利用了信件邮寄。在讲解构造函数时，我们利用了毛坯房和装修房。在讲解引用类型变量的时候我们借助了钥匙和仓库的关系。
找一种合适的例子，辅助自己理解，是很好的方法，但是一定要注意，例子要合理～
方法8 实践出真知
在学习一些知识过程中，有些孩纸不喜欢动手，而更多的是喜欢听或者喜欢背。这种思路明显是不好的。代码，是个需要动手的活儿，掌握代码靠的不仅仅是记忆，还需要尝试。尝试书写代码，发现现象，然后归纳总结，形成理论并记忆。
换句话说，理论来源于实践，高于实践(高于实践的原因在于有总结与归纳)。在学习过程中，不能仅仅采用背理论再实践这种学习方法，也要去经历实践到理论转化的这种方法。
有效学习html5的建议
一、Web页面制作基础
整体目标：掌握传统PC端网页布局和制作
阶段目标：精通掌握HTML5的应用，掌握CSS在开发中的使用，学会页面标准化布局技术
实战案例：高仿大型网站的模版(新浪、京东等)
二、UI网站设计
整体目标：掌握页面设计和原型图制作
阶段目标：掌握标准化布局中的各项技术，能够独立设计具有创意、符合需求的web页面，能够独立设计出手机移动网站，掌握页面设计和原型图制作
实战案例：独立完成大型网站的全模版设计(web页面和移动界面)
三、编程基础技术
整体目标：Js完成常见的网页特效开发
阶段目标：掌握Js基本语法与流程控制相关操作，使用Js结合HTML实现代表性的Js特效制作，可以独立完成网页中常见的特效编写，以及第三方特效插件的使用
实战案例：结合Js实现动态页面(京东、淘宝、腾讯等)
四、后端开发技术
整体目标：了解web服务器工作原理，并可以简单的搭建自己的应用程序服务器
阶段目标：掌握HTTP与WEB工作原理，掌握Socket长连接实时网络通信技术，掌握NoSQL中的MongoDB的应用，了解PHP语法，了解MySQL数据库基本操作
实战案例：京东、淘宝、腾讯视频
五、移动互联网应用
整体目标： 掌握现在主流的页面制作技术， 可以完微网站的制作，并可以做到多设备兼容
阶段目标：掌握 HTML5 新增智能表单的使用，制作播放器对搜索引擎优化进行讲解，掌握优化的各种方式
掌握响应式页面布局技术
掌握微网站的开发过程及开发移动端web应用
实战案例 : 饿了么，华侨城 仿北京银行 仿太平洋保险，仿微信
六、特效开发高级实战
整体目标： 通过实际项目开发，精通前端常用框架的实际应用及问题解决，以及常见特效开发、前后台交互开发
阶段目标 : 利用 jQuery 框架进行 js 特效开发
掌握 jQuery Mobile 的应用开发移动应用程序
掌握 Bootstrap 的使用
掌握 AngularJS 框架应用
实战案例 : 京东商城
七、企业级应用开发
整体目标：能够独立使用 HTML5 完成 APP 开发制作
阶段目标 :使用 web 制作 LBS 应用程序;在应用中使用多线程技术完成 UI 交互与数据处理并行
了解和掌握 PhoneGap 的安装和操作，能够使用 PhoneGap 进行封装，实现跨平台的应用
了解和掌握触屏和手势相关的事件使用方式，能够通过媒体查询和多列布局属性实现屏幕自适应，实现响应式布局 了解和掌握不同的设计模式以及其适合的企业 APP，并且能够将其应用在程序设计中。
HTML5学习的就业方向
1. HTML5小游戏
未来的Facebook应用生态系统是基于HTML5的，尽管在HTML 5平台开发出游戏非常困难，但游戏开发商却都愿意那么做。HTML5开发将h5小游戏推上巅峰，投入少，变现快，融合产品营销更是易于传播。
2. 手机页游的3D化
随着硬件能力的提升、WebGL标准化的普以及手机页游的逐渐成熟，大量开发者需要创作更加精彩的3D内容。
3. 视频应用
不管你是想开发出新型视频应用的开发商如Brightcover还是想开发新型音频应用的开发商如Soundcloud，不论是桌面应用还是移动应用，HTML5都是创新的主旋律。
4 轻应用、WebApp、微站
轻应用、WebApp、微站HTML5开发移动应用更灵活。采用HTML5技术的轻应用、WebApp以其开发成本低、周期短、易推广等优势，将迅速普及。小程序算是轻应用里的领头羊了，其实在小程序之前也有很多类似的轻应用出现。
5. 动漫、二次元
HTML5技术的成熟，将个宅男们带来福利。
动漫元素可通过HTML5来强化创意，动漫形式将具有富媒体的高度交互、MV影音功能，为受众带来更加场景化的二次元体验。
宅男的钱向来是最好赚的，这已经多次被证明。
6. HTML5移动营销
游戏化、场景化、跨屏互动，HTML5技术满足了广告主对移动营销的大部分需求，从形式到功能、到传播。
HTML5移动营销的范围更是广泛，从互联网行业，到传统行业，这种营销无疑将带来大量的精通HTML5移动营销的岗位空缺。
7. 在线直播
要说HTML5火了整个2016的it圈，那直播就火了整个2016的互联网圈。
HTML5技术将会革新视频数据的传输方式，让视频直播更加高清流畅。而且，视频还将与网页真正的融为一体，让用户看视频如浏览动图一般简单轻松。此外，HTML5可以为视频实现任意平台播放，甚至是人画交互。
直播或成为HTML5领域的爆发点之一。
8 VR
Web VR就是通过HTML5将虚拟现实场景嵌入到网页，目前已受到谷歌、Facebook等巨头的拥护。
Web扩展了VR的使用范围，很多生活化的内容纳入了VR的创作之中，如实景旅游，新闻报道、虚拟购物等，其内容展示、交互都可以由HTML5引擎轻松创建出来。
猜你喜欢：