Mastering Angular 15 From Scratch Step By Step

Learn Angular Using Problem-Solving Approach

What you'll learn

Learn How To Setup Development Environment for Angular Development

Understanding MVC Architectural Pattern

Understanding the Execution Flow of an Angular Application

Learn How to work with Angular components in many ways

Learn How to work with various Built-in Directives of Angular

Understanding One Way and Two Way Binding Techniques

Learn How to work with various Built-in Pipes of Angular

Learn How to consume REST API from Angular

Learn How to develop Custom Services

Learn How to share data between Parent and Child Components

Learn How to work with Behavior Subject

Learn How to work with Cookies in Angular

Learn How to work with various HTML Form Controls using Reactive Forms Approach

Learn How to work with various HTML Form Controls using Template Driven Approach

Learn How to Create Custom Directives

Learn How to Create Custom Pipes

Learn How to implement Pagination, Sorting and Filter functionality

Learn How to create intuitive Reports

Learn How to perform Bulk Insert,Bulk Update and Bulk Delete Operations

Learn How to export data to Excel,CSV,PDF formats

Learn How to implement Routing for Angular Application

Learn How to create a REST API Using ASPNET Core

Learn How to consume REST API from Angular

Requirements

Visual Studio Code Editor, NodeJS

Basic Knowledge of TypeScript,CSS,Bootstrap

Description

Angular is one of the leading frameworks to develop apps across all platforms.  Angular helps us to reuse our code and build fast and high performing apps for any platform. Angular is a Single Page Application (SPA) development framework open-sourced by Google. The Angular framework is written in Typescript language, which enables a web developer to write JavaScript code in Object-Oriented fashion. TypeScript makes it easier to build a client-side web application with classes, interfaces, generics, inheritance and other Object-Oriented features. Angular is a framework that comes with Components, Directives, Pipes, Services, Modules, Dependency Injection, HTTP Communication, Reactive Forms, Template Driven Forms, Routing and other features out of the box.As a framework, Angular has clear advantages while also providing a standard structure for developers to work with. It enables users to create large applications in a maintainable manner.This course provides developers with a thorough knowledge in developing dynamic web sites using Angular Framework. In this course by development expert Kameswara Sarma Uppuluri, you'll learn essential concepts that you need to know to master the building blocks of Angular.This course provides step-by-step walk-throughs and demos that you're encouraged to practice along with to enhance the learning process.This course is broken down into 28 Modules with each module providing source code so that you can follow along with Kameswara Sarma Uppuluri.

Overview

Section 1: Angular - The Big Picture

Lecture 1 Course Introduction

Lecture 2 Installing Node.JS

Lecture 3 Installing TypeScript

Lecture 4 Installing Angular-CLI Package

Lecture 5 Uninstalling Angular CLI & Verifying Cache

Lecture 6 Installing an Editor

Lecture 7 Complete Course Exercise Files

Section 2: Understanding How an Angular Application Works

Lecture 8 Creating a Simple Angular Application

Lecture 9 Understanding Angular Project Structure

Lecture 10 Understanding the Source Code Folder

Lecture 11 Understanding Package.json

Lecture 12 Understanding Package-lock.json

Lecture 13 Understanding Global and Local Packages

Lecture 14 Understanding Angular.json

Lecture 15 Understanding Build Process

Lecture 16 Understanding Execution Flow of an Angular Application

Lecture 17 Running the Production Build

Section 3: Creating New Angular Components

Lecture 18 Creating Inline Template Angular Components

Lecture 19 Creating CodeBehind Angular Components

Lecture 20 Creating Angular Components Using Angular CLI

Lecture 21 Nesting Components

Section 4: Using Built-In Directives

Lecture 22 Using the ngIf Directive - Demo 1

Lecture 23 Using the ngIf Directive - Demo 2

Lecture 24 Using the ngSwitch Directive

Lecture 25 Using the ngFor Directive

Lecture 26 Making ngIf Work like ngSwitch

Lecture 27 Using ngFor with various HTML Form Elements

Lecture 28 Using nested ngFor

Lecture 29 Working with ng-Container

Lecture 30 Using the Class Bindings

Section 5: Understanding Data Binding

Lecture 31 Using One-Way Data Binding

Lecture 32 Understanding Attribute Binding

Lecture 33 Working with ngStyle

Lecture 34 Understanding Two-Way Binding - Part 1

Lecture 35 Understanding Two-Way Binding - Part 2

Section 6: Working with Built-In Pipes

Lecture 36 Setting Up the Example Project

Lecture 37 Changing String Case

Lecture 38 Formatting Numbers, Currency Values, Percentage

Lecture 39 Formatting Dates

Lecture 40 Serializing Data as JSON

Lecture 41 Formatting Key/Value Pairs

Lecture 42 Selecting Values

Lecture 43 Pluralizing Values

Section 7: Working with RESTAPI

Lecture 44 Overview of RestAPI

Lecture 45 Using fetch to retrieve all records

Lecture 46 Using fetch to retrieve a single record

Lecture 47 Using ViewChild to render a Template - Part 1

Lecture 48 Using ViewChild to render a Template - Part 2

Lecture 49 Show All Users using bootstrap Card Component

Section 8: Designing a Simple Shopping Cart - Single Page

Lecture 50 Calling a REST API To Fill a DropDown List with Categories

Lecture 51 Handling a DropDown List Click Event To Get Products of a Category

Lecture 52 Add Items to Shopping Cart

Lecture 53 Delete a Shopping Cart Item

Section 9: Using Services

Lecture 54 Creating a Sample Service

Lecture 55 Calling Service Methods from a Component

Section 10: Working with Parent and Child Components

