• No products in the cart.

Leverage the power of TypeScript while authoring Angular 2 applications to take your web development skills to the next level.

Course Description

Angular 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.
This is a fast-paced, example-based video course packed with information from the basics of TypeScript and Angular 2 to writing code on the go. We start with TypeScript core concepts, move on to Angular building blocks, and finish up with a running application that can serve as a blueprint for further studying or production development. Although briskly paced, it covers all the key concepts of the technologies involved.

Learning Outcomes

  • Set up the development environment to get started with Angular 2 and Typescript
  • Grasp how to debug TypeScript in a browser
  • See how TypeScript solves “this” problem in JavaScript
  • Create web API web services in ASP.NET Core with Entity Framework 7 and SQL Server
  • Author the key building blocks of an Angular 2 application, injectable services, components, pipes, and directives
  • Find out how to validate user input using Angular 2 forms
  • Use the built-in Angular features to build list-based screens and study how to conditionally display data
  • Create a menu-based navigation system to guide the user through the application
  • Understand the basics of the Reactive Extensions framework to compose complex applications, flowing data, and events between components


Some understanding of web development is very helpful and a basic knowledge of JavaScript is highly recommended to follow the course.

Who is this course intended for?

This course is for new web application developers.

Course Curriculum

Introducing TypeScript
The Course Overview 00:00:00
Features and Benefits of TypeScript 00:00:00
Setting Up Our Environment 00:00:00
TypeScript Concepts
Built-in/ Primitive Types 00:00:00
Your First Class 00:00:00
Creating Advanced Methods 00:00:00
Inheritances and Interfaces 00:00:00
Debugging TypeScript 00:00:00
Advanced TypeScript Concepts
Using Enumerations, Constants, and Block Scope 00:00:00
Working with Statics 00:00:00
Advanced Properties 00:00:00
Generics 00:00:00
Solving “this” Problem 00:00:00
Starting Angular 2 Application
Angular 2.0 Versus Angular 1.0? 00:00:00
Setting Up the New Project 00:00:00
Overview of Key Angular 2 Concepts 00:00:00
Creating the Shell Page 00:00:00
Creating the First Component 00:00:00
Creating Web API Web Services
Brief Overview of the Web API 00:00:00
Brief Overview of the Entity Framework 00:00:00
Creating Entity Framework Classes and Configuration 00:00:00
Creating API Controller to Handle CRUD Operations 00:00:00
Configuring Application Start-up 00:00:00
Authoring Angular Components
Creating a Service That Uses HTTP 00:00:00
Creating the Nested Components Which Use Services 00:00:00
Creating a Directive 00:00:00
Creating a Pipe 00:00:00
Basics of Client-Side Routing 00:00:00
Configuring Routes 00:00:00
Nested Routes, Parameters, and Query Strings 00:00:00
Navigating with Directives and Code 00:00:00
Working with Forms
Form Types and Anatomy of an Angular Form 00:00:00
Form Data Binding 00:00:00
Simple Validation 00:00:00
Reactive Forms 00:00:00
Monitoring Changes and Using Notifications 00:00:00
Built-in Angular Building Blocks
Dynamic Styling 00:00:00
Displaying Lists of Data 00:00:00
Conditionally Displaying Data 00:00:00
Change Detection and Component Queries 00:00:00
Dynamic Component Loading 00:00:00
Working with Server Data and Next Steps
Reactive Extensions 00:00:00
Performing Insert, Update, and Delete Calls 00:00:00
Communicating Events between Components 00:00:00
Next Steps in Learning Angular 2 00:00:00

Course Reviews


  • 5 stars0
  • 4 stars0
  • 3 stars0
  • 2 stars0
  • 1 stars0

No Reviews found for this course.

  • $99.00 $10.00
  • Course Certificate

    Related Courses

    © Learnsector