梅子的網際網路學習歷程

課程列表

目前規劃的主題與課程頁面，會陸續補上內容與範例。

HTML 基礎與網頁結構有內容

從最基本的 <html>、<head>、<body> 開始，認識標題、段落、連結、圖片與表格，打好網頁架構基礎。

CSS 樣式與 RWD 版型有內容

字型、顏色、間距、邊框、Flex、Grid 與 RWD 觀念，讓版面從「能用」變成「好看且好閱讀」。

JavaScript 完整入門課程已上線

包含資料型態、陣列、迴圈、if/switch、函式、Canvas、 JSON、jQuery、爬蟲示範、React 計數器、小專題等。

▶ 小專題示範：打散程式練習、打散 + 排序練習

每週上課做的小專題、小工具，會集中放在這裡，讓學生回家可以重複操作與修改程式碼。

打散程式練習（洗牌 + 抽中 3 位數字 + 最大值）

輸入 1 ~ n 的整數範圍，使用 Fisher-Yates 洗牌演算法打散順序，再抽出 3 位中獎號碼，並找出最大值及其在陣列中的位置。練習重點：for 迴圈、陣列、Math.random()、最大值搜尋。
打散 + 排序法練習

輸入一串任意數字，先做「打散」，再顯示「由小到大」與「由大到小」排序結果。練習重點：字串切割、陣列複製、Fisher-Yates 洗牌、Array.sort() 比較函式。
之後每週上課完成的專題（例如：成績計算器、樂透號碼產生器、小小計時器…）都會陸續新增在這裡。

建議的學習順序，可以依照階段自由往前或往後跳，但先把基礎打穩最重要。

階段一：HTML & 網頁基礎

了解網頁是怎麼組成的、常見標籤、超連結、圖片與表單等。完整版請看 HTML 基礎課程頁。
階段二：CSS & RWD 版型

學會調整字體、顏色、排版，並透過 RWD 讓網站在手機與電腦都好看。完整版請看 CSS & RWD 課程頁。
階段三：JavaScript 核心語法

變數、條件、迴圈、陣列、函式、Canvas、JSON、爬蟲示範與小專題。 → 已整理於 js-course.html。
階段四：進階主題 & 專題

React 計數器、小型遊戲、Node.js 概念… 之後可以慢慢加入自己的創意作品。