零基礎學習HTML5

前言:
移動互聯網的火爆,而Html具有跨平臺、開發快的優勢。作為互聯網開發工程師,做一些了解還是很有裨益的。本人作為一名2年的iOS開發工程師,前段時間自學Html,現在水平算個入門,還在進一步學習中。分享一下Html的學習經驗。

一、學習途徑

1、很多視頻網站 比如慕課、和極客學院。
推薦買一個極客學院的會員,看一下前端開發的基礎視頻。對Html有一個基礎認識。慕課網比較適合有一定基礎后,挑一些專題學學。

2、學習網站推薦 W3school 在線教程. 淺顯易懂,邊學邊練,每章后還有小測試。 非常適合初學者學習知識點,打基礎。我就是在線邊看邊學,用的是OneNote記錄的筆記。

oneNote作為筆記應用還是挺不錯的

在w3School 上學習會比看視頻快,但是知識點相對較為零散這是弊端。學習完知識點后實戰應用比較重要。
我的做法是先看極客視頻初步了解后,W3School學習知識點。再回過頭看看視頻的專題。

二、開發工具

Html是一個標記類的語言,雖然用文本編輯器也能編寫的,但是用一些集成工具還是高效一些。
1、web storm
2、intellij idea
我用的是idea。找不到破解版的話,我有個小技巧,下載一個正版軟件后,把電腦的時間調成一年后,那么安裝后,你就有一年的試用期了。
3、HBuilder
國內開發的一款編輯器,據說挺好用,也免費。

三、學習路徑

在w3School上學習就可以了,知識點不用面面俱到,具體看個人吧。
說一下我的學習路徑
1、Html基礎
2、CSS基礎
3、HTML5
4、JavaScript
5、CSS3
6、jQuery

w3School.png

然后項目實戰,找個網頁從靜態頁面寫起,切圖啥的。
公司有相關的Html項目,直接拿來學習最好。沒有的話也沒有關系,用chrome隨便打開一個網站,右鍵,選擇審查元素(mac下最新版叫檢查)就可以看到源碼。


來自我的主頁.png

四、相關書籍

目前還在進一步學習過程中。以后有好書的話就推薦給大家,如果簡友有好書或者好的資料推薦,非常歡迎留言。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,813評論 25 708
  • 蘭子14歲時,家里生了變故,父親車禍去世,母親經受不住打擊離家出走了,留下一個2歲的弟弟。蘭子輟學留家,一個人既當...
    漾兒cc閱讀 298評論 6 2
  • 不知從何時起 520和促銷活動有了緊密的聯系 520蘊含了太多商業化的元素 以至于你,即使愛,也不知該如何表達 最...
    yinoye閱讀 239評論 0 0
  • 昨天27歲生日,生日本該壯懷激烈,撫平失落,慷慨起帆。但是昨天還是有一點落寞。27歲的自己,失落莫名,然而我...
    小強01閱讀 145評論 0 0
  • 今天跟媽媽去電影院看了《摔跤吧,爸爸》,一個印度的父親為了讓自己的孩子長大以后有更多的選擇,硬著心腸讓自己的兩個...
    趙瑞閱讀 148評論 0 0