從初心者邁向超級初心者:7 個小時免費學會 HTML 與 CSS


在啃出生那年(1993年),歐洲核子研究組織正式宣布全球資訊網(World Wide Web)開放給任何人免費使用,揭示了未來資訊將以超乎我們想像的方式傳遞。
在那之後,基於全球資訊網而興起的應用從未讓我們失望,我們的生活型態也開始與網路脫離不了關係,這也意味著傳統行銷的模式將因此而改變,包括電視、報紙與廣播等大眾媒體,再也無法滿足企業廣告量的需求,取而代之的則是網路以及行動等新型態的廣告模式,同時也提升企業對於數位行銷人才的企求。

而數位行銷從業人員該如何提升自己的含金量呢?培育創業家與新創企業人才的學校 Alpha Camp 提出的解答就是:學習寫程式。其中的原因在於數位行銷人員能藉此更精準且客製化地調整各項行銷工具。以搜尋引擎優化最基礎的設定為例,數位行銷人員需要在對的網頁標籤中,輸入適合的敘述以提升自然排序。至於在建置 Landing Page 的部分,則需要具備基礎版面調整的能力。總不能遇到要調整行距或字體大小等問題時,還去勞煩辛苦的攻城獅大大們吧!(想被咬?!

不過現有的程式語言有那麼多種,我們該從何切入呢?啃認為學習 HTML 與 CSS 會是一個非常好的起點(雖然它們壓根兒不是程式語言),原因在於 HTML 能有效地幫助我們了解網頁架構,CSS 則賦予我們自主調整網頁外觀的能力。這時候你可能會想說:我又不是攻城獅,我學得起來嗎?不用擔心,啃在知名大規模開放線上課程平台 - Udemy 上,發現了兩堂由 Edwin Diaz 開設,適合初心者邁向超級初心者的課程:
啃在利用 7 個小時上完課程之後,大力推薦給對前端語言有興趣卻又不知道如何下手的朋友們,原因如下:

簡而易懂的語言敘述

儘管 Edwin 以英文授課,但整體的說話速度並不會太快,同樣的概念他也會用不同的詞彙重複敘述幾次,確保學生能理解課程的內容。就算當下沒有理解課程的內容,線上課程的好處就在於它可以倒帶,甚至還可以用 0.5 倍速讓他慢慢說。

主題明確且簡短的課程

課程章節的部分,Edwin 定義出清楚的章節主題,讓學生們明白完整的學習架構,不會讓學生迷失方向。此外,每堂課程的授課時間並不長(很少超過 10 分鐘),讓學習時間破碎的學生們可以自主決定學習的段落。

循序漸進的教學模式

在課程進行時,Edwin 首先會講解該堂課程要達成的目標,接著一邊打程式碼,一邊解釋他正在做的事情,最後再展示同一個功能不同的變形。偶爾也會在課程中提醒你不要偷懶,必須跟著他的腳步,一起敲程式碼練習。(真的有好幾次偷懶都被抓到...

免費

免費免費免費 (很重要所以要底線加粗再重複三次)。居然有這麼精華的課程卻是免費的,只能感謝大大無私分享,樓主好人一生平安。

最後為大家附上更詳細的課程介紹。好課程,不上嗎?

HTML and CSS for Beginners - Build a Website & Launch ONLINE

  • 課程長度:50 堂,共 6 個小時
  • 課程介紹:淺而易懂地介紹 HTML 及 CSS 的基礎。從編輯器安裝開始,接著介紹網頁架構,並透過實作的方式學習常用 HTML 標籤、CSS 行內樣式、內部樣式、外部樣式、選擇器、常用屬性等,過程中跟著講師一步步建構網頁,最後能學會如何將自己建的網頁上線。

EMMET Faster HTML & CSS workflow - Best Tool For Developers

  • 課程長度:20 堂,共 1 個小時
  • 課程介紹:介紹通用於編輯器的套件 EMMET,它能讓開發者以簡單的語法以及快捷鍵,更快速地建構 HTML 與 CSS,讓開發者成為名符其實的 NINJA coder。
Previous
Next Post »