html5学堂,HTML5笔记

国内外有哪些好的前端实战网站？

GitHub。GitHub是一个面向开源及私有软件项目的托管平台，因为只支持 Git 作为唯一的版本库格式进行托管，故名 GitHub。里面有上百万程序的源代码，是一个通过“阅读源代码”来学习技术的一个很好的网站。

10年积累的成都网站设计、网站制作经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先制作网站后付款的网站建设流程，更有修水免费网站建设让你可以放心的选择与我们合作。

HTML5学堂。HTML5学堂是一个致力于构建前端、HTML5的“原创”分享平台。为学习者提供一些资料，也为广大前端爱好者提供一个平台。HTML5学堂最初由两名讲师创建，由多名HTML5讲师以及HTML5开发工程师运营，在这个网站中并没有什么广告，而且内容都是原创，讲解比较通俗易懂。涵盖了HTML与CSS、JavaScript、jQuery、AJAX等前端的基本的知识、HTML5的实例开发、JavaScript底层知识、类库、面试真题、相关技术、行业未来发展等。

各类博客，包括“阮一峰”“司徒正美”“张鑫旭”“独行冰海”等各个博主，百度都能够直接查到。不同博客网站有不同的偏向，有偏向于实战的，有偏向于理论的，也有偏向于工程化的等等。

W3School。中文Web 技术教程，属于字典式的内容呈现方式。从基础的 HTML 到 CSS，乃至进阶的XML、SQL、JS、PHP 和 ASP.NET都有所涉及。大部分常见属性以及方法都提供了案例，专门针对小知识点进行讲解，知识涉及比较全面的一个网站，不足之处在于没有知识与知识之间的联系。

还有一些网站，就属于“论坛类”或“小型门户类”的网站了，“HTML5中国”、“前端圈”之类的，文章质量一般吧。

哪里有HTML5在线学习资源？

HTML5在线学习资源很多啊，有技术博客或者技术分享网站、技术视频、小程序等等啊，不过还得根据自身的情况来选择吧。选择一个适合自己的学习资源，更有利于你对HTML5的学习，吸收起来也比较容易。

编程小白的话，不推荐你一开始就通过技术分享网站来学习HTML5，技术博客上的文章会比较零散，它更多的是对HTML5的一些技术点的总结吧，没有形成一个完整的学习知识体系，不利于初学者学习。但是，你在学习的过程中，对某些技术点有疑问或者不理解的话，就可以很好的利用技术分享网站，比如HTML5学堂等，利用它有针对性的进行学习。

好的技术视频对编程小白来说也是一个不错的在线学习资源，一定要不错的！！！不然看完视频你会感觉到自己好像什么都不会，那是因为大部分的技术视频都是在讲解技术知识，忽略了课程逻辑与教学方法的重要性。听过HTML5学堂的技术视频，他们是按照一个开发流程的逻辑进行讲解，讲一部分理论知识，再动手实践理论知识，最后会有一个知识总结，我觉得这种模式学起来会比较容易，也不会出现理论很强动手能力差的现象。

在学习的过程中，不知道自己的掌握情况，可以通过做面试题来检测自己的掌握情况，这个建议你去看“决胜前端”（minApp），里面有大量的面试题，而且还对每一个题目做了详细的分析与解答，还是挺适合初学者的。

HTML5自学跟培训哪个好一些，怎么选择

先说自学吧，自学是很多热爱前端的人会选择的一种途径。

其优势在于，良好的自学能够让你拥有很好的基础，这个基础在最初的工作时可能并不会显现出什么作用，但是在之后的职业发展上来说，能够起到很重要的促进作用。自学也能够很好的积累对前端的兴趣，在学习过程中，虽然会遇到各种问题和困难，但是通过自己的努力不断克服阻碍，除了最基本的成就感堆积之外，更重要的是，能够让你逐渐形成自己的学习方法和手段，这一点是很重要的，因为技术是不断向前发展的，不同公司对技术的要求也并不相同，所以，如果想在未来跟上步伐，主动思考以及自学能力是必不可少的，这一点基本上是培训没办法赋予给你的。

