by Sergey Barskiy | Publisher: Packt Publishing | Release Date: December 2016 | ISBN: 9781785885563

Leverage the power of TypeScript while authoring Angular 2 applications to take your web development skills to the next levelAbout This VideoAppreciate the superiority of TypeScript over JavaScript when writing web applications with Angular 2Learn how to get started painlessly with Angular 2Gain core skills by reviewing the well-structured sample code to write apps with TypeScriptIn DetailAngular 2 is a web development framework focused on writing component-based applications. TypeScript allows us to develop applications in a higher language than JavaScript, avoiding common mistakes and leveraging the future features of JavaScript. The two make a great combination, helping us write maintainable, clean web applications' code using the tools of our choice.This course will get your well on your way to learning Angular 2 and TypeScript together. You will study and practice how to create Angular 2 components in TypeScript. When we are done, you will be able to set up the environment and create a full-fledged application that can consume and publish server data and allow users to interact with it.We start out by setting up an environment to develop a TypeScript-based Angular application. You will study the object-oriented features of TypeScript and then jump straight into the key concepts of Angular 2. We will create a new project setup in Visual Studio 2015 using the ASP.NET vNext web project. Next,we'll cover the creation of database and web API controllers that handle data operations using Entity Framework and SQL Server. Finally, we will create components, communicate with web services, and learn how to guide users through our application with menus and forms.This course will take your web development skills to a new level, enabling you to author Angular 2 applications from scratch.

1. Chapter 1 : Angular 2 Web Development with TypeScript
   • The Course Overview 00:05:23
   • Features and Benefits of TypeScript? 00:06:44
   • Setting Up Our Environment 00:08:04
   • Built-in/ Primitive Types 00:12:31
   • Your First Class 00:06:50
   • Home Page Card 00:11:37
   • Inheritances and Interfaces 00:14:34
   • Debugging TypeScript 00:06:30
   • Using Enumerations, Constants, and Block Scope 00:08:24
   • Working with Statics 00:09:08
   • Advanced Properties 00:08:53
   • Generics 00:12:03
   • Solving "this" Problem 00:10:33
   • Angular 2.0 Versus Angular 1.0? 00:07:44
   • Setting Up the New Project 00:13:05
   • Overview of Key Angular 2 Concepts 00:09:46
   • Creating the Shell Page 00:07:10
   • Creating the First Component 00:22:01
   • Brief Overview of the Web API 00:07:00
   • Brief Overview of the Entity Framework 00:05:05
   • Creating Entity Framework Classes and Configuration 00:12:21
   • Creating API Controller to Handle CRUD Operations 00:09:50
   • Configuring Application Start-up 00:08:02
   • Creating a Service That Uses HTTP 00:14:13
   • Creating the Nested Components Which Use Services 00:17:04
   • Creating a Directive 00:16:58
   • Creating a Pipe 00:09:47
   • Basics of Client-Side Routing 00:06:11
   • Configuring Routes 00:12:45
   • Nested Routes, Parameters, and Query Strings 00:08:02
   • Navigating with Directives and Code 00:13:20
   • Form Types and Anatomy of an Angular Form 00:08:17
   • Form Data Binding 00:12:16
   • Simple Validation 00:09:17
   • Reactive Forms 00:19:09
   • Monitoring Changes and Using Notifications 00:13:28
   • Dynamic Styling 00:13:29
   • Displaying Lists of Data 00:11:19
   • Conditionally Displaying Data 00:08:42
   • Change Detection and Component Queries 00:09:22
   • Dynamic Component Loading 00:10:02
   • Reactive Extensions 00:07:27
   • Configuring Routes 00:11:05
   • Configuring Routes 00:07:26
   • Configuring Routes 00:09:18