Book Image

Angular 2 Web Development with TypeScript [Video]

By : Sergey Barskiy
Book Image

Angular 2 Web Development with TypeScript [Video]

By: Sergey Barskiy

Overview of this book

<p style="text-align: left;">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.</p> <p>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.</p> <p>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.</p> <p>This course will take your web development skills to a new level, enabling you to author Angular 2 applications from scratch.</p> <h1>Style and Approach</h1> <p>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.</p>
Table of Contents (10 chapters)
Chapter 10
Working with Server Data and Next Steps
Content Locked
Section 3
Communicating Events between Components
As we make server calls, we want to indicate to the user that communication is taking place. We also want to add communication between components to coordinate the completion of HTTP calls. We will create a busy indicator control to use with our components. We will also add an output event to our child component to communicate with the parent when an HTTP call is complete. - Implement a delete functionality in an item component with an event to communicate with the list event - Subscribe to the event to refresh the list complement - Create a busy indicator to show a user that server communication is taking place