当然自学也有一定的劣势，就是如果在学习资源的选择上不够好，那么很有可能会造成学习效率的下降。不过目前还好，在各个技术（HTML、CSS、JS）语言方面，都有比较优秀的书籍，HTML\CSS的结构方面，《HTML5布局之路》是很不错的一本书，在JS方面，可以借助《Head First》系列的书籍，而在jQuery方面，比较经典的《锋利的jQuery》也还算可以。此外，诸如HTML5学堂（WX号）等也有比较大量的高质量的技术文章，都可以作为学习的辅助，收费的线上课程也可以选择性的学一学。

然后说培训。

培训，除了自身因素会影响学习结果之外，不同的公司，不同的老师，都会直接影响你的学习结果。本身当前培训行业参差不齐，老师水平也各不相同，所以在这方面，如果你考虑要去，那么到各处试听，做好调查，再做选择。

培训的优势，在于短期之内让你掌握到就业及格线的水平，但相对的，你对于知识的探索会变得很简单，因为大部分知识都是老师给你设置好的，说白了，就是“吃别人嚼好的”，这种现象所带来的直接影响是，经过“大工作量高频繁度”的学习，你对这个行业的兴趣堆积会越来越少，在初进入行业时，对行业的热情会大大降低，影响之后的发展（如同高中拼命学，一上大学……）。而更重要的是，培训方面，你很难获得学习方法，自己遇到问题和解决问题，以及对一些事物的学习模式、流程。虽然不能说所有的人在培训后都没有自学能力，但是，大部分的人都几乎没有学到技术之外（方法、思维方式等）的东西。另外，在培训的时候，上面提到的一些资料也建议了解，不要把自己的命运完全交托给培训。

总而言之，如果你有足够的时间，还是推荐你自学。

零基础想学习HTML5技术从何学起？

我来谈谈，零基础如何学习HTML5？

非技术方面：

学习HTML5之前，我个人建议先去了解一下HTML5行业。如果对行业状况不是很了解就要学HTML5会让你有点盲目？因为有的人选择HTML5行业的目的是为了高薪，有的人是真正的喜欢才选择它，不同的目的会产生不同的结果。

另外，了解HTML5行业能够帮助你分析一下自己是否适合学习HTML5。我的好朋友也有好多做前端的，有初中学历，有高中学历，还有本科学历且是软件工程专业的，看起来HTML5行业0基础也是可以学，难道是真的0基础可以学吗？我很认真的说不是，HTML5行业深似水，前期看起来发展都一样，但是到了后期会受到计算机相关专业知识的影响，导致无计算机相关知识的开发人员发展缓慢，也就是说很难往深入的方向发展，所以需要看看自己是不是适合做前端。但是，不排除无计算机相关专业的人发展也很不错，他们主要还是靠后期的努力弥补欠缺的知识。总之，还是那句话，兴趣才是你最好的导师。

技术方面：

HTML5开发工程师需要经常与网页设计图打交道，所以可以先从PS学起，学会从设计图获取数据、抠图、简单处理图片等，掌握的越多越好。其次，学习HTML和CSS，要懂得实现静态页面的布局，包括移动端和PC端，当然兼容问题也要掌握。这部分内容对于后期学习有很大的影响，所以需要把它打扎实一点。然后，学习原生JS的基础语法，因为它是学JS框架的重要基础，也是前端的核心技术。最后，JS掌握了面向对象、设计模式等后再去学习angular等比较流行的框架。对于HTML5知识的获取你可以到W3CSchool、HTML5学堂、掘金等平台进行学习。

最后提一下，如果想在前端行业发展的不错，后台语言、设计都需要掌握一些，才能把网页做的更好，而不是单纯的去实现网页。

网名：梦幻雪冰(IceBoy)