Google Developer Group On Campus NCUE 活動策畫團隊 誠摯邀請您參與 Decoding the Frontend: React, Next.js, and the Modern Ecosystem，邀您一同了解當今網頁的開發生態與架構！

💡 在這場分享會中，您將會學到：

• React 核心原理 : Virtual DOM 提供精準的更新機制，Hooks 則讓邏輯更模組化與可重用。在這個章節中，我們將深入解析 React 的運作原理，並透過元件驅動的思維，建立清晰、可維護的前端架構。

• 渲染策略與深度: 你能想像一個框架，能同時支援伺服器端與用戶端元件，並以全新路由系統提升開發效率嗎？在這個章節中，我們將與您分享 Next.js 最新的 App Router 架構，深入解析 Server Components 與 Client Components 的互動方式，讓你掌握未來前端開發的趨勢！

• Next.js 架構 : 你能想像有一個系統，能幫你自動部署、擴展、監控數百個容器化應用嗎？在這個章節中，我們將與您分享 Kubernetes 的核心概念與實作方式，讓你能打造出真正可擴展、可維護的雲端架構！

• 從零到一打造 To-Do List : 從理論到實作，這一章將帶你一步步打造一個功能完整的 To-Do List。你將學會如何設計元件、管理狀態、處理資料與優化 UI，並將前面學到的 React 與 Next.js 技術真正落地，完成一個可部署的作品。

📌 活動特色

• 透過實際開發 To-Do List 應用程式，你將親身體驗 React 與 Next.js 的運作方式，理解技術如何在真實場景中發揮效益，不必擔心學完無法與現實接軌

• 活動流程設計深入淺出，無需任何網頁開發背景也能參與。現場助教將提供即時協助，幫助你用最短時間掌握業界技術

• 從 Tailwind CSS 到 Chakra UI，你將學會使用多種網頁美化工具，就算沒有設計背景，也能做出視覺吸引又高效的應用程式

• 課程從 HTML、CSS、JavaScript 三大語言開始，逐步認識前端框架的設計理念與演進脈絡，幫助你建立完整的知識架構，打下穩固的開發基礎

• 透過 Vibe Coding 協助，一步步完成 To-Do List 專案，實際操作 React 與 Next.js 架構，讓你在實作中學會元件設計、狀態管理與資料處理，強化邏輯與架構思維。

📍 活動資訊

• 時間：11/13 (四) 19:00 ~ 21:00 (18:30 開放入場)

• 地點：國立彰化師範大學寶山校區 寶山校區工學院 EB211 電腦教室

• 主題：Decoding the Frontend: React, Next.js, and the Modern Ecosystem

• 會議連結 (須先報名 RSVP 才有加入權限)

📢 報名方式

於此頁面，點擊 RSVP 即可完成報名！

本分享會提供線上會議 / 實體參與 兩種選擇，如果您時間允許的話，建議您實體參與分享會，讓我們能夠更好的協助您！

⚠️ 注意事項：建議欲現場參與的與會者，務必自行攜帶筆電，與我們一同實作 (電腦教室的電腦將用於螢幕直播，無法使用 ! )

✨不論您是剛踏入前端領域的新手，還是具備實戰經驗的開發者，本活動都將為您帶來豐富的技術洞察與實作收穫。立即加入我們，一起深入探索現代網頁架構的核心！