Video Tutorial Angular 2 Web Development with TypeScript with AngularJS


  • Course duration : 7h32m
  • Lifetime access
  • 30 days money back guarantee
Angular 2 Web Development with TypeScript

add to your wishlist remove this course from wishlist

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

About This Angular 2 Web Development with TypeScript Video course

  • Appreciate the superiority of TypeScript over JavaScript when writing web applications with Angular 2
  • Learn how to get started painlessly with Angular 2
  • Gain core skills by reviewing the well-structured sample code to write apps with TypeScript

Angular 2 / Typescript video course In Detail

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 video 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 video training will take your web development skills to a new level, enabling you to author Angular 2 applications from scratch.

AngularJS training table of contents (duration : 7h32m)

  • Introducing TypeScript
    • The Course Overview free 00:05:23
    • Features and Benefits of TypeScript free 00:06:44
    • Setting Up Our Environment 00:08:04
  • TypeScript Concepts
    • Built-in/ Primitive Types 00:12:31
    • Your First Class 00:06:50
    • Creating Advanced Methods 00:11:38
    • Inheritances and Interfaces 00:14:34
    • Debugging TypeScript 00:06:30
  • Advanced TypeScript Concepts
    • Using Enumerations, Constants, and Block Scope 00:08:24
    • Working with Statics 00:09:08
    • Advanced Properties 00:08:53
    • Generics 00:00:00
    • Solving "this" Problem 00:10:33
  • Starting Angular 2 Application
    • 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
  • Creating Web API Web Services
    • 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:00:00
  • Authoring Angular Components
    • 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
  • Navigation
    • Basics of Client-Side Routing 00:06:11
    • Configuring Routes 00:12:46
    • Nested Routes, Parameters, and Query Strings 00:08:02
    • Navigating with Directives and Code 00:13:20
  • Working with Forms
    • 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
  • Built-in Angular Building Blocks
    • 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
  • Working with Server Data and Next Steps
    • Reactive Extensions 00:07:27
    • Performing Insert, Update, and Delete Calls 00:11:05
    • Communicating Events between Components 00:07:26
    • Next Steps in Learning Angular 2 00:09:18

Instructor : Packt

Packt has published 45 tutorials and has sold 10 coursess. See others courses from Packt

  • With which software version is this tutorial compatible with?
  • What is the required level to follow this tutorial ?
Access to more than 19 free tutorials

no, I don't want to learn for free !

see our data protection policy