課程概述
迎接現代網頁與手機應用程式開發的浪潮，加入我們的 React.js 線上課程（Vibe Coding）！本課程專為有志成為開發者的學員設計，教你使用 React.js——最受歡迎的 JavaScript 程式庫之一，來打造動態、用戶友好的網站與手機應用程式。無論你是初學者還是想進階的開發者，我們以實作導向、充滿活力的教學方式，幫助你擺脫 AI 時代的焦慮，擁抱專業自信！
本線上課程結合實務 coding 與輕鬆有趣的學習體驗，讓你打造真實專案，成為數位時代的佼佼者。
課程特色
- 掌握 React.js 網頁與手機應用開發
- 學習使用 React.js 與 React Native 打造響應式網站與跨平台手機應用程式。
- 深入核心概念，如組件（Components）、狀態（State）、Hooks 與路由（Routing），打造流暢的用戶體驗。
- Vibe Coding 學習體驗
- 以輕鬆、創意的方式學習程式設計，讓 coding 變得有趣無壓力。
- 參與有趣的專案，例如電商網站、社群媒體儀表板或時尚手機應用程式。
- 真實專案實作
- 打造作品集級專案，如動態個人網站或具備即時功能的手機應用程式。
- 結合 Tailwind CSS 打造時尚設計，整合 Firebase 實現後端功能。
- 彈性線上學習
- 隨時隨地學習，課程影片可反覆觀看，適合忙碌的你。
- 提供互動問答與線上社群論壇，隨時解答你的疑惑。
- 擺脫 AI 焦慮
- 學習實用技能，在 AI 驅動的時代保持競爭力，增強 coding 自信。
- 探索如何將 AI API（如聊天機器人、圖像識別）整合到你的 React 專案中。
適合對象
- 初學者：無程式設計經驗？沒問題！從零開始學習 React.js。
- 轉職者：想轉行進入網頁或手機應用程式開發，掌握熱門技能。
- 開發者：進階學習現代 React.js 與 React Native 技術，提升專業能力。
- AI 愛好者：對結合 AI 與網頁/手機應用程式開發感興趣？本課程帶你實踐！
課程大綱
模組 1：React.js 基礎
- React.js 入門與環境設置
- 組件（Components）與 JSX 語法
- 狀態管理（State）與 Props
- 事件處理與表單設計
- 實作練習：打造個人作品集網站
模組 2：React.js 進階
- Hooks（useState、useEffect 等）應用
- 路由（React Router）與頁面導航
- API 整合與資料獲取
- 使用 Tailwind CSS 打造響應式設計
- 實作練習：開發電商網站或社群媒體儀表板
模組 3：React Native 手機應用程式
- React Native 入門與環境設置
- 跨平台應用程式開發基礎
- 手機 UI 設計與導航
- 整合 Firebase 實現即時功能
- 實作練習：打造一款手機應用程式（如待辦事項或聊天應用）
模組 4：AI 整合與專案部署
- 將 AI API 融入 React 專案（如聊天機器人、圖像識別）
- 專案優化與性能調校
- 部署網頁與手機應用程式到雲端平台
- 作品集準備與職涯建議
學習成果
- 熟練使用 React.js 與 React Native 開發網頁與手機應用程式。
- 完成多個作品集級專案，提升職場競爭力。
- 學會整合 AI 技術，打造智能化應用程式。
- 建立對程式設計的自信，迎接 AI 時代的挑戰！
報名資訊
- 課程形式：線上自學 + 導師輔導
- 課程時長：約 8-12 週（依個人進度調整）
