Creating A Simple Form Example

Course Content

المحتوى

0/53

Introduction to Angular 9

Introduction to Angular 9

Installing Angular 9

Understanding File and Folder Structure

What is a Component?

What is a Module?

Understanding Interpolation

Handling Click Events

Retrieving Text Box Values

Property Binding in Angular

Using ngIf for Conditional Rendering

Implementing ngSwitch for Conditional Logic

Using ngFor for Iteration

Creating a Simple Form Example

Creating Reusable Components with Header and Footer

Dynamic Style Binding

Passing Data from Parent to Child Component

Passing Data from Child to Parent Component

Integrating Bootstrap into Angular

Creating Custom Directives

Basic Routing in Angular

Handling Wildcard Routes and 404 Pages

Passing Data in Router Params

Introduction to Angular Forms

Creating Forms with Bootstrap

Template Driven Forms in Angular

Making API Calls with GET

Submitting Forms with POST API

Creating Services in Angular

Calling APIs with Services and Displaying Lists

Understanding Model Interfaces

Introduction to Pipes in Angular

Form Validation in Template Driven Forms

Full Form Validation and Button Control

Creating Pre-filled Forms

Toggling Elements: Show and Hide

Creating Reactive Forms

Validating Reactive Forms

Comprehensive Validation for Reactive Forms

Setting Up Your First Angular Project

API Testing with Postman

Adding Routing and Creating Menus

Integrating Bootstrap and Navigation Bar

Building a Restaurant Listing with Fetch API

Adding Restaurants and Submitting Data

Implementing Success Alerts and Clearing Forms

Deleting Restaurants via API

Updating Restaurant Forms

Updating Restaurant Database with API

Refactoring and Adding Footer

Registering New Users

Child Routing in Angular 12

Final Exam - Mastering Angular 9: A Comprehensive Guide

Mastering Angular 9: A Comprehensive Guide

Build a basic form in Angular and understand its structure and functionality.

0% Complete

Sign inSign up

Sign in

Don’t have an account? Sign up

Remember meLost your password?

Sign up

Already have an account? Sign in