Weeks 3-4: Directives, Forms, and Dependency Injection
Build custom attribute and structural directives to encapsulate template behavior. Implement template-driven and reactive forms, including validation and form state management. Leverage Angular's dependency injection (DI
閱讀文章 →Weeks 5-6: Routing, HTTP, and Observables
Configure Angular Router with feature routes, lazy loading, and route guards. Consume REST APIs with HttpClient, interceptors, and typed responses. Master RxJS operators (switchMap, mergeMap, catchError, shareReplay) for
閱讀文章 →Weeks 7-8: CRUD Application, Authentication, and Testing Coverage
Architect a feature-rich CRUD application using modular/standalone design patterns. Implement authentication flows (login, refresh tokens) with guards, interceptors, and directive-based permission control. Build complex
閱讀文章 →Weeks 9-10: Advanced Angular Patterns (RxJS, NgRx, Performance)
Architect reactive data flows using advanced RxJS operators, multicasting, and backpressure control. Implement NgRx state management (actions, reducers, effects, selectors) and add unit tests with marble diagrams. Diagno
閱讀文章 →Weeks 11-12: Capstone Delivery & Production Polish
Integrate previous weeks’ work into a cohesive SaaS admin portal capstone. Implement production-level concerns: documentation, analytics, logging, accessibility, and deployment automation. Harden performance with SSR/hyd
閱讀文章 →AngularLab
This project was generated using Angular CLI version 19.2.19.
閱讀文章 →Angular Boot & Render Flow (angular-lab)
Host page: src/index.html contains <app-root></app-root>, the mount point for Angular. Bootstrap script: src/main.ts runs bootstrapApplication(AppComponent, appConfig) to start the Angular runtime.
閱讀文章 →Angular-Lab Startup Deep Dive
This document traces the entire lifecycle of the angular-lab workspace from launching the dev server to rendering the initial page in the browser.
閱讀文章 →Week 01-02 Angular Sandbox
This workspace packages the component library examples from Weeks 1-2 into a runnable Angular application.
閱讀文章 →Angular Startup & Modal Interaction (Week 01-02 Sandbox)
bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err)); ` bootstrapApplication spins up Angular using the standalone API. AppComponent is declared as the root component. appConfig registers glob
閱讀文章 →Week 03-04 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 03-04 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 production-ready questionnaire system built with Next.js frontend and Express backend, featuring MySQL database integration via Prisma ORM.
閱讀文章 →Full Stack Development & RESTful API
Full stack development refers to building and maintaining both the frontend (client-facing) and backend (server-side) portions of a web application, plus the infrastructure that connects them.
閱讀文章 →Frontend Design: HTML5, CSS & JavaScript
The frontend is everything users see and interact with in a web browser. It consists of three core technologies
閱讀文章 →