這是Web基礎系列的第一篇文章，主要簡介未來十天將覆蓋的主題重點，並帶領讀者從Web瀏覽器的基本流程出發，逐步探索現代Web技術的核心知識。
系列簡介
這個Web基礎系列文章將在十天內，條理分明地帶大家了解Web開發必備概念，從瀏覽器工作流程、HTTP協定、Cookie與Web Storage、CORS、HTML與CSS，到前端工具鏈的介紹。每篇文章會重點解析一到多個核心主題，並搭配簡明實例，幫助讀者建立扎實的技術基礎，適合剛入門或希望檢視全貌的讀者。
本系列涵蓋主題
• Web 基本流程與架構：介紹瀏覽器從輸入網址到顯示畫面的整個運作流程，以及CSR（Client Side Rendering）與SSR（Server Side Rendering）的核心差異。
• HTTP 與 Restful API：說明HTTP協議的運作與常見Restful API設計。
• Cache / Cookie / Web Storage：深入理解瀏覽器儲存資料的多種方式，包括Cookie、Web Storage（Session Storage/Local Storage），以及它們的差異與適用情境。
• CORS：簡介跨來源資源共用（CORS）機制及實際應用場景。
• HTML/CSS語法重點：探討語意化元素、script標籤用途、HTML/CSS常見選擇及屬性差異。
• 前端工具鏈：梳理Webpack、Babel、npm、CRA，以及Next.js框架的特色與使用時機。
第一篇主軸簡述
在這篇文章裡，將聚焦於「Web整體流程的概念」，讓讀者理解輸入網址、HTTP請求、伺服器回應、前端渲染等核心步驟，並預告第二篇將細談CSR與SSR的比較與運作方式。
這個系列適合誰？
• 剛進入前後端開發領域的初學者
• 想系統性回顧Web架構重點的工程師
• 準備找網頁開發相關工作的技術人員
• 需要強化全端知識的學生與自學者
未來十天，期待大家每天來一起學習，逐步打好Web技術基礎。