iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

前端入門,入門前端 系列

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

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

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

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

Day11 【前端入門,入門前端】認識表單相關標籤

前端入門,入門前端。學前端,如標題簡單。 嗨,大家好希望今天可以一次講完表單的內容,順利完成HTML的部分,明天開始進入CSS。 噢剛剛打了3個半小時的文章,一...

2023-09-26 ‧ 由 overcast3579 分享
DAY 12

Day12 【前端入門,入門前端】認識 CSS

前端入門,入門前端。學前端,如標題簡單。 嗨大家好我們昨天終於把HTML告一段落了,不知道大家對各種HTML標籤有沒有越來越熟悉了呢?如果還不熟悉的也沒有關係,...

2023-09-27 ‧ 由 overcast3579 分享
DAY 13

Day13 【前端入門,入門前端】CSS 關於文字

前端入門,入門前端。學前端,如標題簡單。 嗨大家好,今天我們要正式進入CSS,幫我們的網頁上點色彩了。昨天我們提到三種寫CSS的方式,有行內樣式、內部樣式表、外...

2023-09-28 ‧ 由 overcast3579 分享
DAY 14

Day14 【前端入門,入門前端】CSS class 與 id

前端入門,入門前端。學前端,如標題簡單。 嗨大家好,昨天我們認識了與文字有關的樣式,在今天開始之前,請大家先建好基本檔案,並一起來想想一個問題。昨天我們都知道可...

2023-09-29 ‧ 由 overcast3579 分享
DAY 15

Day15 【前端入門,入門前端】CSS 選取器-基本選取器與組合選取器

前端入門,入門前端。學前端,如標題簡單。 嗨大家好,關於昨天的class與id不知道大家都熟悉了沒有?class與id非常重要,因為所有我們想要設定的樣式,都需...

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

Day16 【前端入門,入門前端】CSS 選取器-屬性選取器

前端入門,入門前端。學前端,如標題簡單。 嗨大家好,昨天我們認識了選取器中的 基本選取器 與 組合選取器 。還...記得什麼是選取器吧?在開始認識其他的選取器之...

2023-10-01 ‧ 由 overcast3579 分享
DAY 17

Day17 【前端入門,入門前端】CSS 偽類別 Pseudo Class

前端入門,入門前端。學前端,如標題簡單。 嗨大家好,前兩天學了很多選取器,相信我們已經可以選到各種我們想要的元素了。雖然這麼說,但仔細想想好像有些元素,或者說有...

2023-10-02 ‧ 由 overcast3579 分享
DAY 18

Day18 【前端入門,入門前端】CSS 基礎排版 display四屬性

前端入門,入門前端。學前端,如標題簡單。 嗨大家好,經過幾天選取器加上偽類別的轟炸,扣除掉一些很特別或是奇耙的狀況,我們應該有能力可以選到頁面上任何我們想要的元...

2023-10-03 ‧ 由 overcast3579 分享
DAY 19

Day19 【前端入門,入門前端】認識開發者工具

前端入門,入門前端。學前端,如標題簡單。 嗨大家好,昨天我們提到了 display:none; 會讓元素消失在頁面上,但還是存在我們結構中。這句話是否聽起來有點...

2023-10-04 ‧ 由 overcast3579 分享