Web Development

Weeks 910: Advanced Angular Patterns RxJS, NgRx, Performance

Weeks 1112: Capstone Delivery & Production Polish

AngularLab

This project was generated using Angular CLIhttps://github.com/angular/angularcli version 19.2.19.

Angular Boot & Render Flow angularlab

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.

Week 0102 Angular Sandbox

This workspace packages the component library examples from Weeks 12 into a runnable Angular application.

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.

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.

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.

Questionnaire System

A productionready questionnaire system built with Next.js frontend and Express backend, featuring MySQL database integration via Prisma ORM.

Full Stack Development & RESTful API

1. Introduction to Full Stack Development1introductiontofullstackdevelopment 2. ClientServer Architecture2clientserverarchitecture 3. Understanding RESTful APIs3understandingrestfulapis 4. HTTP Fundamentals4httpfundament

Frontend Design: HTML5, CSS & JavaScript

The frontend is everything users see and interact with in a web browser. It consists of three core technologies:

HTML5 完整教學課程

歡迎來到 HTML5 完整教學課程！本課程將帶您從零開始，逐步掌握現代網頁開發的三大核心技術：HTML、CSS 和 JavaScript。

HTML5 課程範例檔案

這個目錄包含所有課程中的 HTML 範例代碼，方便學生直接在瀏覽器中開啟查看效果。

第 1 課：HTML 基礎介紹

理解什麼是 HTML 及其用途 認識 HTML 文件的基本結構 學會建立第一個 HTML 網頁 了解 HTML 標籤的基本概念

第 2 課：文字標籤和格式化

掌握各種文字格式化標籤 了解語義化標籤的重要性 學會使用特殊字符和符號 能夠建立格式豐富的文字內容

第 3 課：列表和連結

掌握三種列表類型的使用方法 學會建立巢狀列表 了解超連結的各種用法 掌握連結的不同目標和類型

第 4 課：圖片和多媒體

學會在網頁中插入圖片 了解圖片的各種屬性和最佳實踐 掌握音訊和視訊的使用方法 認識響應式圖片技術

第 5 課：表格

理解表格的結構和用途 學會建立基本表格 掌握表格的進階功能 了解表格的最佳實踐和無障礙設計

第 6 課：表單基礎

理解表單的用途和基本結構 學會建立各種類型的輸入欄位 掌握表單控制元件的使用 了解表單的基本屬性

第 7 課：表單進階

掌握表單驗證屬性 學會使用 HTML5 新增的輸入類型 了解表單元素的群組方式 掌握其他進階表單功能

第 8 課：HTML5 語義化標籤

理解語義化標籤的重要性 掌握 HTML5 新增的結構性標籤 學會建立語義化的網頁結構 了解語義化標籤對 SEO 和無障礙的好處

第 9 課：HTML5 新功能

了解 HTML5 引入的新功能 學會使用 Canvas 繪圖 認識 SVG 向量圖形 掌握本地儲存和其他 API

第 10 課：CSS 基礎介紹

理解什麼是 CSS 及其用途 學會三種 CSS 引入方式 掌握 CSS 基本語法 了解 CSS 註解和常用屬性