iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

你阿嬤成為網頁前端工程師的第一步 系列

想成為網頁工程師,好好孝順阿嬤嗎?但是,每次看到寫程式的教學,都覺得符號讓人頭痛,直接從入門到放棄嗎?沒關係,這系列文章不是寫給你看,是寫給你阿嬤看的!你可以等你阿嬤學會以後,再讓阿嬤教你。或者直接讓阿嬤成為工程師,直接跳過孝順這段!再不然,你也可以自己看懂文章後,和阿嬤手牽手去上班!甚麼?你說你看不懂?這系列文章連你阿嬤都看得懂啊!

鐵人鍊成 | 共 30 篇文章 | 14 人訂閱 訂閱系列文 RSS系列文 團隊Web 實驗室
DAY 11

[Day 11] 阿嬤都看得懂的基礎 CSS 樣式-圖片篇

阿嬤都看得懂的基礎 CSS 樣式-圖片篇 昨天我們發現在使用區塊元素呈現圖片時,無法顯示完整的圖片。我們的原圖長這樣: 結果卻只顯示了左上 小角: 會有這個...

2021-09-26 ‧ 由 Logos50607 分享
DAY 12

[Day 12] 阿嬤都看得懂的 CSS 收整與 DRY 策略

阿嬤都看得懂的 CSS 收整與 DRY 策略 玫瑰即使換個名字,還是同樣芬芳。 -莎士比亞 歡迎各位阿嬤回到你阿嬤成為網頁工程師的...等等,別走啊,我知道...

2021-09-27 ‧ 由 Logos50607 分享
DAY 13

[Day 13] 阿嬤都看得懂的基礎 CSS 選擇器

阿嬤都看得懂的基礎 CSS 選擇器 小孩子才做選擇,我全都要! -民明書房《我那被限制住的想像》 昨天我們把重複的 CSS 樣式收整在一起,然後再把所有想要...

2021-09-28 ‧ 由 Logos50607 分享
DAY 14

[Day 14] 阿嬤都看得懂的 style 標籤怎麼用

阿嬤都看得懂的 style 標籤怎麼用 昨天我們介紹了 CSS 選擇器,所以終於知道該怎麼把獨立收整出來的 CSS 樣式,藉由 CSS 選擇器,指定到特定一堆的...

2021-09-29 ‧ 由 Logos50607 分享
DAY 15

[Day 15] 阿嬤都看得懂的開始寫第一支 .css 檔案囉!

阿嬤都看得懂的開始寫第一支 .css 檔案囉! 昨天我們介紹了怎麼使用 style 標籤,把所有 CSS 樣式獨立收整到檔案最前面。這樣做固然更加清楚明晰,但是...

2021-09-30 ‧ 由 Logos50607 分享
DAY 16

[Day 16] 阿嬤都看得懂的通用 .html 檔案結構

阿嬤都看得懂的通用 .html 檔案結構 不知道各位聰明的阿嬤是否注意到,在前幾天的討論中,我們其實也隱隱區分了 2 種不同功能的 HTML 標籤,其中一種的功...

2021-10-01 ‧ 由 Logos50607 分享
DAY 17

[Day 17] 阿嬤都看得懂的程式碼編輯器與開源軟體是什麼

阿嬤都看得懂的程式碼編輯器與開源軟體是什麼 我們終於寫出了第一支 .html 與 .css 檔案了,有沒有覺得 HTML 標籤與 CSS 樣式的種類越來越多,所...

2021-10-02 ‧ 由 Logos50607 分享
DAY 18

[Day 18] 阿嬤都看得懂的 CodePen 怎麼用

阿嬤都看得懂的 CodePen 怎麼用 VSCode 已經很棒了,不過最近比較流行的是雲端協作。以目前我們製作單頁網頁的需求而言,我很推薦 這個雲端平台,不但...

2021-10-03 ‧ 由 Logos50607 分享
DAY 19

[Day 19] 阿嬤都看得懂的盒模型

阿嬤都看得懂的盒模型 各位阿嬤,我們今天要來寄自己醃漬的醬瓜給乖孫。 我們找來 4 個紙盒,想在裡面各自放入 1 罐醬瓜。不過為了怕玻璃瓶在運送的過程中撞壞了,...

2021-10-04 ‧ 由 Logos50607 分享
DAY 20

[Day 20] 阿嬤都看得懂的切版在幹嘛

阿嬤都看得懂的切版在幹嘛 今天,讓我們一起拿出童年回憶--貼紙簿。 如果你不是阿嬤而是乖孫,那我解釋一下,貼紙簿是一種黃色膠質的紙所製作的筆記本。把貼紙貼上去後...

2021-10-05 ‧ 由 Logos50607 分享