<aside> ❗ Copyright and Ownership Notice

關於這個 notion page 以及其包含的所有 pages (以下統稱「本 page」),其著作權與所有權是屬於台大電機系黃鐘揚教授以及其所開設的網路服務程式設計課程之所有助教 (以下統稱「作者們」) 所擁有。

基於推廣技術與服務大眾之精神,本 page 採取 MIT 授權,即任何人皆可因任何目的使用、複製、修改、發布、與再散佈本 page,包括商業用途。不需簽署協議,也不需支付授權費,惟任何的使用與散佈必須包含本著作權與所有權聲明。如有違反本著作權與所有權聲明,本 page 之作者們仍保有相關的法律追朔權利。詳細關於 MIT 授權的規範請見 OSI 官網

本 page 之內容以「現狀」提供 (provided "as-is"),不附帶任何保證。對於本 page 之內容如有任何疑問或是建議,請來信 [email protected].

The copyright and ownership of this Notion page and all pages it contains (hereinafter referred to as "this page") belongs to Professor Chung-Yang Huang of Department of Electrical Engineering, National Taiwan University, and all teaching assistants of this Web Programming course that he teaches.

In the spirit of promoting technology and serving the public, this page adopts the MIT License, meaning anyone can use, copy, modify, publish, and redistribute this page for any purpose, including commercial use. No agreement needs to be signed, and no licensing fee needs to be paid, provided that any distribution must include this copyright and ownership notice. In case of violation of this copyright and ownership notice, the authors of this page still retain the relevant legal right to take retroactive action. For detailed regulations regarding the MIT License, please see the OSI official website.

The content of this page is provided "as-is", without any warranty. If you have any questions or suggestions regarding the content of this page, please email [email protected].

</aside>

<aside> 🌐 Web Programming Home

</aside>

<aside> 🔥

今日 Highlights

</aside>

<aside> 👉🏿

今日示範 repo (只有前端,後端請自行練習)

</aside>

Cursor Plan Mode: Building a Fullstack APP

<aside> 🤔

接下來我們會選擇這個建置流程中的一些技術細節進行說明

</aside>

*** Some background knowledge ***

套件管理工具:npm vs. yarn vs. npx

套件版本控制:package.json, yarn.lock

隱私管理:dotenv

Blocking vs. Non-blocking

Synchronous vs. Asynchronous Communication

async/await

*** More about (relational) database ***

開源 RDB: PostgreSQL

Prisma ORM (Object-Relational Mapping)

“zod” Schema Validation

*** 建構後端 ***

Backend 檔案架構

*** 前端整合 ***