iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

前端入門,入門前端 系列

學前端,如標題簡單。
「我們會從網頁前端設計三大元素:HTML、CSS、JS,開始學起,再學前端框架Vue,讓你快速學好前端,順利轉職。」一年前的課程說明會上,班導師對我說的一句話。
身為教育系畢業的前國小老師,人生二十幾年,第一次聽到「前端」、「HTML」、「CSS」、「JS」,滿頭疑問的我只懂電腦三大用途:上課用電子書、月考Word出題目、期末校務系統打分數。

看似平凡的用詞,對小白卻如此陌生,許多專業內容需要更生活化的例子做說明。轉職及學習過程中自己碰到許多類似狀況,希望能藉由這次參賽分享自己所學。

就像開頭所說的,學前端,如標題簡單。但只有三百字,我介紹不完....

參賽天數 19 天 | 共 19 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day01 【前端入門,入門前端】就簡單聊聊吧

嗨,大家好,我是...還來不及想好名稱,沒關係就讓我們這樣開始吧。今年第一次參加鐵人賽請大家多多指教。 自我介紹及參賽的目標 先做個簡單的自我介紹及說說自己參賽...

2023-09-16 ‧ 由 overcast3579 分享
DAY 2

Day02 【前端入門,入門前端】 VS Code與套件安裝

前端入門,入門前端。學前端,如標題簡單。 嗨,大家好我還是沒想好名稱 開發環境 昨天了解前端的三大基礎架構 HTML、CSS、JS 後,接著我們要個別來認識他們...

2023-09-17 ‧ 由 overcast3579 分享
DAY 3

Day03 【前端入門,入門前端】認識 HTML

前端入門,入門前端。學前端,如標題簡單。 嗨大家好昨天的 VS Code 跟套件都有順利安裝了嗎?還沒安裝的同學要記得先去安裝哦,因為我們今天要正式進入前端三大...

2023-09-18 ‧ 由 overcast3579 分享
DAY 4

Day04 【前端入門,入門前端】建立檔案及認識HTML5結構

前端入門,入門前端。學前端,如標題簡單。 嗨,大家好昨天我們先認識了HTML,知道他是標記語言,再認識了標籤。今天我們要開始認識各種標籤,在開始之前,讓我們再次...

2023-09-19 ‧ 由 overcast3579 分享
DAY 5

Day05 【前端入門,入門前端】認識許多 HTML 標籤

前端入門,入門前端。學前端,如標題簡單。 嗨,大家好今天寫文章的時間比較晚,來不及順稿及多次檢查,如文句不通順或有錯字,請大家多多包涵 今天開始我們要來認識各種...

2023-09-20 ‧ 由 overcast3579 分享
DAY 6

Day06 【前端入門,入門前端】認識更多 HTML 標籤 + 標籤屬性與值 + 標籤的父子與兄弟關係

前端入門,入門前端。學前端,如標題簡單。 嗨,大家好昨天我們認識了標題標籤 <h1> </h1> ~ <h6> </h...

2023-09-21 ‧ 由 overcast3579 分享
DAY 7

Day07 【前端入門,入門前端】表格相關標籤

前端入門,入門前端。學前端,如標題簡單。 嗨,大家好昨天我們認識了超連結標籤 <a> </a>清單標籤 <ul> </...

2023-09-22 ‧ 由 overcast3579 分享
DAY 8

Day08 【前端入門,入門前端】圖片標籤與路徑

前端入門,入門前端。學前端,如標題簡單。 嗨,大家好昨天我們認識了與表格有關的標籤今天讓我們繼續認識更多標籤吧 在開始之前讓我們先來完成一些置作業:先在鐵人賽的...

2023-09-23 ‧ 由 overcast3579 分享
DAY 9

Day09 【前端入門,入門前端】區塊標籤

前端入門,入門前端。學前端,如標題簡單。 嗨,大家好我們從 Day06 開始認識了許多標籤,有只要在中間加文字的標籤、還有父子層級關係的標籤、也有需要添加屬性的...

2023-09-24 ‧ 由 overcast3579 分享
DAY 10

Day10 【前端入門,入門前端】認識 block 與 inline 帶出 <span>

前端入門,入門前端。學前端,如標題簡單。 嗨大家好,在開始今天的內容之前想說一下,本來HTML計畫在Day09結束,但這幾天在寫文章的時候,把一些原本規畫在同一...

2023-09-25 ‧ 由 overcast3579 分享