移动互联网的火爆,而Html具有跨平台、开发快的优势,越来越受到开发者的青睐。感谢IOS开发工程师“小木___Boy”’带来的HTML5学习经验分享。
一、学习途径
1、很多视频网站 比如慕课、和极客学院。
推荐买一个极客学院的会员,看一下前端开发的基础视频。对Html有一个基础认识。慕课网比较适合有一定基础后,挑一些专题学学。
2、学习网站推荐W3Cschool 在线教程(www.w3cschool.cn)。浅显易懂,边学边练,每章后还有小测试。 非常适合初学者学习知识点,打基础。我就是在线边看边学,用的是W3Cschool自带的笔记。
![](https://i-blog.csdnimg.cn/blog_migrate/d329c3348b6d4676239ecaf11ac64ff2.png)
在W3Cschool 上学习会比看视频快,但是知识点相对较为零散这是弊端。学习完知识点后实战应用比较重要。
我的做法是先看极客视频初步了解后,W3Cschool学习知识点。再回过头看看视频的专题。
二、开发工具
Html是一个标记类的语言,虽然用文本编辑器也能编写的,但是用一些集成工具还是高效一些。
1、web storm
2、intellij idea
我用的是idea。找不到破解版的话,我有个小技巧,下载一个正版软件后,把电脑的时间调成一年后,那么安装后,你就有一年的试用期了。
3、HBuilder
国内开发的一款编辑器,据说挺好用,也免费。
三、学习路径
在W3Cschool上学习就可以了,知识点不用面面俱到,具体看个人吧。
说一下我的学习路径
1、Html基础
2、CSS基础
3、HTML5
4、JavaScript
5、CSS3
6、jQuery
![](https://i-blog.csdnimg.cn/blog_migrate/a6220983de54a76cc0cc8d7a93150abf.png)
然后项目实战,找个网页从静态页面写起,切图啥的。
公司有相关的Html项目,直接拿来学习最好。没有的话也没有关系,用chrome随便打开一个网站,右键,选择审查元素(mac下最新版叫检查)就可以看到源码。
![](https://i-blog.csdnimg.cn/blog_migrate/c362abf1ecb8cd7d81cfe45160bce67f.png)
四、相关书籍
我书读得少,大家有什么好的书籍资料推荐欢迎给我留言~