开始自学H5前端-第一天

缺乏、安全感 2021-12-16 00:57 205阅读 0赞

自从iOS工作丢了后 就萌生了自学这个想法 但是一直在纠结学哪一门语言好 我是计算机科学与技术专业的 其实对于我来说 学啥都算是有点基础的

但是被iOS坑惨了之后 就会不自觉的进行各个方向和前景分析 或许是一朝被蛇咬十年怕井绳吧

后来在简书上看到了 我是老和尚的一篇文章 http://www.jianshu.com/p/941091fc2ba0 感觉找到了一个模糊的目标

于是开始上网百度自学H5的各种介绍----这里找到了11个在线学习网站

**1.** [W3Schools][]（需自备梯子）

W3School是学习HTML5最好的资源之一，它拥有的教程都带有例子，几乎可以解决你所需要的所有知识点。如果你想从基础开始学习HTML5的话，那么这个网站会是一个很好的选择。你可以学习到HTML5的所有元素，比如标签、图像、图形，以及无需多做其他操作，只需跟随教程的教书步骤走即可，用简单的语言解释和交互让学习变得简单。

![54f42e6646219_middle.jpg][]

**2. [Html Goodies][]**

如果想要观看HTML5的速成课程，以及获取学习HTML5的所有性能，那么htmlgoodies会是一个不错的开始。在网站的左边部分，你可以看到分类细致的基础、教程。问答等，你可以任意快速跳转到自己想要开始学习的部分。

![54f42ea2375f3_middle.jpg][]

**3.** [HTML5-tutorial][]（需自备梯子）

HTML5-tutorial可以让你在短时间内有一个良好的开局，在这里，你可以了解HTML5的基本知识和要点，如何构建一个网站、编辑和调试代码进行开发学习，很适合初学者入门学习。

![54f42ee837ea4_middle.jpg][]

**4. [HTML5 Doctor][]**

HTML5 Doctor网站提供了许多内容不错的文章，这些文章将会帮你更好的学习和实现HTML5开发。而且，除了这一特色，网站还有一个“Ask the Doctor”部分，在这里，可以向专家提问，通过他们的专业讲解解决你遇到的所有问题。

![54f42f22afa11_middle.jpg][]

**5.** [Html5 Rocks][]（需自备梯子）

如果开发人员想要在网站中实现HTML5，并开展HTML5编码相关的研发，那么要关注Html5 Rocks网站。在这个网站中能够获取HTML5的所有功能信息，以及学习如何在网站或应用程序中实现。

![54f42f77f0358_middle.jpg][]

**6. [Alison][]**

Alison是免费学习HTML5的一个很好的在线平台，上面提供的HTML5课程，让你逐步去学习设计、构建和推出Web上的页面。你将获得高品质的视频和持续的学习时间，当然也可以按照自己的节奏去安排HTML5的学习。

![54f42ffdf2100_middle.jpg][]

**7. [Udacity][]**

这是另一个很好的在线学习平台，无论你是初学者还是具有中级水平的开发人员，它都为你准备了相应的HTML5画布（canvas）和游戏开发的课程。有兴趣的，不妨一试。

![54f430596a716_middle.jpg][]

**8. [thenewboston][]**

在thenewboston你可以找到HTML5免费的视频课程，这个网站拥有很好的编程视频课程的合集，比如Adobe、Java和C++。在计算机科学部分你可以找到HTML5编程，可以得到一些HTML5、画布、视频播放器的教程，并且还都是免费的。

![54f430967e5df_middle.jpg][]

### **在线学习HTML5编程的高级教程** ###

通过免费的教程、博客、视频，我们已经获得了基础和全面的HTML5编程知识，那么是时候通过高级的HTML5视频教程来深入的了解HTML5编程技巧。大量的实践之后，我发现了这些网站，你可以在HTML5上使用高端编程进行项目、小测验、应用来学习先进的HTML5。

**9. [Eduonix][]**

如果不提及学习HTML5这一话题的话，我们真的会错过Eduonix。这是一个优秀的在线平台，你可以找到所有Web技术和移动开发技术。Eduonix的HTML5编程项目课程，是开发人员通过10个项目和测试，来提升他们HTML技能的一大资源。

![54f5252f86d82_middle.jpg][]

**10. [Udemy][]**

在这个平台上，无论你是什么类型的程序员都可以进来学习HTML5及其他一些的编程语言。这里通过互动视频来学习HTML5，当然学完还有相关认证。在Udemy上你可以找到基于HTML5的项目课程去提高你在Web设计中的技能。你只需在Udemy上注册并参加注册课程，就可以享受视频讲座。

![54f5261d1a9d0_middle.jpg][]

**11. [Webucator][]**

Webucator网站提供现场培训课程、私人培训、集体培训和自学课程，来对你的HTML5技能进行高级训练。不过你需要去支付一笔较高的费用，但有付出总会有回报的。

![54f525cf0d7ab_middle.jpg][]

转载于:https://www.cnblogs.com/PengHongMiao/p/5879516.html

[W3Schools]: http://www.w3schools.com/html/html_intro.asp
[54f42e6646219_middle.jpg]: http://img.ptcms.csdn.net/article/201503/02/54f42e6646219_middle.jpg
[Html Goodies]: http://www.htmlgoodies.com/tutorials/
[54f42ea2375f3_middle.jpg]: http://img.ptcms.csdn.net/article/201503/02/54f42ea2375f3_middle.jpg
[HTML5-tutorial]: http://www.html-5-tutorial.com/
[54f42ee837ea4_middle.jpg]: http://img.ptcms.csdn.net/article/201503/02/54f42ee837ea4_middle.jpg
[HTML5 Doctor]: http://html5doctor.com/
[54f42f22afa11_middle.jpg]: http://img.ptcms.csdn.net/article/201503/02/54f42f22afa11_middle.jpg
[Html5 Rocks]: http://www.html5rocks.com/
[54f42f77f0358_middle.jpg]: http://img.ptcms.csdn.net/article/201503/02/54f42f77f0358_middle.jpg
[Alison]: http://alison.com/courses/HTML-5-Training
[54f42ffdf2100_middle.jpg]: http://img.ptcms.csdn.net/article/201503/02/54f42ffdf2100_middle.jpg
[Udacity]: https://www.udacity.com/
[54f430596a716_middle.jpg]: http://img.ptcms.csdn.net/article/201503/02/54f430596a716_middle.jpg
[thenewboston]: https://www.thenewboston.com/videos.php
[54f430967e5df_middle.jpg]: http://img.ptcms.csdn.net/article/201503/02/54f430967e5df_middle.jpg
[Eduonix]: http://www.eduonix.com/courses/Web-Development/Learn-HTML5-Programming-By-Building-Projects
[54f5252f86d82_middle.jpg]: http://img.ptcms.csdn.net/article/201503/03/54f5252f86d82_middle.jpg
[Udemy]: https://www.udemy.com/projects-in-html5/
[54f5261d1a9d0_middle.jpg]: http://img.ptcms.csdn.net/article/201503/03/54f5261d1a9d0_middle.jpg
[Webucator]: https://www.webucator.com/
[54f525cf0d7ab_middle.jpg]: http://img.ptcms.csdn.net/article/201503/03/54f525cf0d7ab_middle.jpg