課程簡介
探索網頁設計的無限可能，中學生也能從零基礎開始，逐步開發出專業且互動性強的網頁。
透過 RoboCode 的 Web Programming 編程課程，學生學習利用常見的網頁開發編程語言和各種工具來創建網頁。從入門的 HTML 和 CSS 開始，逐步構建美觀的靜態網頁，並透過 JavaScript 增強網頁的互動性。課程還涵蓋進階工具如 jQuery 和 PixiJS 的應用，讓學生能有效率地創建各類網頁遊戲。在高階等級的課程中，他們亦將學習使用 Bootstrap 和資料視覺化工具，構建響應式網頁，並將複雜數據轉化為易於理解的圖表。
課程強調高階編程技能的提升，並鼓勵創新與互動設計，幫助學生逐步建立實踐能力，能夠獨立完成各類型的網頁項目。
學習成果
- 掌握 HTML、CSS 和 JavaScript 等編程語言的概念和應用，開發具備互動功能的網頁
- 運用 jQuery 和 PixiJS 等網頁開發工具，快捷地創建進階網頁應用，並開發多樣化的網頁遊戲
- 探索各類型數據處理方式，利用 Bootstrap、DataTable 和 ChartJS 等工具，將複雜的數據轉化為直觀的圖表，加強學生資料分析和呈現的能力
課程特色
全面掌握網頁開發技能
創建多樣化的作品
課程內容涵蓋各種網頁開發技巧和工具，幫助學生逐步構建功能完善的網頁應用，從入門的互動設計到進階的遊戲開發和複雜的數據處理，他們將靈活運用所學，創作出多樣化且實用的網頁作品。
反覆測試與調整
提升網頁可用性
課程強調實踐操作，透過反覆測試編程成果，學生可以即時調整和改良作品內容，從而提高網頁的整體效果和可用性，同時增強他們的批判思維和解難能力。
展示學習成果
提升演講技巧
每個學期設有匯報環節，小朋友將面對鏡頭講解所學知識並展示作品。通過不斷的練習來提升說話技巧和演講自信。
課程內容
等級一 : 入門網頁設計與結構
學習網頁開發的核心概念，掌握 HTML 和 CSS 編程語言的應用技巧，從網頁結構到視覺設計，逐步創建自己的靜態網頁（Static Webpage）。
- 掌握使用 HTML 建立網頁結構和運用 CSS 美化網頁內容的技巧
- 設計表單元素，提升網頁的用戶體驗，並豐富數據呈現的方式
- 了解CSS的盒模型（Box Model）、浮動（Float）和定位（Position）等網頁排版技巧，讓網頁能在各種設備和屏幕上呈現最佳的顯示效果
等級二 : JavaScript 與數據處理
深入探索 JavaScript 編程，學習動態更新網頁內容和進行基本數據處理，逐步創建功能豐富且互動性高的動態網頁（Dynamic Webpage）。
- 學習 JavaScript 的語法，透過操作文件物件模型（Document Object Model）實時更新網頁內容
- 深入學習陣列（Array）操作和條件判斷邏輯，提升處理和分析複雜數據的能力，並增強網頁的功能性
- 探索 JavaScript 中的錯誤處理機制，確保程式的穩定性和準確性
等級三 : 進階動態網頁設計與數據管理
透過精簡的編程方法與網頁動畫設計，提升瀏覽網頁時的動態互動效果，同時加強數據處理技巧，全面提升開發效率與用戶體驗。
- 學習使用 jQuery 簡化 JavaScript，提升網頁開發速度和編碼可閲讀性
- 在網頁中添加各種動畫效果，使網頁更具吸引力
- 掌握 JSON 格式的數據處理和正則表達式（Regular Expression）的應用，提升文本處理與數據交換的能力
等級四 : 真實網頁遊戲開發
使用 PixiJS 創建 2D 網頁遊戲，掌握創建各種遊戲互動控制的技巧，設計具有挑戰性的遊戲。
- 學習使用 PixiJS 進行 2D 圖形渲染，創建遊戲中的圖形和視覺效果
- 學習遊戲角色的移動控制和碰撞檢測等遊戲互動元素，設計不同難易程度的遊戲關卡
- 掌握遊戲場景轉換技巧和拖放功能，增加遊戲的互動性和趣味性
等級五 : 高效網頁構建與資料可視化
使用 Bootstrap 框架快速構建完善的網頁應用，並掌握資料可視化的技巧，讓數據展示更清晰直觀。
- 透過利用 Bootstrap 元件和工具，高效構建美觀的響應式網頁（Responsive Web）
- 學習運用 DataTable 對大型數據進行排序和篩選，提升資料管理效率
- 使用 ChartJS 創建直觀的資料圖表，並學習處理逗號分隔值（CSV）數據以進行清晰的資料可視化展示
合適年齡
12 - 16 歲
每堂時間
90 分鐘
每等級堂數
12 堂
(總共 18 小時)
師生比例
1 : 4
(上限)
每等級學費
$6840
常見問題
需要自備電腦上課嗎？
我們鼓勵學生自行帶備手提電腦上課，導師將協助安裝所需程式。如未有手提電腦，我們亦可為學生提供。
家長可以於課堂後取回學生完成的作品嗎？
可以，學生可以將作品保存到自己的儲存空間，如 Google Drive 或 USB 快閃記憶體。
在家中可以作練習嗎？
學生可以在任何支援相關程式的電腦上存取、修改、執行自己的檔案。
除學費外，課程有其他收費項目嗎？
沒有，只需繳交學費，沒有額外收費。
如有要事需要請假，會如何安排？
家長需要提前通知，我們會與家長安排補課時段。
