Interactive Websites With Angular And Typescript

Angular and TypeScript

What you'll learn

Angular and TypeScript

Handling Project Files and TypeScript Compilation

Components Templates Services Directives

Data Rendering and Events Handling

Building Reusable Components

Controlling Rendering of HTML

Creating Template Driven Forms and Model Driven Forms

Using Observables

Communicating with Server using APIs

Building Single Page Application with Routing

CRUD with Firebase

Requirements

No Programming Experience Needed

Description

What is Angular? TypeScript, Single Page Applications, Tools for Angular Application Development, Node, NodeJS, Typings, Angular CLI, ng, Visual Studio Code, Creating First Project, Node Package Manager, npm, TypeScript EditorAngular Project Files, TypeScript Compilation, Transpile, watch mode compilation, tsconfig.json, package.json, main.ts, app folder, app.module.ts, app.component.ts, app.component.html, app.component.css, app.component.scssCreating Components, Using Components, Directives, Custom Directives, Templates, Creating Services, Using Services, Dependency Injection, One Way BindingProperty Binding, CSS Class Binding, Style Binding, Event Handling, Rendering Data, Events Handling, One Way Binding, Two Way Binding, Interpolation, Rating Component Creation, On Click Events HandlingBuilding Reusable Components, Component Input Properties, Component Output Properties, Templates, Styles, API, Displaying Multiple Products with Product Image, Name, Date, Rating, Number of Reviews, DescriptionControlling Rendering of HTML, ngFor, ngIf, ngSwitch, ngSwitchCase, ngSwitchDefault, Pipes, DatePipe, UpperCasePipe, LowerCasePipe, CurrencyPipe, PercentPipe, Custom Pipes, Chaining Pipes, ng-ContentTemplate Driven Forms, Model Class to Represent the Data in the Form, Displaying the List of Options in a Select Dropdown using *ngFor, Two-way Binding with Form and Component Properties using ngModel , Displaying form Field Validation Errors using ngModel, Form Submission using ngSubmitModel Driven Forms, FormControl, FormGroup, FormBuilder, Implement Custom Validation, Validate the Form upon SubmitObservables, Creating Observable from DOM Events, Observable Operators, filter Operator, debounceTime Operator, distinctUntilChanged OperatorRESTful API, Getting Data from the Server, Dependency Injection, Component’s Lifecycle Hooks, OnInit, OnDestroy, DoCheck, OnChanges, AfterContentInit, AfterContentChecked, AfterViewInit, AfterViewChecked, Showing a Loader Icon, Spotify Results Display Page, Adding an Input to Spotify Results Display Page, RESTful api using Observables, Http, HttpClient, HttpClientModule, get(), post(), put(), delete(), head()Building Single Page Application with Routing, Define Routes, Configure Routes, Rendering Requested Component, Router Outlet, Providing Router Links, Create Routes with Parameters, Retrieving Parameters, Route Guards, Authorization with the CanActivate Interface, Preventing unsaved Changes with the CanDeactivate InterfaceC.R.U.D. operations using Firebase, Firebase as Backend Server, Adding Firebase to Web Application, Working with Firebase Database, Firebase Console, Bootstrap, Add Data, Read Data, Update Data, Delete Data, Pagination Controls, Form Builder, Validators, Form Group, Reactive Forms, Toastr, Firebase, @angular/fire, ngx-pagination, ngx-toastr

Overview

Section 1: Introduction

Lecture 1 Introduction

Section 2: Project Files and TypeScript Compilation

Lecture 2 Project Files and TypeScript Compilation

Section 3: Components Templates Services Directives

Lecture 3 Components Templates Services Directives

Section 4: Data Rendering and Events Handling

Lecture 4 Data Rendering and Events Handling

Section 5: Building Reusable Components

Lecture 5 Building Reusable Components

Section 6: Controlling Rendering of HTML

Lecture 6 Controlling Rendering of HTML

Section 7: Template and Model Driven Forms

Lecture 7 Template Driven Forms

Lecture 8 Model Driven Forms

Section 8: Observables

Lecture 9 Observables

Section 9: Communicating with Server using Spotify API

Lecture 10 Communicating with Server using Spotify API

Section 10: Building Single Page Application with Routing

Lecture 11 Building Single Page Application with Routing

Section 11: CRUD with Firebase

Lecture 12 CRUD with Firebase

Beginner and Prospective Learners willing to design and develop functional websites