Angular Fundamentals and Core Concepts

Packt via Coursera

Go to class Write review

Details

Go to class

Provider

Coursera
Pricing

Paid Course
Languages

English
Certificate

Paid Certificate Available
Duration & workload

13 hours 7 minutes
Sessions

On-Demand
Subtitles

English

Found in

Part of

Mastering Angular – Interview Prep & E-commerce App

Overview

Coursera Flash Sale

40% Off Coursera Plus for 3 Months!

Grab it

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. Begin by learning Angular fundamentals, including setting up the Angular CLI, understanding project structure, and exploring Angular 17 features. Build components, dynamically bind data, and handle user interactions with event and two-way binding. Next, dive into Angular directives, such as *ngIf, *ngFor, and [ngClass], to manage dynamic behavior and styling. Learn about lifecycle hooks like ngOnInit and ngOnDestroy to manage component states. You will also master decorators, pipes, routing, and service management. Discover dependency injection and tokens to share functionality across components. This course is ideal for developers familiar with web development and assumes knowledge of HTML, CSS, and JavaScript. By the end, you will be able to create dynamic Angular applications with advanced routing, form handling, and custom validation.

Syllabus

Introduction

In this module, we will introduce you to the Angular framework and its core tools, including the Angular CLI and project structure. You will also get hands-on with setting up Angular 17 and learn about key improvements in this version. By the end of this section, you will be equipped to start building and migrating Angular applications effectively.

Angular Fundamentals

In this module, we dive into Angular fundamentals, covering component creation, various types of data binding, and handling user interactions. You will learn how to dynamically display content, handle input fields, and create interactive components through property and event binding. Practical assignments will help solidify your understanding of key Angular concepts.

Angular Directives

In this module, you will explore the power of Angular directives. We will focus on structural directives such as *ngIf and *ngFor to control the display of elements and use ngClass and ngStyle to apply dynamic styling. You'll also practice working with custom directives to improve the flexibility and functionality of your applications.

Component Life Cycle - Lifecycle Hooks

This module covers Angular's component lifecycle, detailing how and when different lifecycle hooks are triggered. You will learn about initialization, change detection, view rendering, and component destruction, gaining a deeper understanding of Angular’s underlying mechanics and how to optimize performance.

Decorators

In this module, we will explore Angular decorators that enhance component functionality. You’ll learn to create components, manage input and output properties between parent and child components, and handle custom events with decorators. Practical examples will help you apply decorators effectively in real-world applications.

Angular Pipes

This module introduces you to Angular pipes, tools that transform data directly in templates. We will cover built-in pipes like date, currency, and JSON, and also guide you in creating your own custom pipes to meet specific application needs. You’ll also complete assignments that reinforce your understanding of data transformation in Angular.

Custom Pipes

In this module, we dive deeper into custom Angular pipes, showing you how to create and use them to solve unique data transformation challenges. You’ll also explore the differences between pure and impure pipes, helping you understand the most efficient way to handle data based on the application’s requirements.

Angular Routing

This module covers the essentials of Angular routing, including creating routes, navigation links, and nested routes for complex applications. You will learn to manage route parameters and handle query strings to pass data between components. By the end of this section, you’ll be able to build efficient and user-friendly navigation for your Angular apps.

Angular Services

In this module, we introduce Angular services, which are essential for organizing and sharing data across components. You will learn about dependency injection and how services can be injected into components to keep your code modular and maintainable.

Angular Tokens

This module focuses on using Angular tokens for dependency injection, including how to inject string tokens and utilize the InjectionToken object. We will also explore the different methods of providing values, including factory functions, to create flexible and dynamic dependency management in Angular.

Angular Template Driven Forms

This module introduces you to Angular’s template-driven forms, allowing you to manage form input, validation, and submission with ease. You will learn how to work with the ngForm directive to streamline form handling, and complete assignments that demonstrate practical form creation techniques.

Angular Reactive Forms

In this module, we cover Angular’s reactive forms, where you will learn how to manage form controls, group them using FormGroup, and handle dynamic form inputs with FormArray. You’ll also create multi-step forms and validate form controls, ensuring a robust and flexible form-building process.

Custom Form Validators

In this module, you will explore how to create custom form validators to meet specific requirements. You’ll learn how to build and apply these validators to handle tasks such as URL validation, ensuring that your forms are both secure and flexible enough to meet diverse application needs.