KD's Tech Blog

Hi, 我是 KD Chang 張凱迪，我在這書寫我的軟體開發/程式設計技術筆記 | KD 技術部落格

Grid Garden 入門教學筆記 | 學習筆記

1. Grid 簡介Grid（Grid Layout）是一種 CSS3 佈局模式，專門用來設計一維的彈性佈局，適用於水平或垂直排列元素，使網頁排版更加靈活且易於維護。 Grid Garden 透過花圃澆花遊戲化方式去介紹 Grid 使用方式 Level 1Welcome to Grid Garden, where you write CSS code to grow your carrot ......

Posted by kdchang on 2024-07-10

WebSocket 入門教學筆記 | 學習筆記

1. WebSocket 簡介WebSocket 是一種全雙工通訊協議，允許伺服器與客戶端建立持久連線，並在兩者之間即時傳輸數據。相較於傳統的 HTTP 請求-回應模式，WebSocket 提供了更低延遲的通訊方式。 1.1 為何選擇 WebSocket？ 即時雙向通訊：適用於聊天應用、即時通知、線上遊戲等。 減少 HTTP 開銷：不需要頻繁發送 HTTP 請求。 降低延遲：資料可以即時傳遞......

Posted by kdchang on 2024-07-10

HTML & CSS 切版入門教學筆記 | 學習筆記

1. HTML 基礎概念HTML（HyperText Markup Language）是網頁的基礎結構，透過標籤（Tag）定義不同的內容與結構。 1.1 常見標籤 <!DOCTYPE html>：宣告 HTML 文件類型。 <html>：HTML 文件的根標籤。 <head>：包含頁面設定、SEO 資訊、CSS 連結等。 <title>：設定網......

Posted by kdchang on 2024-07-01

SASS 語法介紹入門教學筆記 | 學習筆記

什麼是 SASS？SASS（Syntactically Awesome Style Sheets）是一種 CSS 預處理器，旨在提升 CSS 的功能性，讓開發者能夠以更加靈活和高效的方式編寫樣式表。它提供了許多比 CSS 更強大的功能，例如變數、巢狀規則、混合（mixins）、繼承等。SASS 語法有兩種主要形式：一種是較為常見的 SCSS（Sassy CSS），另一種則是 SASS，本文將......

Posted by kdchang on 2024-06-30

軟體工程師和 Web 前後端開發技能樹/學習藍圖（Roadmap）

前端工程Frontend Roadmap / Frontend Beginner Roadmap HTML CSS JavaScript Version Control Systems/Git/Github npm Vue React Angular TailwindCSS Vitest Cypress/Jest TypeSc......

Posted by kdchang on 2024-06-22

常見軟體工程師/網頁開發工具和學習資源整理

以下彙整常見 Web 網頁開發工具和資源整理： VS Code 套件 emmet Live Server Material Icon Theme Babel JavaScript Prettier CodeSnap JavaScript code snippets Peacock TODO Highlight Code Runner Live Share Color Highlight C......

Posted by kdchang on 2024-03-22

常見 Web Frontend 前端工程師學習資源和工具

學習資源 前端開發大全手冊：The Front End Developer/Engineer Handbook 2024 100 天 CSS 練習挑戰 javascript30 greatfrontend 零基礎一年轉職前端工程師：完整路徑、心得、資源全公開 CSS daisyui TailwindCSS 新手入門：TailwindCSS 與 DaisyUI 的整合指南 重新認識......

Posted by kdchang on 2024-03-22

常見 Web Frontend 前端工程師面試準備題目清單

前端工程面試準備清單 掌握基礎知識：在開始解決複雜問題之前，您需要確保對前端開發的基礎知識有扎實的理解，包括 HTML、CSS 和 JavaScript，以及它們如何協作來創建響應式和互動式的網頁。如果您認為自己在這些主題上仍需學習，請參考前端學習路線圖。 練習寫程式：通過小型專案或在 LeetCode 和 HackerRank 等平台上解決問題，來提升您的前端寫程式技能。專注於與前端開發......

Posted by kdchang on 2024-01-22

10 key terms related to backend engineering

Here are 10 key terms related to backend engineering, covering essential skills, tools, and work methodologies: Node.js / Python / Java / Ruby / PHP – Common backend programm......

Posted by kdchang on 2024-01-21

Git 指令學習筆記 | 學習筆記

前言Git 是現代軟體開發中最常使用的分散式版本控制系統，它幫助開發者管理源代碼的版本和協作。這篇教學將從基礎開始，介紹 Git 的常用命令並提供實際範例，幫助你熟悉如何使用 Git 來進行版本控制與協作。 1. 初始化 Git 倉庫 (git init)在專案資料夾中使用 git init 可以初始化一個新的 Git 倉庫，這樣就可以開始使用 Git 來管理專案中的檔案版本。 git in......

Posted by kdchang on 2023-12-21

ABOUT ME
KD's Tech Blog 技術部落格 | KD Chang 張凱迪

KD Chang 張凱迪（@kdchang），台灣大學，主修經濟學，臺大資管所畢業。是一個軟體工程師，也是一位 PM 產品/專案經理和教育工作者。曾服務過上市網路軟體公司、上市科技電子公司、台灣 AI 人工智慧新創獨角獸公司，也曾參與數個新創組織的創辦和多個網路產品服務的開發。A Software Engineer, Product/Project Manager & Educator.:)

FRIENDS