iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

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

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

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

[Day 1] 阿嬤識的代誌

阿嬤識的代誌 阿嬤不識字但是伊識真多的代誌 -游鴻明〈無字的情批〉 哈囉大家好,歡迎來到「你阿嬤成為網頁前端工程師的第一步」。我們的阿嬤總是十項全能,...

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

[Day 2] 阿嬤都看得懂的前端與後端怎麼分

阿嬤都看得懂的前端與後端怎麼分 首先,準備一個阿嬤 -民明書房《阿嬤的古早味滷肉飯怎麼煮》 阿嬤的乖孫中秋節要回來吃飯了,阿嬤想要煮個古早味滷肉飯給乖孫吃...

2021-09-17 ‧ 由 Logos50607 分享
DAY 3

[Day 3] 阿嬤都看得懂的 HTML 在幹嘛

阿嬤都看得懂的 HTML 在幹嘛 If a picture paints a thousand words, Then why can't I paint...

2021-09-18 ‧ 由 Logos50607 分享
DAY 4

[Day 4] 阿嬤都看得懂的 CSS, JavaScript 在幹嘛

阿嬤都看得懂的 CSS, JavaScript 在幹嘛 那麼,我們要怎麼看 CSS 扮演的角色呢? 許多時候,我們的 CSS 會放在 <head>...

2021-09-19 ‧ 由 Logos50607 分享
DAY 5

[Day 5] 阿嬤都看得懂的 HTML 標籤怎麼寫

阿嬤都看得懂的 HTML 標籤怎麼寫 前兩天我們提到前端工程師的 3 種語言:HTML、CSS,還有 JavaScript。其中 HTML 標籤用來告訴瀏覽...

2021-09-20 ‧ 由 Logos50607 分享
DAY 6

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

阿嬤都看得懂的開始寫第一支 .html 檔案囉! 昨天我們介紹了 HTML 標籤怎麼寫,各位阿嬤是不是躍躍欲試了呢?今天,就讓我們打開記事本,開始寫第一支 HT...

2021-09-21 ‧ 由 Logos50607 分享
DAY 7

[Day 7] 阿嬤都看得懂的文字標籤與語意化標籤

阿嬤都看得懂的文字標籤與語意化標籤 昨天我們開始寫第一支 .html 程式了,不過網頁看起來還是太樸素。今天就讓我們介紹更多文字標籤,讓我們的網頁看起來更華麗一...

2021-09-22 ‧ 由 Logos50607 分享
DAY 8

[Day 8] 阿嬤都看得懂的替 HTML 標籤穿上行內樣式

阿嬤都看得懂的替 HTML 標籤穿上 CSS 樣式 今天我們要來介紹排版的核心標籤--div。 div 標籤應該是最常用、也最重要的標籤了,畢竟區塊這個元素很抽...

2021-09-23 ‧ 由 Logos50607 分享
DAY 9

[Day 9]阿嬤都看得懂的基礎 CSS 樣式-文字篇與標籤換行 bug

阿嬤都看得懂的基礎 CSS 樣式-文字篇與標籤換行 bug 歡迎阿嬤們回到今天的戲說啊不是,是你阿嬤成為網頁工程師的第一步。昨天我們學會了 HTML 標籤怎麼寫...

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

[Day 10] 阿嬤都看得懂的基礎 CSS 樣式-區塊篇

阿嬤都看得懂的基礎 CSS 樣式-區塊篇 圖片標籤 <img> 和區塊標籤 <div> 可以一起談,因為我們可以把圖片想成很大的區塊,只...

2021-09-25 ‧ 由 Logos50607 分享