Angular 2 Web Development with TypeScript
ERROR
00:00
00:00

VIDEO TUTORIAL Angular 2 Web Development with TypeScript

Packt
109,00€

Unlimited download & streaming

Satisfied or refunded

100% secure payment

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.

What will you learn in this course?

Course plan
Chapter 1
Introducing TypeScript
Chapter 2
TypeScript Concepts
Chapter 3
Advanced TypeScript Concepts
Chapter 4
Starting Angular 2 Application
Chapter 5
Creating Web API Web Services
Chapter 6
Authoring Angular Components
Chapter 7
Navigation

Detailed course plan

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

Your questions about the course

With which software version is this tutorial compatible with?

Angular

What is the required level to follow this tutorial ?

beginner

Wait ! 🤗

Access more than 19 free tutorials

Our data protection policy