Lecture 56 Passing Data from Parent to Child Component

Lecture 57 Passing Data from Child To Parent Component

Lecture 58 Designing a Child Component - Example 2

Lecture 59 Designing a Parent Component - Example 2

Lecture 60 Tracking Changes of @Input Properties using ngOnChanges

Section 11: Working with Behavior Subject

Lecture 61 Sharing Data Between Multiple Components Using Behavior Subject

Lecture 62 Passing Data From Parent To Child Component Using Behavior Subject

Section 12: State Management using Cookies

Lecture 63 Using get,getAll,delete,deleteAll Methods to work with Cookies

Section 13: Working with HTML Form Controls Using Model-Based Forms Approach

Lecture 64 Enabling Model-Based Forms Feature in a new Solution

Lecture 65 Creating an Angular Service

Lecture 66 Working with TextBoxes

Lecture 67 Setting Up JSON Server To Create Fake Rest API

Lecture 68 Working With Radio Buttons

Lecture 69 Working with CheckBoxes - Part 1

Lecture 70 Working with CheckBoxes - Part 2

Lecture 71 Working with ListBox - Part 1

Lecture 72 Working with ListBox - Part 2

Section 14: Working with DropDownList using Model Based Forms Approach

Lecture 73 Load Items Into a DropDownList from a JSON file

Lecture 74 Implementing View

Lecture 75 Running and Debugging Application

Lecture 76 Filling Items into a DropDownList Dynamically

Lecture 77 Performing CRUD Operations on DropDownList Items

Lecture 78 Developing a LIVE Currency Converter using DropDownLists

Section 15: Working With various HTML Form Controls using Template Driven Approach

Lecture 79 Working with TextBoxes

Lecture 80 Implementing Validations for TextBoxes

Lecture 81 Working with CheckBoxes

Lecture 82 Working with Radio Buttons

Lecture 83 Working with ListBox - Part 1

Lecture 84 Working With ListBox -Part 2

Section 16: Working with DropDown Lists Using Template Driven Approach

Lecture 85 Event Handling with DropDown

Lecture 86 Filling DropDown Lists Dynamically

Lecture 87 Performing Delete,Select,Update,Insert operations

Section 17: Creating Custom Attribute Directives

Lecture 88 Creating a Custom Attribute Directive - 1

Lecture 89 Using Custom Attribute Directive in a Component

Lecture 90 Creating a Custom Directive - 2

Section 18: Creating Custom Pipes

Lecture 91 Creating a New Component

Lecture 92 Creating and Applying a Custom Pipe 1

Lecture 93 Creating and Applying a Custom Pipe 2

Lecture 94 Creating and Applying a Custom Pipe 3

Section 19: Implementing Pagination, Sorting, Filtering

Lecture 95 Implementing Pagination Functionality

Lecture 96 Implementing Sorting Functionality

Lecture 97 Implementing Filtering Functionality

Lecture 98 Implementing Sorting with in a Specific Page

Section 20: Implementing Sub Totals and Running Totals

Lecture 99 Looking at the Final Look of the Report

Lecture 100 Developing a Reporting Page To Display Sub Totals and Running Totals

Section 21: Implementing Expand And Collapse Functionality

Lecture 101 Looking at the Final Look of the Report

Lecture 102 Displaying Master Detail Records through Expand and Collapse Functionality

Lecture 103 Implementing Expand All and Collapse All Functionality

Section 22: Implementing Multi Level Expand And Collapse Functionality

Lecture 104 Looking at the Final Look of the Report

Lecture 105 Display Nested Grids through Expand and Collapse Functionality

Lecture 106 Implementing Expand All and Collapse All Functionality

Section 23: Performing Bulk Operations

Lecture 107 Looking at the Final Look Of Component

Lecture 108 Inserting Bulk Records

Lecture 109 Updating Bulk Records

Lecture 110 Deleting Bulk Records

Lecture 111 Deleting a Single record using a Radio Button

Section 24: Developing a ListView Page

Lecture 112 Looking at the Final Look of Component

Lecture 113 Displaying All Records using Grid Layout with Pagination - Part 1

Lecture 114 Displaying All Records using Grid Layout with Pagination - Part 2

Lecture 115 Setting Repeat Columns Direction

Lecture 116 Performing Insert Operation

Lecture 117 Performing Update Operation

Lecture 118 Performing Delete Operation

Section 25: Exporting Data To Various Formats

Lecture 119 Exporting Data To TXT,PNG,JSON,PDF,CSV File Formats

Lecture 120 Exporting Data To Excel

Section 26: Implementing Routing

Lecture 121 Implementing Routing Functionality

Lecture 122 Implementing Parameterized Routing

Section 27: Creating a REST API using ASP.NET Core

Lecture 123 Creating Sample Database and Table

Lecture 124 Creating and Configuring a Web API Project

Lecture 125 Writing Get Method To Retrieve All Records from SQL Server Database Table

Lecture 126 Writing Get Method To Retrieve an Individual Record from SQL Server Table

Lecture 127 Writing Put Method To Update a Record

Lecture 128 Writing Delete Method To Delete a Record

Lecture 129 Writing Post Method To Insert a Record

Section 28: Consuming REST API From Angular

Lecture 130 Creating Domain Model and Service Methods for GET, POST,PUT, DELETE requests

Lecture 131 Calling Get Method To Retrieve all records

Lecture 132 Calling Get Method To Retrieve a specific record

Lecture 133 Calling Put Method to Update a record

Lecture 134 Calling Delete Method to Delete a Record

Lecture 135 Calling Post Method to Insert a record

This course is for all web developers, software programmers, front-end developers and entry-level developers who want to learn Angular or enhance the existing Angular skills to the next level.