Angular 2 Web Development with TypeScript

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

Enroll Now

Sample Video

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

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
- Monitoring Changes and Using Notifications

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

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

For more details, write to us at :

info@multisoftvirtualacademy.com

(+91) 8130666206/209

Send us a Query

Combo Offers

The trainer was very supportive and solved my queries. I was also assisted with extra hours for additional help. I appreciate Multisoft team for delivering the training content within specified and realistic time.

Lal Bahadur, India

Thanks Multisoft Virtual Academy and team for providing such a knowledgable training. The trainer was good and punctual. The good part is I got placed as a Senior Software Engineer during my training only. I am really happy and planning to join more courses related to my field.

Manish Agarwal, India

It was great. I have learned a lot of new things in C. All the topics were clearly explained.

Ravi, India

It was a good and helpful training. The CoreJava and Android online training was imparted very well by the trainers and he clarified my doubts aptly.

Srishti Jain, India

Multisoft is an excellent training institute and the trainer was also very knowledgeable. Now, I have learnt all the skills of a good developer. I am thankful to Multisoft, the Trainer and the Training Advisor for the support they provided during the training

Ismaila Camara , USA

It was a decent experience. I value the team who guided me well amid my training sessions. The trainer gave me point to point information about the course. After this training I feel more sure about my profile. The best part about the training is that it was profoundly tweaked which gave me a a sign of relief when I ran out of time.. I thank the whole MVA group for their support and direction.

MADDALI SNEHA, INDIA

It is an effective course. Training schedule was flexible. The trainer was cooperative and interactive. Overall satisfied with how the training was placed and the topics covered under it. Looking forward to take up more courses, which will add to my credentials and career growth.

Chinmayi S. Jamadagni, India