【HTML5入門】 12個循序漸進的線上學習資源懶人包 – TC-Sharing

【HTML5入門】 12個循序漸進的線上學習資源懶人包

【推薦本文原因】

HTML5的強大及流行趨勢,激起許多人的學習慾望。而大多數人獲取HTML5知識的重要途徑都是網路,不過面對五花八門的搜索結果,總讓剛入門的初學者和自學者們覺得摸不著頭腦,無法抉擇。在這裡,文章作者Abhishek Thakur以自己長時間的實踐經驗,篩選出來11個在線學習HTML5開發的教學資源網站,讓HTML5的學習可以跟隨自己的節奏進行,不再那麼困難。

 


 

入門學習HTML5的網站和Blogger

無論學習什麼語言,起初當然是要從基礎學起。如果你是一個對HTML5一無所知的初學者,那麼以下的幾個網站絶對不能錯過。網站中包括HTML5的基礎教學、文章和網頁資源,而且其中包含的不僅僅只是代碼,還包含很多帶有簡單步驟講解的例子。

 

1. W3Schools

W3Schools

截圖自網站:點我前往

 

W3School是學習HTML5最好的資源之一,它擁有的教學都有附帶例子,幾乎可以解決你所需要的所有知識點。如果你想從基礎開始學習HTML5的話,那麼這個網站會是一個很好的選擇。你可以學習到HTML5的所有元素,比如標籤、圖象、圖形,以及無需多做其他操作,只需跟隨教程的教書步驟走即可,用簡單的語言解釋和交互讓學習變得簡單。

 

2. Html Goodies

Html Goodies

截圖自網站:點我前往

如果想要觀看HTML5的速成課程,以及獲取學習HTML5的所有性能,那麼htmlgoodies會是一個不錯的入門選擇。在網站的左邊部分,你可以看到分類細緻的基礎、教程、問答等,你可以任意快速跳轉到自己想要開始學習的部分。

 

3. HTML5-tutorial

HTML5-tutorial

截圖自網站:點我前往

 

HTML5-tutorial可以讓你在短時間內有一個良好的開局,在這裡,你可以瞭解HTML5的基本知識和要點,如何構建一個網站、編輯和調試代碼進行開發學習,很適合初學者入門學習。

 

4. HTML5 Doctor

HTML5 Doctor

截圖自網站:點我前往

HTML5 Doctor網站提供了許多內容不錯的文章,這些文章將會幫你更好的學習和實現HTML5開發。而且,除了這一特色,網站還有一個“Ask the Doctor”部分,在這裡,可以向專家提問,通過他們的專業講解解決你遇到的所有問題。

 

5. Html5 Rocks

Html5 Rocks

截圖自網站:點我前往

如果開發人員想要在網站中實現HTML5,並開展HTML5編碼相關的研發,那麼要關注Html5 Rocks網站。在這個網站中能夠獲取HTML5的所有功能資訊,以及學習如何在網站或應用程序中實現。

 

6. HTML5 UP

HTML5 UP

截圖自網站:點我前往

是一個非常適合網頁初學的學習資源網站,可以利用此網站的免費模板套用,並透過模擬網站來熟悉視覺的排版及應用。

HTML5的免費在線影片課程

從教程到指導,HTML5基礎學習部分的網站已經介紹過了。接下來我們來推薦幾個HTML5的影片教學網站,結構化的課程和影片會讓你保持不間斷的學習激情。這些網站擁有高質量的視頻、練習、論壇和完成課程後的認證。

 

7. Alison

HTML5的免費在線影片課程:Alison

截圖自網站:點我前往

 

Alison是免費學習HTML5的一個很好的在線平台,上面提供的HTML5課程,讓你逐步去學習設計、構建和推出Web上的頁面。你將獲得高品質的視頻和持續的學習時間,當然也可以按照自己的節奏去安排HTML5的學習。

 

8. Udacity

HTML5的免費在線影片課程:Udacity

截圖自網站:點我前往

這是另一個很好的在線學習平台,無論你是初學者還是具有中級水平的開發人員,它都為你準備了相應的HTML5畫布(canvas)和遊戲開發的課程。有興趣的,不妨一試。

 

9. thenewboston

HTML5的免費在線影片課程:thenewboston

截圖自網站:點我前往

在thenewboston你可以找到HTML5免費的影片課程,這個網站擁有很好的編程影片教學的合集,比如Adobe、Java和C++。在計算機科學部分你可以找到HTML5編程,可以得到一些HTML5、畫布、播放器的教程,而且還都是免費的。

在線學習HTML5編程的高級教學

通過免費的教程、網站資源、影片,我們已經獲得了基礎和全面的HTML5編程知識,那麼是時候通過高級的HTML5影片教程來深入的瞭解HTML5編程技巧。大量的實踐之後,我發現了這些網站,你可以在HTML5上使用高端編程進行項目、
小測驗、應用來學習先進的HTML5。

 

10. Eduonix

在線學習HTML5編程的高級教程:Edunoix

截圖自網站:點我前往

如果不提及學習HTML5這一話題的話,我們真的會錯過Eduonix。這是一個優秀的在線平台,你可以找到所有Web技術和移動開發技術。Eduonix的HTML5編程項目課程,是開發人員通過10個項目和測試,來提升他們HTML技能的一大資源。

 

11. Udemy

在線學習HTML5編程的高級教程:Udemy

截圖自網站:點我前往

 

在這個平台上,無論你是什麼類型的程序員都可以進來學習HTML5及其他一些的編程語言。這裡通過互動視頻來學習HTML5,當然學完還有相關認證。在Udemy上你可以找到基於HTML5的項目課程去提高你在Web設計中的技能。你只需在Udemy上註冊並參加註冊課程,就可以享受影片講座。

arrow:  日文平台:點我

 

12. Webucator

在線學習HTML5編程的高級教程:Webucator

截圖自網站:點我前往

Webucator網站提供現場培訓課程、私人培訓、集體培訓和自學課程,來對你的HTML5技能進行高級訓練。不過你需要去支付一筆較高的費用,但有付出總會有回報的。

 

資料來源 CSDN,經TC彙集整理,部分內容為TC創作,未經授權不得轉載。


TC Summary

許多人會想學習HTML5,但自己學習卻覺得很像有點困難,透過這幾個整理出來的線上學習平台,能利用空閒時間學習,達到最大效益。

《延伸閱讀》

・【網頁開發】自學網頁設計0到1 不得不知的開發流程

・【網頁設計】初學者必備基礎技能及編碼練習資源

.【Web入門】自學網頁設計 從六大概念結構著手