iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

【每天5分鐘】學前端 系列

從0開始學HTML、CSS、JavaScript,每天花5分鐘,輕鬆學一點新的東西。
整理出自己筆記的同時,希望也能夠幫助到想要學習的新手。

鐵人鍊成 | 共 30 篇文章 | 21 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day01【每天5分鐘】學前端 | 前言

本來只是上網爬文,想架設一個自己的 部落格,爬呀爬,不小心跑到了 iT邦幫忙,還註冊了一個帳號然後還報名了鐵人賽~~~ 想到以前查資料 Google 的時光,...

2022-09-02 ‧ 由 Olivia 分享
DAY 2

Day02【每天5分鐘】學前端 | 環境介紹 VS Code安裝

糟了啦~ 晚餐喝了一杯茶,現在睡不著了啦 Σ( ° △ °|||)︴既然如此,那就來寫第 2 天的鐵人賽文章吧! 今天要來教怎麼安裝軟體 VS Code初學者是...

2022-09-03 ‧ 由 Olivia 分享
DAY 3

Day03【每天5分鐘】學前端 | Live Server & VS Code 快捷鍵

決定調整一下順序, Node.js 和 React 安裝會放在最後面再教學~ 今天要來介紹 VS Code 的基本功能要如何 新增檔案以及有哪些 快捷鍵 ,在使...

2022-09-04 ‧ 由 Olivia 分享
DAY 4

Day05【每天5分鐘】學前端 | HTML 簡介

今天的內容寫得比較趕,希望語句不會有不通順的地方 (> _<);有的話還請多多包涵,謝謝~~ 介紹本日主題 HTML 之前,先來說說網頁組成的金三角...

2022-09-05 ‧ 由 Olivia 分享
DAY 5

正版Day05【每天5分鐘】學前端 | HTML 標籤

哈哈,突然發現昨天的標題應該是 Day04 卻打成 Day05 ,是不是不能改了 (ㆆᴗㆆ) ...今天去看海豹被海洋生物們療癒,文章又要 壓線 發了,希望不要...

2022-09-06 ‧ 由 Olivia 分享
DAY 6

Day06【每天5分鐘】學前端 | HTML 表格 table

今天要來製作表格,還會介紹 HTML Entities,以及 註解 的寫法。 表格 Table 透過二維資料表來呈現資訊。 附上 MDN 介紹連結 網址點我...

2022-09-07 ‧ 由 Olivia 分享
DAY 7

Day07【每天5分鐘】學前端 | HTML 表單 form

表單 Form 昨天介紹的 表格 ,最外層是用 <table> 標籤包起來;表單 的組成也有點像,它則是用 <form> 標籤包起來。...

2022-09-08 ‧ 由 Olivia 分享
DAY 8

Day08【每天5分鐘】學前端 | CSS 簡介

最近發了 月餅 的圖,朋友問我「退休和財富自由是一樣的嗎?」我說:財富自由也可以不退休呀,退不退休可以是個人興趣選擇~(不過財富不自由可能就退不了休了)欸等等,...

2022-09-09 ‧ 由 Olivia 分享
DAY 9

Day09【每天5分鐘】學前端 | CSS 選取器

昨天介紹了 CSS 的格式,我們來複習一下: 選取器{ 屬性: 值; } 範例: p{ text-decoration: underline; }...

2022-09-10 ‧ 由 Olivia 分享
DAY 10

Day10【每天5分鐘】學前端 | CSS box model & 開啟開發者工具

今天除了介紹 Box Model 以及如何開啟 開發者工具 檢視相關資訊,還會補充說明色彩 RGB 、 RGBA ,最後會比較 CSS 和 HTML 註解 寫法...

2022-09-11 ‧ 由 Olivia 分享