Big Savings: Special offer Get FLAT 15% Instant Discount Get Details
Leverage the power of TypeScript while authoring Angular 2 applications to take your web development skills to the next level

Angular 2 Web Development with TypeScript

     39 Learners       Add to wishlist

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

  • Video Duration:8 Hours
  • Cost: $ 124.99

Course Details

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.

Who all can attend

This video is for new web application developers. Some understanding of web development is very helpful and a basic knowledge of JavaScript is highly recommended to follow the course.

What you will learn from this course

  • 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

Course Content

  1. Introducing TypeScript
    • The Course Overview
    • Features and Benefits of TypeScript
    • Setting Up Our Environment

  2. TypeScript Concepts
    • Built-in/ Primitive Types
    • Your First Class
    • Creating Advanced Methods
    • Inheritances and Interfaces
    • Debugging TypeScript

  3. Advanced TypeScript Concepts
    • Using Enumerations, Constants, and Block Scope
    • Working with Statics
    • Advanced Properties
    • Generics
    • Solving "this" Problem

  4. Starting Angular 2 Application
    • Angular 2.0 Versus Angular 1.0?
    • Setting Up the New Project
    • Overview of Key Angular 2 Concepts
    • Creating the Shell Page
    • Creating the First Component

  5. Creating Web API Web Services
    • Brief Overview of the Web API
    • Brief Overview of the Entity Framework
    • Creating Entity Framework Classes and Configuration
    • Creating API Controller to Handle CRUD Operations
    • Configuring Application Start-up

  6. Authoring Angular Components
    • Creating a Service That Uses HTTP
    • Creating the Nested Components Which Use Services
    • Creating a Directive
    • Creating a Pipe

  7. Navigation
    • Basics of Client-Side Routing
    • Configuring Routes
    • Nested Routes, Parameters, and Query Strings
    • Navigating with Directives and Code

  8. Working with Forms
    • Form Types and Anatomy of an Angular Form
    • Form Data Binding
    • Simple Validation
    • Reactive Forms
    • Monitoring Changes and Using Notifications

  9. Built-in Angular Building Blocks
    • Dynamic Styling
    • Displaying Lists of Data
    • Conditionally Displaying Data
    • Change Detection and Component Queries
    • Dynamic Component Loading

  10. Working with Server Data and Next Steps
    • Reactive Extensions
    • Performing Insert, Update, and Delete Calls
    • Communicating Events between Components
    • Next Steps in Learning Angular 2

Contact Us

Instructor-led online training is also available for the same course.

For more details, write to us at :

Call(+91) 8130666206/209

Send us a Query


I agree to be contacted via e-mail.

Combo Offers

Get in Touch

Follow Us

We Accept Online Payments

Online Registration

Subscribe to our Newsletter

Contact Us


I agree to be contacted via e-mail.

  • PMP, PMI, PMBOK, CAPM, PgMP, PfMP, ACP and SP are registered marks of the Project Management Institute, Inc.
  • PRINCE2® is a registered trade mark of AXELOS Limited
  • ITIL® is a registered trade mark of AXELOS Limited
  • MSP® is a registered trade mark of AXELOS Limited
  • The Swirl logoTM is a trade mark of AXELOS Limited, used under permission of AXELOS Limited. All rights reserved.

How can help you?