Homework <<
Previous Next >> Git
Topics
https://mde.tw/w1 for 1a
利用 Codespaces 維護 Github Pages 網站內容
利用 portable_2026 可攜系統維護 Github Pages 網站內容
透過 Token 取得維護權限
y:\home_ipv6\.gitconfig 中設定
[http "https://github.com"]
sslVerify = false
表示當採 https 連線到 github.com 時，停用 SSL 憑證驗證，雖然方便，但若透過公眾網路上網，將會暴露在中間人攻擊(MITM)的風險。
或者
git config --global http.sslCAInfo "y:\PortableGit\usr\ssl\certs\ca-bundle.crt"
啟用 SSL 憑證驗證。
https://41423299.github.io/w1 for 1b
利用 Codespaces 維護 Github Pages 網站內容
Take Home 問題: 近端維護 Github Pages 網站時，有哪兩種管理權限驗證方式?
電腦輔助設計室電腦硬體與網路使用介紹
C: 為 SSD，網路協定可以自行決定使用 IPv4 或 IPv6 (若使用純 IPv6 則必須設定 Proxy 才能連結到 github.com 以及僅支援 IPv4 協定的網站)
Teams 線上教學:
以 "學號@nfu.edu.tw" 登入 https://login.microsoftonline.com/ Office 365
Teams 團隊代碼: w87x8do
下載可攜程式套件:
portable_2026.7z (387MB)
解開壓縮後，雙點擊 start_miniconda3.bat 啟動可攜系統，雙點擊 stop.bat 關閉可攜系統。
可攜系統啟動後，在命令列執行 conda activate y:\envs\cmsimde 可進入能執行 CMSiMDE 的環境。
若希望可攜系統啟動直接進入 cmsimde 環境，可將 start_miniconda3.bat 檔案中第 98 行: call "%CONDA_ROOT%\Scripts\activate.bat" %ENV_NAME% 更換為 call "%CONDA_ROOT%\Scripts\activate.bat" %Disk%:\envs\cmsimde。
各學員自行建立 Github 帳號
說明如何建立分組倉儲 Template
學習如何開啟可攜套件、關閉可攜套件
利用 Python 執行設計運算及維護倉儲與網站內容
Windows Batch file 與 Powershell 應用
Github Classroom 上的分組網站: https://github.com/mdecp2025
Github Classroom 是一套 Web based 工具，功能在於簡化採用 Github 倉儲進行教學與協同分組的工作
各組組長建立 Github Classroom 分組團隊，各組取得分組倉儲
學習如何在近端電腦與 Codespaces 上維護分組倉儲內容
近端: Github Token 與 SSH (Putty、Registry (中文版、英文版)應用)
利用 Reeborg 學習 Python 基本語法
計算機程式課程主題總覽
課程簡介
本課程以實作為導向，循序漸進學習 Python、JavaScript、HTML、CSS 等現代網頁與程式語言，最終應用於類 Reeborg 機器人程式開發。內容設計結合理論與實作，強調程式邏輯、問題解決與跨語言應用能力。
- 從零基礎學習程式語言的基本結構與語法
- 掌握網頁技術，為互動式機器人程式設計打下基礎
- 專題實作，應用於 Reeborg’s World 機器人操作與挑戰任務
課程主題與詳細內容
1. Python 基礎與 Reeborg 機器人程式設計
- Python 語言簡介： 特色、應用領域、開發環境介紹
- 基本語法： 變數、資料型態、運算子、輸入與輸出
- 流程控制： 條件判斷 (
if, elif, else)、迴圈 (while, for)
- 函式與模組： 函式定義與呼叫、自訂功能、模組導入
- Reeborg’s World 操作：
- 基本指令 (
move(), turn_left(), take(), put())
- 感測器判斷 (
front_is_clear(), wall_in_front(), object_here(), at_goal())
- 將 Python 程式邏輯應用於控制機器人走迷宮、撿物、解任務
- 實作練習： 關卡挑戰、流程規劃、錯誤偵錯與修正
2. JavaScript 程式設計基礎
- JavaScript 角色： 前端網頁互動語言，與 Python 差異與應用
- 基本語法： 變數 (
let, const)、資料型態、運算子、輸出 (console.log())
- 流程控制： 條件 (
if, else)、迴圈 (for, while)
- 函式與 ES6 新語法： 函式宣告、箭頭函式 (
() => {})
- 陣列與物件： 基本操作、方法應用
- 與網頁互動： 認識 DOM、事件處理等（為後續進階鋪路）
- 小專題： 建立簡單計算機或互動網頁按鈕
3. HTML 基礎 - 建構網頁內容
- HTML 結構： 了解
<html>, <head>, <body> 等標籤
- 常用標籤：
<h1>~<h6> 標題、<p> 段落、<a> 連結、<img> 圖片、<ul>/<ol> 列表、<table> 表格
- 表單與輸入：
<form>, <input>, <button> 等
- 結構化分區：
<div>, <span>, <section>, <nav> 等
- 專案實作： 製作個人簡歷網頁、Reeborg 世界說明頁等
4. CSS 樣式設計 - 美化網頁版面
- CSS 基本語法： 選擇器、屬性、值的語法結構
- 常用樣式： 顏色 (
color、background)、字型 (font-size、font-family)、邊框 (border), 間距 (margin, padding)
- 版面配置：
display、flex、grid 基礎
- RWD 響應式設計： 讓你的網頁適合不同裝置
- CSS 與 HTML 整合： 內嵌樣式、內部樣式表、外部 CSS 檔案
- 美化 Reeborg 機器人專案網頁： 實作練習
5. 綜合應用 - Reeborg 機器人專案開發
- 專案規劃與團隊合作： 需求分析、分工合作
- 跨語言整合： 利用 Python 控制邏輯、JavaScript 增強互動、HTML/CSS 展示結果
- 打造專屬 Reeborg 世界： 設計自訂任務與挑戰
- 成果展示： 發表與互評，分享學習心得
學習建議與資源
Homework <<
Previous Next >> Git