Angular 2 Web Development with TypeScript [Video]

Preview in Mapt

Angular 2 Web Development with TypeScript [Video]

Sergey Barskiy

1 customer reviews
Leverage the power of TypeScript while authoring Angular 2 applications to take your web development skills to the next level
Mapt Subscription
FREE
$29.99/m after trial
Video
$106.25
RRP $124.99
Save 14%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$106.25
$29.99p/m after trial
RRP $124.99
Subscription
Video
Start 30 Day Trial

Frequently bought together


Angular 2 Web Development with TypeScript [Video] Book Cover
Angular 2 Web Development with TypeScript [Video]
$ 124.99
$ 106.25
Compass - powerful SASS library that makes your life easier [Video] Book Cover
Compass - powerful SASS library that makes your life easier [Video]
$ 53.99
$ 45.90
Buy 2 for $35.00
Save $143.98
Add to Cart
Subscribe and access every Packt eBook & Video.
 
  • 5,000+ eBooks & Videos
  • 50+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 

Video Details

ISBN 139781785885563
Course Length7 hours 52 minutes

Video 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.

Style and Approach

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.

Table of Contents

Introducing TypeScript
The Course Overview
Features and Benefits of TypeScript
Setting Up Our Environment
TypeScript Concepts
Built-in/ Primitive Types
Your First Class
Creating Advanced Methods
Inheritances and Interfaces
Debugging TypeScript
Advanced TypeScript Concepts
Using Enumerations, Constants, and Block Scope
Working with Statics
Advanced Properties
Generics
Solving "this" Problem
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
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
Authoring Angular Components
Creating a Service That Uses HTTP
Creating the Nested Components Which Use Services
Creating a Directive
Creating a Pipe
Navigation
Basics of Client-Side Routing
Configuring Routes
Nested Routes, Parameters, and Query Strings
Navigating with Directives and Code
Working with Forms
Form Types and Anatomy of an Angular Form
Form Data Binding
Simple Validation
Reactive Forms
Built-in Angular Building Blocks
Dynamic Styling
Displaying Lists of Data
Conditionally Displaying Data
Change Detection and Component Queries
Dynamic Component Loading
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

What You Will Learn

  • 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

Authors

Table of Contents

Introducing TypeScript
The Course Overview
Features and Benefits of TypeScript
Setting Up Our Environment
TypeScript Concepts
Built-in/ Primitive Types
Your First Class
Creating Advanced Methods
Inheritances and Interfaces
Debugging TypeScript
Advanced TypeScript Concepts
Using Enumerations, Constants, and Block Scope
Working with Statics
Advanced Properties
Generics
Solving "this" Problem
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
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
Authoring Angular Components
Creating a Service That Uses HTTP
Creating the Nested Components Which Use Services
Creating a Directive
Creating a Pipe
Navigation
Basics of Client-Side Routing
Configuring Routes
Nested Routes, Parameters, and Query Strings
Navigating with Directives and Code
Working with Forms
Form Types and Anatomy of an Angular Form
Form Data Binding
Simple Validation
Reactive Forms
Built-in Angular Building Blocks
Dynamic Styling
Displaying Lists of Data
Conditionally Displaying Data
Change Detection and Component Queries
Dynamic Component Loading
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

Video Details

ISBN 139781785885563
Course Length7 hours 52 minutes
Read More
From 1 reviews

Read More Reviews

Recommended for You

Compass - powerful SASS library that makes your life easier [Video] Book Cover
Compass - powerful SASS library that makes your life easier [Video]
$ 53.99
$ 45.90
Building Effective Microservices [Video] Book Cover
Building Effective Microservices [Video]
$ 124.99
$ 106.25
Advanced Tools and Techniques Beyond Base R [Video] Book Cover
Advanced Tools and Techniques Beyond Base R [Video]
$ 124.99
$ 106.25
Learning Microsoft Cognitive Services - Second Edition Book Cover
Learning Microsoft Cognitive Services - Second Edition
$ 35.99
$ 25.20
Pandas Cookbook Book Cover
Pandas Cookbook
$ 39.99
$ 28.00
Machine Learning with R Cookbook - Second Edition Book Cover
Machine Learning with R Cookbook - Second Edition
$ 39.99
$ 28.00