Hands-On TypeScript 3 and Angular 7 for Web Development

Hands-On TypeScript 3 and Angular 7 for Web Development
Hands-On TypeScript 3 and Angular 7 for Web Development
English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 2h 42m | 593 MB

Get practical experience to implement TypeScript and Angular to develop efficient websites

TypeScript is the default language that powers Angular applications and it’s currently undergoing several improvements as well. As TypeScript is a superset of JavaScript, it will help you build more complex and large web application using Typing and build an interactive application using Angular.

In this course, you’ll learning the concepts of TypeScript to work on an Angular project. Throughout the course, you’ll be building a real-world project using the features of Angular. You’ll learn to work with Angular components and the RxJS Library, and you’ll also learn to apply animation to develop your own high.

By the end of this course, you’ll have a command over Angular and TypeScript and will be able to build your own user-friendly website.

A practical approach to learn and implement the concepts of TypeScript and Angular to build a fully functional angular application.

What You Will Learn

  • Get to know the core building blocks of TypeScript such as Types, Interfaces, Classes, and Modules
  • Develop an interactive web application using Angular
  • Work with forms to obtain user data using Angular
  • Utilize the features of RxJS library to compose asynchronous or callback-based code
  • Implement animation in your web application to make it more engaging
  • Control the state of your application efficiently using Navigations and Routing
Table of Contents

Getting Started with TypeScript and Angular
1 The Course Overview
2 Introduction to TypeScript 3.0 & Angular 7
3 Installation and Setting Up Node.js and NPM
4 Installation and Setting Up the TypeScript Environment
5 Installation and Setting Up the Angular Environment

Dive into TypeScript 3
6 Write First Code in TypeScript
7 Data Types
8 TypeScript Interfaces
9 TypeScript Classes
10 TypeScript Namespaces and Modules
11 TypeScript Functions

Dive into Angular 7
12 Creating a Project and Project Hierarchy
13 Creating Custom Component
14 Component Templating and Styling
15 Understanding New Component Hierarchy
16 Adding Bootstrap to the Angular Project

User Interactivity and Dynamic Elements
17 Routing and Navigation
18 Working with User Inputs
19 Angular Directives
20 ngSwitch & ngFor Directives
21 Angular Services
22 HttpClient Library
23 Component Life Cycle Hooks

Angular Forms
24 Template Driven Forms
25 Reactive Forms
26 Form Validations
27 Dynamic Forms

Angular Animations
28 Animations in Angular
29 Animation States
30 Reusable Animations
31 Observables and the RxJS