by Bartlomiej Potaczek | Publisher: Packt Publishing | Release Date: March 2018 | ISBN: 9781788993715

Harness the capabilities of TypeScript to build cutting-edge web apps with AngularAbout This VideoLeverage the power of TypeScript to develop large-scale Angular appsLearn the cutting-edge features of TypeScript 2.x to build high-performing, maintainable applicationsExplore the TypeScript implementation of modules, classes, and annotations with Angular componentsIn DetailTypeScript 2.x adds optional static types, classes, and modules to JavaScript, giving you great tools and enabling you to structure of large JavaScript applications better. In this course, we'll teach you how to leverage the exciting features of TypeScript while working on Angular projects to build scalable, data-intensive web applications.We'll begin with an introduction to TypeScript and Angular framework, where you will install the TypeScript compiler and learn the most important secrets of the TypeScript language such as types, functions, classes, interfaces and start working in the Angular environment. The next section describes the introduction to components in the Angular framework using TypeScript. Using Angular CLI, you will create your first component, learn how to compose components, learn lifecycle methods in Angular, and respond to the user actions with events. The third section describes the services in the Angular framework, where you will learn about dependency injection and services in the Angular framework, create your first service, which will inject into the component and for service.The next section describes modules, directives, pipes and two-way data binding, where you will learn about modules in the Angular framework, find out what directives are and how to use them, create your own custom directive, add an external directive, transform data with pipes, and create two-way data binding in two ways. In the next section, you will learn how to create a reactive form, handle the form and validate the data. The sixth section describes the routing strategies, where you will create an example routing configuration, add links thanks to which it will be possible to navigate without reloading the page, handle routing.The last section is an introduction to testing and debugging, where you will learn about the tests, the types of tests, learn how to debug code using Chrome dev tools, and create component tests.The code bundle for this video course is available at https://github.com/PacktPublishing/Learn-TypeScript-for-Angular-Development

1. Chapter 1 : Getting Started With TypeScript and Angular
   • The Course Overview 00:03:12
   • TypeScript Introduction 00:03:44
   • Installing and Running TypeScript Compiler 00:02:50
   • Basic Types 00:03:05
   • Working with Functions 00:06:51
   • Deep Dive into Classes and Interfaces 00:07:51
   • Writing Reusable Code with Generics 00:05:26
   • Setting up Angular and TypeScript 00:04:28
2. Chapter 2 : Custom Components with TypeScript
   • Creating Component 00:10:38
   • Component Composition 00:02:18
   • Lifecycle Hooks 00:03:22
   • Listening to the Events 00:03:14
3. Chapter 3 : Separating Concerns with Typed Services
   • An Introduction to Dependency Injection (DI) 00:03:15
   • Creating and Injecting a Service 00:05:46
   • Injecting a Service into Another Service 00:03:18
4. Chapter 4 : Writing Modules, Directives, and Pipes with TypeScript
   • Understanding Modules 00:04:05
   • Writing Powerful Directives 00:14:44
   • Transforming Data with Pipes 00:02:52
   • Two-Way Data Binding 00:02:57
5. Chapter 5 : Powerful Reactive Forms with TypeScript
   • Creating a Dynamic Form Component 00:03:31
   • Handling Forms 00:05:00
   • Form Validation the Right Way 00:06:41
6. Chapter 6 : Routing Strategies - Client-Side Routing for Spa
   • Setting Up the Routes 00:05:02
   • Navigating to Different Routes Through Links 00:02:21
   • Handling Routes 00:02:01
7. Chapter 7 : Testing and Debugging
   • An Introduction to Testing 00:02:22
   • Debugging with Dev Tools 00:03:34
   • Testing the Components 00:04:20