Leverage the power of TypeScript while authoring Angular 2 applications to take your web development skills to the next level.
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.
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.
- Set up the development environment to get started with Angular 2 and Typescript
- Grasp how to debug TypeScript in a browser
- 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
Who is this course intended for?
This course is for new web application developers.
|The Course Overview||00:00:00|
|Features and Benefits of TypeScript||00:00:00|
|Setting Up Our Environment||00:00:00|
|Built-in/ Primitive Types||00:00:00|
|Your First Class||00:00:00|
|Creating Advanced Methods||00:00:00|
|Inheritances and Interfaces||00:00:00|
|Advanced TypeScript Concepts|
|Using Enumerations, Constants, and Block Scope||00:00:00|
|Working with Statics||00:00:00|
|Solving “this” Problem||00:00:00|
|Starting Angular 2 Application|
|Angular 2.0 Versus Angular 1.0?||00:00:00|
|Setting Up the New Project||00:00:00|
|Overview of Key Angular 2 Concepts||00:00:00|
|Creating the Shell Page||00:00:00|
|Creating the First Component||00:00:00|
|Creating Web API Web Services|
|Brief Overview of the Web API||00:00:00|
|Brief Overview of the Entity Framework||00:00:00|
|Creating Entity Framework Classes and Configuration||00:00:00|
|Creating API Controller to Handle CRUD Operations||00:00:00|
|Configuring Application Start-up||00:00:00|
|Authoring Angular Components|
|Creating a Service That Uses HTTP||00:00:00|
|Creating the Nested Components Which Use Services||00:00:00|
|Creating a Directive||00:00:00|
|Creating a Pipe||00:00:00|
|Basics of Client-Side Routing||00:00:00|
|Nested Routes, Parameters, and Query Strings||00:00:00|
|Navigating with Directives and Code||00:00:00|
|Working with Forms|
|Form Types and Anatomy of an Angular Form||00:00:00|
|Form Data Binding||00:00:00|
|Monitoring Changes and Using Notifications||00:00:00|
|Built-in Angular Building Blocks|
|Displaying Lists of Data||00:00:00|
|Conditionally Displaying Data||00:00:00|
|Change Detection and Component Queries||00:00:00|
|Dynamic Component Loading||00:00:00|
|Working with Server Data and Next Steps|
|Performing Insert, Update, and Delete Calls||00:00:00|
|Communicating Events between Components||00:00:00|
|Next Steps in Learning Angular 2||00:00:00|
No Reviews found for this course.