浅谈HTML5前端开发学习路线学习HTML5开發先学学HTML、CSS3、JS这些基本的知识，HTML5学习入门的内容基本差不多但是学习的成果却千差万别，这就是所谓的基础所谓万丈高楼平地起，地基是重中之重基础打好了才能更深入的学习，那么要如何高效率学习HTML5开发?

首先要学的是学HTML、CSS，这两个东西是一套的非常容易理解，隨着web移动端开发的大趋势HTML5和CSS3的出现，对前端工程师来说面临着新的挑战所以建议想系统学习的同学，最好是到专业的HTML5开发培训机构去學习但如果选择自学推荐你也可以学习H5edu的课程，代码教学回放多次反复学习知识基础。然后就需要做大量的练习做各种常规的、新穎的布局练习来捆固、理解自己的知识。免费网页制作HTML课程知识学习群： css要熟练掌握float、 position、width、height，以及对于的最大最小、会使用百分百、overflow、margin、padding等等这些都是跟布局有关系的样式，是必须要掌握的

其次就是Javascript，很多同学谈到JS就很困惑当然不是所有的网页都必须有js，但是要想實现一些超酷的功能和界面的时候就需要涉及到js。如果没有其他编程语言的基础的话学起来可能要费些力。知识点内容包括函数、内置对象、面向对象编程、DOM编程、BOM编程、setTimeout与setInteval、JS事件编程等学完这些可以开发H5应用和Web应用了。

再次就是学习jqueryjquery是相当于把js封装了一套的一个js插件。目的就是操作起来更方便代码写的更少，jquery入门比较简单那些是入门需要学的和js一样，只是换成了jq的代码

谈到如何高效学习HTML5前端开发的问题，也要了解学习HTML5开发使用的工具目前最常用的是Dreamweaver，其曾经风靡一时到现在也没有退出历史舞台，证明DW还是有很大优势的

Dreamweave是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件由于Dreamweaver支持代码、拆分、设計、实时视图等多种方式来创作、编写和修改网页，对于初级人员你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具哽适用于Web开发高级人员的创作!

Adobe Edge是一个用HTML5、CSS、Java开发动态互动内容的设计工具它的一个重要功能是web工具包界面，用于方便确保在不同浏览器Φ架构的一致性此外，Adobe Edge还将整合TypeKit这样的字体服务通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器上这两款笁具都比较适合初学者的使用。

如果对前端html编程感兴趣想了解更多的HTML编程知识，解决编程问题以及入门知道，帮你解决编程中遇到的困惑我们这里有HTML高手，学习有困难或者想获取相关学习资料可以加前端HTML学习交流qq群：群内每天都有免费教程视频直播分享。