iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

Super Easy CSS,極度簡單:寫出好的 CSS,從零開始前端生涯 系列

本系列文章目標是學習 CSS 基本知識,並且研究 The State of CSS 中值得令人期待新屬性,讓想要學習 CSS 的人也能一起學到新知識,不用再零零散散地去爬文搜尋。此外,還會提及一些前端基本知識、版本控制、開發經驗等必要概念,讓新手對於前端開發有全面的認識。

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

#00 文章目錄 / 參賽前言 | Super Easy CSS

參賽前言 本系列文章目標是學習 CSS 基本知識,並且研究 The State of CSS 中值得令人期待新屬性,讓想要學習 CSS 的人也能一起學到新知...

2023-09-16 ‧ 由 Eva Chen 分享
DAY 2

#01 網頁的基本名詞:UI/UX?切版&切圖?前端&後端?靜態&動態?RWD or Mobile First?

↓ 今日學習重點 ↓ 理解網頁設計師、工程師常用的詞彙是什麼? 網頁的基本名詞 UI/UX? UI/UX 分別代表使用者介面設計(User Inte...

2023-09-17 ‧ 由 Eva Chen 分享
DAY 3

#02 關於各家瀏覽器,前端必備的小知識:支援度、市佔率、CSS 實驗語法 -webkit-, -moz-... PostCSS Autoprefixer

↓ 今日學習重點 ↓ 理解關於瀏覽器支援度的重要性 理解各家瀏覽器的開發注意事項 理解瀏覽器的 CSS 實驗性語法是什麼 如何查詢 CSS...

2023-09-18 ‧ 由 Eva Chen 分享
DAY 4

#03 人在江湖,版控要有:了解 GIT / GitHub / GitLab / Git Flow

↓ 今日學習重點 ↓ 理解版本控制的重要性 了解 Git 版控的概念 了解 Git Flow,開發上的使用情況 我把我所知的 Git 知識...

2023-09-19 ‧ 由 Eva Chen 分享
DAY 5

#04 GIT 實戰練習:GitHub Desktop、GitHub Page 基礎教學

↓ 今日學習重點 ↓ 安裝寫程式必要軟體 實際操作 GIT & GitHub 上一篇我們了解了 Git 與實際應用的概念, 接下來我們...

2023-09-20 ‧ 由 Eva Chen 分享
DAY 6

#05 HTML 基礎語法

↓ 今日學習重點 ↓ 了解 HTML 的語法 上一篇文章,我們有建立了一份 HTML 檔案, 那麼這些語法到底是什麼意思呢?讓我們往下看。 HTML...

2023-09-21 ‧ 由 Eva Chen 分享
DAY 7

#06 寫一份簡單的 HTML,常用 HTML Tag 總整理

↓ 今日學習重點 ↓ 練習使用 HTML 的各種標籤(tag) 知道 CSS 和 JS 要放在 HTML 的哪裡? 今天,讓我們來了解一份簡單...

2023-09-22 ‧ 由 Eva Chen 分享
DAY 7

#06補充 網頁的根、絕對路徑、相對路徑,那些關於路徑的小知識

HTML 的屬性 href、src 都需要指定檔案路徑才能載入進來,所以這邊補充個關於路徑的小知識。 何謂網頁的根(root)? 指的是網域底下第一層的檔案...

2023-09-22 ‧ 由 Eva Chen 分享
DAY 8

#07 CSS 基本語法 & 權重介紹

↓ 今日學習重點 ↓ 了解 CSS 的基本語法 對於 CSS 的權重有基本概念 我們終於進入我們的重點 CSS 啦!今天要來講解 CSS 權重...

2023-09-23 ‧ 由 Eva Chen 分享
DAY 9

#08 CSS 選擇器總整理!id、class、:nth-child(n)、:not、:where、:is、:has 都難不倒我

↓ 今日學習重點 ↓ 了解 CSS 各種實用的選擇器 本篇會用實例與註解說明各種實用的 CSS 選取器,由於很多所以可以先存起來,之後要用到時再查詢。...

2023-09-24 ‧ 由 Eva Chen 分享