iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

前端三分鐘 X 從把妹角度理解前後端如何和平相處 系列

從前端工程師的角度切入介紹網站基礎技術、框架、專案架構以及該怎麼跟後端和平相處。

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

網站元素概觀 (1)

網站由網頁組成,網頁是構成網站的基本元素,網頁會是以檔案形式存放在伺服器。 網頁構成 HTML:透過標籤描述網頁架構與組成 CSS:視覺呈現,像是設定設置版面...

2022-09-16 ‧ 由 linyencheng 分享
DAY 2

HTML DOM、HTML5、HTML Template (2)

什麼是 HTML 底下用三句話來說明什麼是 HTML HTML (HyperText Markup Language) 是一種基礎技術是 “標記” 語言。 H...

2022-09-17 ‧ 由 linyencheng 分享
DAY 3

CSS 易容術入門 (3)

CSS 層疊樣式表 CSS (Cascading Style Sheets) 層疊樣式表,不像 HTML 一樣是標記語言,也不是標準的程式語言,但在 SCSS、...

2022-09-18 ‧ 由 linyencheng 分享
DAY 4

透過 BEM、SMACSS、OOCSS、Atomic CSS 簡化樣式開發流程、減少維護成本 (4)

本篇文章將提到怎麼透過 BEM、SMACSS、OOCSS、Atomic CSS 的特性來: 縮短開發時間 減少需維護的程式碼 結構與樣式 CSS 選擇器和規...

2022-09-19 ‧ 由 linyencheng 分享
DAY 5

解密 CSS 處理器 SCSS/PostCSS (5)

隨著 CSS 開始越來越複雜,由於 CSS 語法受限而發展出了 CSS Pre-/Post-processors (預處理和後處理) 來拓展和優化寫法。 什麼是...

2022-09-20 ‧ 由 linyencheng 分享
DAY 6

CSS 框架用了什麼設計模式 (6)

小編曾介紹過 CSS 的設計模式,這篇就讓小編開箱那些年小編曾體驗過的 CSS 主流框架: Tailwind CSS PureCSS Bootstrap an...

2022-09-21 ‧ 由 linyencheng 分享
DAY 7

CSS in JS (react) 簡介與優缺點分析 (7)

什麼是 CSS in JS CSS in JS 解決了 CSS 命名的問題。 由於 component-based 的概念興起元件開發成為顯學,CSS in J...

2022-09-22 ‧ 由 linyencheng 分享
DAY 8

九種亂寫 CSS 的方法 X 有比亂化妝好嗎 (8)

亂寫 CSS 有比亂化妝好嗎? 如果說 CSS 是主掌網頁外表的一個角色,亂寫 CSS 就相當於亂化妝的概念。 CSS 在撰寫上,整體來說是圍繞在處理特異性 S...

2022-09-23 ‧ 由 linyencheng 分享
DAY 9

用 LinkFree 製作一個 Github Pages 取代 LinkTree (9)

什麼是 LinkTree LinkTree 是一頁傳送門,透過 IG 的個人檔案連結來做相關行銷與各平台的串聯。 透過 LinkTree 整合 Facebook...

2022-09-24 ‧ 由 linyencheng 分享
DAY 10

想架站不會寫網頁,那就用 WordPress 吧 (10)

不會寫程式也可以架設網站甚至賺錢?! 隨著科技的進步,答案是可以的。 近年來各種軟體都轉換成服務的形式 (SaaS),透過網路就可以存取和使用並達到預期結果。...

2022-09-25 ‧ 由 linyencheng 分享