前端三分鐘

隨著 CSS 開始越來越複雜，由於 CSS 語法受限而發展出了 CSS Pre-/Post-processors (預處理和後處理) 來拓展和優化寫法。 什麼是 Preprocessor (預處理器)CSS 預處理器是個能透過該預處理器語法，產生純 CSS 的程式。 CSS 預處理器主要有 Sass/SCSS、Stylus、Less 三種。 處理器會加入 CSS 所沒有的......

本篇文章將提到怎麼透過 BEM、SMACSS、OOCSS、Atomic CSS 的特性來: 縮短開發時間 減少需維護的程式碼 結構與樣式 CSS 選擇器和規則們就像女孩化妝桌上的化妝品們，桌上總是放著各個種類，數也數不清大罐小罐擠的噴的擦的，在沒有預備知識和整理規劃的情況下，若要一個男孩子短時間搞清楚簡直是天方夜譚。 當交接新專案的時候看到幾千行的樣式檔大概也是這樣的心情，一般專案在未規......

CSS 層疊樣式表CSS (Cascading Style Sheets) 層疊樣式表，不像 HTML 一樣是標記語言，也不是標準的程式語言，但在 SCSS、CSS in JS、CSS Module 的出現後也可以用程式語言和架構的角度來看待。 CSS 就像是女孩子的各種化妝品，將臉上的各個部位進行妝點，網站透過 CSS 易容術後通常會是煥然一新的樣貌。 CSS 主要會透過 DOM 的選擇器......

什麼是 HTML底下用三句話來說明什麼是 HTML HTML (HyperText Markup Language) 是一種基礎技術是 “標記” 語言。 HTML 透過標記來描述網站應該由哪些元素所構成。 HTML 常與 CSS、JavaScript 搭配使用於設計網頁、網頁應用、行動應用的使用者介面。 舉個例子來說，之前看到我朋友在某個狗狗交友軟體的幾個標記: #學習建立持續不斷的踏實......

網站由網頁組成，網頁是構成網站的基本元素，網頁會是以檔案形式存放在伺服器。 網頁構成 HTML：透過標籤描述網頁架構與組成 CSS：視覺呈現，像是設定設置版面編排、文字背景顏色等 JavaScript：呈現網頁動態效果動作與各種互動功能 用比較生活化的例子來譬喻，身為一個男孩子要怎麼讓女孩子能夠認識你呢? HTML 是什麼?HTML 在網頁中是透過標籤來描述架構與組成。 舉例來說 #兒子 ......

雲原生 (Cloud Native)雲原生 (雲端 + 原生) 是在雲端原生架構上來規劃設計更方便擴展 (Scalable) 的軟體服務或應用。 為什麼會演變到雲原生 (Cloud Native)? 這跟軟體的開發、架構、運算和儲存單元演進有關 軟體開發: 瀑布式開發 -> 敏捷式開發 -> DevOps 軟體架構: 單層式架構 -> 多層式架構 -> 微服務 運算......

什麼是 CI/CD?CI (Continuous Integration)、CD (Continuous Delivery/Deployment) 目的是從測試、建置到部署自動化，取代原來人工需要做的事情。 CI (Continuous Integration): 專注在持續整合，透過程式碼的自動化測試和建置，將穩定品質的程式碼合併，越早頻繁整合，整合難度的就越低且能確......

領域驅動設計 (Domain Driven Design) 是軟體程式碼的結構及語言需符合業務領域中的習慣用法，將實作對應到持續進化的模型。 把專案的重點放在核心領域和領域邏輯 在軟體開發上，通常會在與使用者進行訪談後，產生使用者故事和人物誌去理解和釐清核心領域以及領域邏輯。 小編在前公司曾經歷過讓行銷帶專案，行銷會認為自己為需求方，工作就是提出需求後事情就會自動完成。 工作流程: 老闆......