来自IOS开发工程师的零基础自学HTML5经验分享

时间:2024-06-09 15:36:50

移动互联网的火爆,而Html具有跨平台、开发快的优势,越来越受到开发者的青睐。感谢IOS开发工程师“小木___Boy”’带来的HTML5学习经验分享。

一、学习途径


1、很多视频网站 比如慕课、和极客学院。

推荐买一个极客学院的会员,看一下前端开发的基础视频。对Html有一个基础认识。慕课网比较适合有一定基础后,挑一些专题学学。

2、学习网站推荐W3Cschool 在线教程(www.w3cschool.cn)。浅显易懂,边学边练,每章后还有小测试。 非常适合初学者学习知识点,打基础。我就是在线边看边学,用的是W3Cschool自带的笔记。

来自IOS开发工程师的零基础自学HTML5经验分享
边学边记还是挺方便的

在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

来自IOS开发工程师的零基础自学HTML5经验分享
W3Cschool.png

然后项目实战,找个网页从静态页面写起,切图啥的。

公司有相关的Html项目,直接拿来学习最好。没有的话也没有关系,用chrome随便打开一个网站,右键,选择审查元素(mac下最新版叫检查)就可以看到源码。

来自IOS开发工程师的零基础自学HTML5经验分享
来自W3CschoolHTML教程页面.png

四、相关书籍


我书读得少,大家有什么好的书籍资料推荐欢迎给我留言~