==簡報== https://docs.google.com/presentation/d/15ixiXSAEH5VAROAF_IKIwAmSbVfI4sgxaei2rWYiPPM 課程簡述 :::warning ⚠️建議帶筆電來上課！ ::: 學會寫網頁了，然後呢？從零開始帶你上架你的網站！ 這堂課會從什麼是雲端運算開始，伴隨 Domain、IP、DNS 的原理講解到實際操作你自己的伺服器！

流程 HomeBrew python3 PyCharm 開啟 PyCharm 架設 fastAPI 框架 安裝HomeBrew 先確認有沒有安裝Xcode 如果macOS版本比較舊？

在來上 React 課程之前，請先在要攜帶來上課的電腦上，完成下面這些套件的安裝～下面的步驟主要是針對 Windows 電腦撰寫。 Node.js 安裝 到官方網站下載頁下載安裝檔。螢幕擷取畫面 2023-11-03 211115.png除非你的電腦很舊、或是使用 ARM 架構（如果你不知道的話，那你大機率不是），不然直接選擇最上面的 Windows Installer 即可。 開始安裝，點擊 Next。螢幕擷取畫面 2023-11-03 211724.png 閱讀協議並勾選 "I accept the terms in the License Agreement"，然後按 Next。螢幕擷取畫面 2023-11-03 212013.png 依照需要選擇安裝路徑。沒有偏好的話，就用預設的。好了之後點擊 Next。螢幕擷取畫面 2023-11-03 212335.png 這次我們會需要完整的 Node.js 安裝，所以功能選擇的部分，照預設的全選即可。螢幕擷取畫面 2023-11-03 212805.png 我們這次不會用到原生的模組 (native modules)，因此這個選項可不勾。螢幕擷取畫面 2023-11-03 213157.png 終於完成所有設定了！選擇 Install 開始安裝。螢幕擷取畫面 2023-11-03 213805.png

json format https://jsonformatter.curiousconcept.com/ Postman URL 連結(使用 localhost) http://localhost/vue-first-project-0520/querycourse/index.php :::warning 沒上過之前讀書會的人，一定要看過上次的共筆喔！ 04/22 | 共筆 04/29 | 共筆

GDSC 網頁讀書會 111-2 學期 03/25 | 共筆 04/01 | 共筆 04/08 | 共筆 04/15 | 共筆 04/22 | 共筆 04/29 | 共筆 05/06 | 共筆

教學目的 以撐過圖學課的過來人的經驗讓大家知道圖學大概在幹嘛 OpenGL基礎知識(Buffer OBJ、Shader、Coordinate Systems...) 激盪圖學的火花 教學目標 參考 learnopengl 網站，讓大家一起 畫出三角形(2D)

:::warning 沒上過之前讀書會的人，一定要看過上次的共筆喔！ 04/22 | 共筆 04/29 | 共筆 ::: 課前準備 上次進度（4/29）

線上免費資源 w3c school - CSS Tutorial 中文 - CSS 初學 英文 - Pseudo Elements by Web Dev Simplified padding & margin padding 內部空間不可填入負值 margin 外部空間

先動手試試看 GAS GAS網站 原本： function doGet() { return "Hi, GAS"; } 更改後的 - 1：

:::warning 沒上過上一次讀書會的人，一定要看過上次的共筆喔！ 04/22 | 共筆 ::: 課前準備 上次進度 Google Drive 雲端連結 (figma + 專案) figma file

目標  教學 本地 vs code 要先安裝 nodejs node js 官網連結 安裝好後，要新增環境變數 在命令提示字元中尋找 nodejs 資料夾路徑，並複製下來

挑戰！ 繼上週的 Figma 設計出 UI/UX 後，這週我們要把介面轉為程式碼，呈現在網頁上。 你將會使用到 HTML 和 CSS 來幫你完成這項挑戰！ 開發的過程中，若有遇到問題，非常推薦你問問 ChatGPT。省去到網路上查找資料的時間。 :::info 即使上週沒有做 Figma 的介面設計，也可以進行這週的挑戰喔！ ::: 學習重點 架構出有邏輯的 HTML

挑戰！ 當大家大概知道 Figma 的基本操作後，我們先用簡單的題目，更加熟悉整個操作。 再來使用簡單的網頁語言，實際把介面呈現出來，過程中也一邊學習 HTML 以及 CSS 的語法。 我們並不會要求大家一定要怎麼做，所以放輕鬆的挑戰吧~ 題目 網頁版

大綱 設計觀念顏色漸層 定義 Color Library Container grid system 網格系統 padding, margin

大綱 UI/UX Intro Figma 講解 (講解做好的 Figma 檔案) 熟悉 Figma 操作畫布、畫面拖曳與放大、多重選取 對齊工具 Component 圓角、陰影效果 共同實作

Firebase 初始化 建立專案 在 Console 選擇 Cloud Firestore 建立資料庫 以測試模式啟動 取得 Token 進入以下網址: https://console.firebase.google.com/u/0/project

Online Tools SQL: https://www.programiz.com/sql/online-compiler/ Regex: https://regex101.com/ what is my ip: https://www.whatismyip.com.tw/tw/ SQL 安裝 Library pip install pymysql 引入標頭檔 import pymysql

今天參與人員幫我留下你的名字喔 >wO 簽到區 時間：111/12/05 地點：IB 12 R02 主持人：AN 參與人員：CCcat、Jovi_pig、AN、kevin蔡凱鈞、CaseyWang、yuwen、Alan邱懷恩、游翔霖 粗流

簽到區 時間：111/11/21 地點：RB 509 參與人員：芷安、正宏、信佑、睿麟、翔霖、鈺雯、懷恩、丰荏、衍巖、宇凡 [TOC] 你各位的codepen 題目

[TOC] 前置準備 VS Code XAMPP （7.3.6 版本以上） :::warning 如果 MAC OS 使用者，在安裝XAMPP遇到 「無法打開xampp，因為無法驗證開發者。」 可以參考此篇解決方法 ::: 到這邊下載上課要用的程式碼 login-page