Final Words

Introduction

As you have seen throughout this tutorial, Angular provides a consistent set of patterns for building components, templates, and services, helping us to come up to speed quickly. Welcome back to Angular: Getting Started from Pluralsight. My name is Deborah Kurata and the final words in this tutorial include a recap of our journey, a few pointers to additional information, and a look at a broader description of Angular. Let's jump right into this short chapter.

Recapping Our Journey

The goal of this tutorial was to guide you down the right path, making your own adventures with Angular more pleasant and productive. Let's recap our journey and review the answers to the key questions we identified at the beginning of this tutorial. What is a component? We discovered that a component is a view defined with a template, logic defined with a class, and metadata defined with a decorator. Where do we put the HTML for our user interface? Either in the metadata using the template property or in a separate HTML file using the template URL file in the metadata. When should we use binding? Any time we want to display a component class property value in the view. When we want to control the DOM by setting a DOM element property in code. When we want to respond to user actions, and when we want to display a component class property, and update the property when the user makes a change. Why do we need a service? We uncovered several reasons for building a service. To implement functionality that is independent from any particular component, to share data and logic across components, and to encapsulate external interactions such as with data access. And how? How do we build an Angular application? With code that looks like this. Export a class, attach a decorator, and import what we need. Then put each component, directive, and pipe in its appropriate Angular chapter. Leverage the Angular CLI for creating, building, testing, and deploying your Angular application. Along the way, each chapter provided a set of checklists containing steps and tips. Feel free to revisit and reference these checklists as you start building your own Angular applications.

Learning More This tutorial covered the basics, but there is so much more. The Angular: First Look tutorial provides a comparison of Angular JS to the newer versions of Angular and presents a more full-featured sample application. The Angular CLI tutorial covers much more about the Angular CLI. Angular Reactive Forms covers building and validating data entry forms with Angular and details basic CRUD or create, read, update, and delete operations using HTTP. In the Angular Routing tutorial you'll learn how to define more complex routes, pass data to routes, guard your routes, pre-load data for your views, lazy load routes for better performance, and much more. Angular Component communication provides effective solutions for tracing and sharing state and sending notifications between components. This tutorial teaches you numerous communication techniques. and more importantly which to use when, Angular Fundamentals expands on the basics and covers more intermediate information on every key aspect of Angular. And unit testing in Angular teaches everything you need to know to unit test your Angular projects. Including testing services, component templates and dealing with a synchronize code In addition to tutorials, the Angular documentation is very comprehensive and is a great reference to everything Angular. And I've set up a GitHub repository for this tutorial so you can use it as a starting point or learning aide. It provides starter files if you want to try building an application yourself or you can review the completed tutorial files here.

What Is Angular? (Revisited)

At the beginning of this tutorial, we defined Angular as a JavaScript framework for building client-side applications using HTML, CSS, and a language such as JavaScript, but this is a somewhat narrow view of Angular, focusing on using it just for client-side web applications, but Angular is actually so much more. A better definition is that Angular is a platform. It supports multiple languages, multiple templating syntaxes, and multiple rendering targets. It has features to support mobile web such as material design, a set of widgets that work across devices, Angular Universal to pre-render views on the server, and Web Workers for background processing. And Angular supports native mobile development using products such as ionic and native script. Keep an eye on Pluralsight and Angular I/O for more information on these exciting technologies.

Closing Congratulations! You've made it! Yay! You've completed the journey through the basics of Angular. But the road goes ever on and on. There are so many more paths for us to take and so much more to learn. Thoughts or comments about this tutorial? Please use the discussion tab on the Pluralsight page for the tutorial to leave your feedback and follow me on Twitter. It would be great to hear about your Angular adventures. Thanks for listening and I hope you enjoyed our adventure through Angular.