iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

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

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

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

[Day 21] 阿嬤都看得懂的滿版橫幅怎麼寫與 normalize.css

阿嬤都看得懂的滿版橫幅怎麼寫與 normalize.css 昨天我們拿出了古早時代的貼紙簿,並且介紹了「切版」這個任務,其實就是把區塊元素當作貼紙,並且把這些貼...

2021-10-06 ‧ 由 Logos50607 分享
DAY 22

[Day 22] 阿嬤都看得懂的元素容器與隱藏空格解法

阿嬤都看得懂的元素容器與隱藏空格解法 昨天我們做出了滿版橫幅的粉紅貼紙,今天要開始切中央的橘色貼紙與黃色貼紙了!我們在之前曾經提到,最好把黃色貼紙群的標籤,包含...

2021-10-07 ‧ 由 Logos50607 分享
DAY 23

[Day 23] 阿嬤都看得懂的進階 CSS 選擇器與偽類選擇器

阿嬤都看得懂的進階 CSS 選擇器與偽類選擇器 前天我們在寫綠色貼紙的時候,各位阿嬤會不會覺得,我們也沒遵守到 DRY 原則呢?明明綠色貼紙和粉紅貼紙都是蓋版橫...

2021-10-08 ‧ 由 Logos50607 分享
DAY 24

[Day 24] 阿嬤都看得懂的響應式網頁設計在幹嘛

阿嬤都看得懂的響應式網頁設計在幹嘛 還記得前兩天我們在玩貼紙簿的時候,問過這個問題:我們的整個網頁到底多寬多高呢?我們並沒有給出任何絕對長度,例如 1080px...

2021-10-09 ‧ 由 Logos50607 分享
DAY 25

[Day 25] 阿嬤都看得懂的 CSS 微互動元件

阿嬤都看得懂的 CSS 微互動元件 今天我們要來做動態繪本! https://www.youtube.com/embed/xbzVGjzF1UM 什麼,一下就要...

2021-10-10 ‧ 由 Logos50607 分享
DAY 26

[Day 26] 阿嬤都看得懂的程式語言在幹嘛

阿嬤都看得懂的程式語言在幹嘛 我們都希望能夠有個神燈精靈,能夠實現我們的所有願望。然而,我們的願望最後常常成為猴爪的悲劇。所以英文俗諺才說,「小心許願,因為它可...

2021-10-11 ‧ 由 Logos50607 分享
DAY 27

[Day 27] 阿嬤都看得懂的 JavaScript 怎麼寫

阿嬤都看得懂的 JavaScript 怎麼寫 昨天我們提及程式語言的 4 個重要特徵: 變數 型別 條件判斷 迴圈 那麼,今天就讓我們開始學...

2021-10-12 ‧ 由 Logos50607 分享
DAY 28

[Day 28] 阿嬤都看得懂的怎麼操縱 DOM

阿嬤都看得懂的怎麼操縱 DOM 前兩天我們介紹了厲害的神燈精靈,以及 JavaScript 這個神燈精靈語的方言。既然我們知道, JavaScript 是用來編...

2021-10-13 ‧ 由 Logos50607 分享
DAY 29

[Day 29] 阿嬤都看得懂的 JQuery 怎麼寫

阿嬤都看得懂的 JQuery 怎麼寫 昨天我們聊到怎麼使用 document 這個咒語,讓神燈精靈幫我們操縱 DOM。但是,每次都要重複寫 document.g...

2021-10-14 ‧ 由 Logos50607 分享
DAY 30

[Day 30] 阿嬤成為網頁前端工程師的下一步

阿嬤成為網頁前端工程師的下一步 儘管篇幅長短不一,我們在這 30 天當中討論了怎麼寫 HTML 標籤、CSS 樣式,以及如何使用 JavaScript 與 JQ...

2021-10-15 ‧ 由 Logos50607 分享