昨天分享的教學是以文章資源為主，好處是一目了然，所有大綱和分類都可以快速尋找。
但文字看久難免會想睡呀！

學習時搭配一些互動式影片教學，可以幫助吸收和複習，一步一步跟著實作也能更快上手。
今天會分享一些自己覺得不錯的基礎線上教學課程 ٩(๑•̀ω•́๑)۶

一、網頁前端工程入門：基礎 HTML 教學 By 彭彭

彭彭老師的教學課程非常簡單明瞭又有邏輯！很推薦給想要自學 HTML 的朋友。
速度也很適合新手觀看，會在一個步驟完成後留時間給你自己練習。
沒有在自學初期就發現彭彭老師的課程，實在可惜，看了才發現自己有很多知識盲點。
很多基本的觀念，影片都有詳細解說和示範，不怕聽不懂！

除了免費教學外，老師也有付費的教學可以購買，詳細可以看：彭彭的課程教學網站

二、網頁前端工程入門：基礎 CSS 教學 By 彭彭

沒錯！還是彭彭老師XD
看過很多教學影片，到最後仍然覺得這個基礎 CSS 教學最適合新手自學！
後續的「網頁前端工程入門：網頁排版教學」也可以接著觀看，可以更深入學習使用 CSS 進行排版工作。

三、使用 HTML、CSS 開發一個網站 - Udemy 付費線上課程連結

六角學院的課程品質都很好，內容豐富、邏輯清晰、老師講解淺顯易懂，
有問題都可以直接詢問老師及助教，比較不會像大學課堂結束後，想找老師卻求師無門的狀況（老師跑啦！）
上了內容滿滿的課後，還有課後作業可以實作練習，加深印象！
有意願購買線上課程自學的朋友，可以考慮此課程喔！

四、動畫互動網頁程式入門 (HTML/CSS/JS) - hahow 付費線上課程連結

這個是吳哲宇老師的線上課程，內容非常多，總共有 88 堂課，1745 分鐘。（超多XD）
從基礎的 HTML 到 CSS 一直到 JavaScript 一次收錄，也有講解網頁設計排版、網站整體規劃、色彩概念等等。

這個教學特別在於，吳老師是一位有設計師背景的前端工程師，
工作到現在真心覺得設計和程式需要互相配合，相輔相成。

單純教程式的教學，會不知道畫面可以如何好看又實用；
單純教設計的教學，也會不知道程式的邏輯如何運作才好維護。

吳老師的課程剛好讓設計和程式完美配合，達到全面性學習，實屬難得。
雖然當初以0基礎的狀態，到後期對一位平面設計師的我來說已經有點難跟上XD（JS和動畫的部分）
但內容的豐富程度絕對物超所值，可以感受到吳老師想要讓每一位來上課的同學都滿載而歸的用心！
個人認為較後期的課程可以在有一些網頁基礎後，再來上也許會更合適。

很推薦給對製作動畫、互動式網頁有興趣的新手朋友：）