前言 這陣子公司網站在處理官網字體的問題，雖然內嵌字體方便但好流量也很耗載入時間，這篇文章教你如何使用 Google 所免費提供的思源體以及教你如何使用 woff 檔內嵌字體在專案中。
前言 一名工程師就是要善用除錯工具，有良好的重挫方式能快速的幫助你找到錯誤點不管是語意錯誤或是邏輯錯誤，這一篇文就是要來教你如何學會讀取 React 的錯誤訊息並且能夠有效率的解決問題。
inline style 記得在 Functional Component 寫法中撰寫 CSS inline style 的參數是寫在 render() 方法中直接建立一個 style 變數裡面存著 CSS 參數，最後在 JSX 中直接嵌入，其中也可以動態的修改 style 的樣式，像範例中是點擊按鈕會變換 style 中的 backgroundColor 背景顏色為紅。
前言 今天要來介紹一個 CSS 樣式它能夠將圖片背景固定且能做出頁面滾動式差的效果，而我們所使用的語法也很簡單只要一行就能呈現，就是 background-attachment 簡單來說它是一個背景固定模式的屬性，裡面有多種參數對應像是 scroll、fixed、local，可利用視覺差的效果擺脫傳統圖片的特性。
前言 在公司開發中往往分為前端與後端，當前端頁面與資料規劃完成了需要串接 API 時就必須等待後端開發者的進度了，此時為了省去這些浪費的時間就可以使用 JSON Server 這個套件，宣稱可以 30 秒可以立即模擬一個假的 Restful API 並且支援開發中最常用的 GET、POST、PUT、PATCH、DELETE、OPTIONS 等 request method，真的那麼神嗎？不多說我們繼續看下去！
前言 上一篇教學Firebase Hosting 靜態網站部署教你如何使用 Firebase Hosting 來發布自己的靜態網站，發布成功後會自動生成一個 Firebase 專屬的網域給你例如：fir-3e184.firebaseapp.com，此外 Firebase 也很佛心的提供 DNS 轉址服務，能夠設定屬於自己的域名，在看這篇教學的讀者們若你還尚未有自己的網域又不想付費購買的話此篇文章非常適合你！
前言 React 的出現就顛覆了傳統網頁設計概念，出現了 Virtual DOM 這個名詞，不僅提升渲染的效能也能夠將所有畫面做元件化，而產生出 WEB APP 的名詞出現，在這章節中我們就來討論 React 的生命週期。
前言 Freenom 提供了五種的免費頂級網域 .tk、.ml、.ga、.cf、.gq，不論是要架站或拿來當 Blog 的域名都非常合適，畢竟主機的靜態 IP 位置一方面不易判讀也不太適合暴露在大家眼前，所以必須靠 DNS 轉址服務來連結自己的網站。
第15屆iT邦幫忙鐵人賽 AI & Data 組 [佳作]
第13屆iT邦幫忙鐵人賽 AI & Data 組
第12屆iT邦幫忙鐵人賽 影片教學組 [優選]