Web Development
HTML5, React, Angular, Next.js, Vite and modern frontend development guides and projects.
Weeks 1112: Capstone Delivery & Production Polish
Read article →AngularLab
This project was generated using Angular CLIhttps://github.com/angular/angularcli version 19.2.19.
Read article →Angular Boot & Render Flow angularlab
Read article →AngularLab Startup Deep Dive
This document traces the entire lifecycle of the angularlab workspace from launching the dev server to rendering the initial page in the browser.
Read article →Week 0102 Angular Sandbox
This workspace packages the component library examples from Weeks 12 into a runnable Angular application.
Read article →Angular Startup & Modal Interaction Week 0102 Sandbox
1. Static Host Page src/index.html provides the bare HTML page with <approot</approot. This is the DOM node Angular will attach to.
Read article →Week 0304 Angular Sandbox
This workspace wraps the directives, forms, and DI examples into a runnable Angular application with a lightweight backend that echoes form submissions.
Read article →Week 0304 Sandbox: Startup & Request/Response Flow
This document explains, in detail, how the Angular application boots, renders the page, and exchanges data with the Express backend when you submit the registration form.
Read article →Questionnaire System
A productionready questionnaire system built with Next.js frontend and Express backend, featuring MySQL database integration via Prisma ORM.
Read article →Full Stack Development & RESTful API
1. Introduction to Full Stack Development1introductiontofullstackdevelopment 2. ClientServer Architecture2clientserverarchitecture 3. Understanding RESTful APIs3understandingrestfulapis 4. HTTP Fundamentals4httpfundament
Read article →Frontend Design: HTML5, CSS & JavaScript
The frontend is everything users see and interact with in a web browser. It consists of three core technologies:
Read article →網站效能最佳化：資源、頻寬與速度
1. 為什麼效能重要1為什麼效能重要 2. 效能衡量指標 Core Web Vitals2效能衡量指標corewebvitals 3. HTML 最佳化3html最佳化 4. CSS 最佳化4css最佳化 5. JavaScript 最佳化5javascript最佳化 6. 圖片與媒體最佳化6圖片與媒體最佳化 7. 字型最佳化7字型最佳化 8. 網路層最佳化：HTTP、快取、壓縮8網路層最佳化http快取壓縮 9. 伺服器端最佳化9伺服
Read article →SEO / GEO / AI 搜尋最佳化：大幅增加網站曝光度
1. 搜尋生態的三大時代1搜尋生態的三大時代 2. SEO 基礎：技術層面2seo基礎技術層面 3. SEO 進階：內容策略3seo進階內容策略 4. OnPage SEO 完整清單4onpageseo完整清單 5. OffPage SEO：權威與連結5offpageseo權威與連結 6. 結構化資料 Schema.org6結構化資料schemaorg 7. GEO：生成式引擎最佳化7geo生成式引擎最佳化 8. AI 搜尋最佳化8ai
Read article →