How do I run a specific lesson in Angular Fundamentals Lessons?

Clone the repository, navigate to the root directory, and use 'ng serve ' such as 'ng serve 01-hello-angular', then open your browser to localhost:4200. Each lesson is a standalone project as per the README.

What's the difference between this and the official Angular tutorial?

This resource focuses on hands-on, standalone projects with a solutions branch for reference, ideal for self-paced practice. The official tutorial is more guided and integrated into Angular's documentation with step-by-step instructions.

Does Angular Fundamentals Lessons cover Angular 17 features?

Yes, it includes lessons on modern Angular features like signals and deferrable views, which align with Angular 17+ updates. However, it doesn't explicitly version-tag lessons, so check the README for the latest topics.

How can I access the solutions for each lesson?

Use 'git checkout solutions' from the command line in the repository root to switch to the solutions branch, where you'll find completed code for all lessons, allowing for comparison and learning from examples.

Is this suitable for someone new to web development?

It starts with basics but assumes familiarity with JavaScript and TypeScript; complete beginners might struggle without prior web development knowledge, as it focuses solely on Angular concepts.

How does this compare to Maximilian Schwarzmüller's Angular course?

This is a free, code-focused resource with hands-on exercises for fundamentals, while Schwarzmüller's course is a paid, video-based tutorial covering advanced topics and real-world projects, offering more comprehensive guidance.

angular-fundamental-lessons — Hands-On Angular Lessons

What is angular-fundamental-lessons?

Angular Fundamentals Lessons is a collection of practical coding exercises designed to teach developers the core concepts of the Angular framework. It provides step-by-step lessons that cover everything from basic component creation to advanced features like signals and routing. The project solves the problem of finding structured, hands-on Angular tutorials that allow developers to learn by building real applications.

Target Audience

Frontend developers new to Angular or those looking to solidify their understanding of Angular's fundamental concepts through practical exercises.

Value Proposition

Developers choose this resource because it offers immediately runnable code examples with a progressive learning path, covering both traditional Angular patterns and modern features like signals. The included solutions branch provides reference implementations for self-checking and deeper understanding.

Overview

Angular Fundamentals Lessons is a structured educational resource providing practical coding exercises for learning Angular. It offers step-by-step guidance through core Angular concepts, helping developers build real applications while mastering the framework.

Key Features

Hands-on Learning — Each lesson is a standalone Angular project that developers can run and modify locally.
Comprehensive Curriculum — Covers essential topics from basic components to advanced features like signals and deferrable views.
Progressive Difficulty — Lessons build upon each other, starting with "Hello Angular" and advancing through routing, forms, and dependency injection.
Solution Branch — Includes a dedicated branch with completed solutions for reference and comparison.
Practical Examples — Focuses on real-world Angular patterns including template-driven forms, reactive forms, and component composition.

Philosophy

The project emphasizes learning by doing, providing developers with immediately runnable code examples that demonstrate Angular's core capabilities in a practical context.

angular-fundamental-lessons

What is angular-fundamental-lessons?

Overview

Key Features

Philosophy

Related Projects

Found a gem we're missing?

Use Cases

Best For

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions