by Bartlomiej Potaczek | Publisher: Packt Publishing | Release Date: November 2017 | ISBN: 9781788391009

Build cutting-edge web apps in Angular using TypeScriptAbout This VideoLeverage the power of TypeScript for developing large-scale Angular applicationsTake advantage of the cutting edge features of Angular for building high performing, maintainable applicationsExplore Angular implementation of directives, services, forms and much moreIn DetailAngular is a client-side framework that makes it easy to build applications with the web. It contains tons of useful features such as components, directives, services and more and integrates best practices to solve development challenges. Angular empowers developers to build applications that live on the web, mobile, or the desktop. Angular is written in TypeScript - an open source and cross-platform typed superset of JavaScript that compiles to plain JavaScript that runs in any browser or any host. TypeScript adds optional static types, classes, and modules to JavaScript, to enable great tooling and better structuring of large JavaScript applications.This video teaches you how to leverage the exciting features of Angular and TypeScript while working on the Angular framework. At the beginning of the course, you will be introduced into TypeScript where you will install and run TypeScript compiler, and you will learn the basics of TypeScript language, and do a bunch of practical examples with variables, arrays, functions, and so on. Next, you will start working with Angular, you will install Angular-CLI, and do first “hello world” using Angular-CLI. Then, you will work with components and events where you will create your first component, and you will learn how to listening to the events. Following that, you will learn the basics of Angular Directives and you will create your own. Going forward you will learn and create an interactive form with Angular Reactive Forms and you will learn how to add form validation. Next, you will learn what is a dependency injection, you will create and inject a service into a component and into another service. Then you will go through Angular Routing, you will create a simple application routing, you will learn how to add Router navigation links and how to handle routes. Following that, you will work with real hosted data where you will replace mocked data with remote data using Angular HTTP module. At the end of this course, you will learn how you can easily debug your code and run tests with Angular-CLI.

1. Chapter 1 : Getting Started with TypeScript
   • The Course Overview 00:02:57
   • From Loose Types to Strict Types 00:02:21
   • Installing and Running TypeScript Compiler 00:02:40
   • TypeScript Basics 00:16:12
2. Chapter 2 : Up and Running with Angular
   • What is Angular? 00:01:37
   • Angular CLI Installation 00:01:25
   • Hello World with Angular CLI 00:03:16
3. Chapter 3 : Understanding Components and Events
   • Working with Templates 00:10:38
   • Creating Component 00:03:27
   • Listening to the Events 00:04:54
4. Chapter 4 : Writing Directives
   • What Are Directives? 00:02:07
   • Using ngClass and ngFor Directives 00:04:49
   • Other Directives 00:12:02
5. Chapter 5 : Building Interactive Forms
   • Creating a Form 00:03:02
   • Handling Forms 00:05:25
   • Form Validation 00:06:20
6. Chapter 6 : Separating Concerns Using Typed Services
   • What Are Services and DI? 00:03:18
   • Creating and Injecting a Service 00:05:58
   • Injecting a Service into a Service 00:03:22
7. Chapter 7 : Client Side Routing for Single Page Application
   • Up and Running with Routing 00:03:40
   • Router Links Navigation 00:05:24
   • Handling Routes 00:02:33
8. Chapter 8 : Working with Real Hosted Data
   • Angular HTTP Service 00:02:49
   • Working with HTTP Request Methods 00:05:59
   • Handling UI Updates 00:06:00
9. Chapter 9 : Testing and Debugging
   • Error Handling 00:02:42
   • Debugging with Dev Tools 00:04:19
   • Running Tests with CLI 00:04:18