Learning Angular Components helps you get on track by introducing you to Google’s brand new Angular platform. In this video course, you will be guided through the various steps in building real-world Angular components for version 2+.
We will start by setting up a modern development environment with TypeScript and ES2015 support, and you'll gain an initial understanding of what components are about, how to build them, and how they differ from the directives. We then focus on applying new concepts while building a fictitious dashboard application for a home automation system.
We'll guide you through the process of building reusable Angular components. You will learn about HTML rendering templates, see how to establish a data flow between different components, and even find out how to integrate external libraries. But not only that, we will also focus on how to make our components production-ready and maintainable by applying automated unit and end-to-end testing techniques. As a bonus, you will discover how to bring your Angular components to other environments such as the server side and mobile devices.
Learning Angular Components is your go-to guide when building successful Angular components.
About the Author
He organizes a software craftsmanship meetup, contributes to open source projects, does technical book reviews.
The viewer doesn't yet have a good understanding of ES6 and TypeScript, which makes it hard for him to read and understand Angular 2 code. Thus, we go over the fundamental features and we'll take a look at our development setup, on top of which we build our application.
Current approaches in componentization and reusability on the web frontend have some undesirable side effects. This video shows the user what the potential problems are and how modern methodologies like WebComponents and Angular aim at tackling them.
How do we write Angular 2 components? In this video we'll get a first grasp at it.
Commonly, our components interact with the outside by having data flow in and out. This video demonstrates how to realize that data flow.
Many already have huge Angular 1.x applications. In the long run, people will want to upgrade in order to benefit from Angular 2's new features. This video shows some possible upgrade paths and measures that should be taken.
Know how to decompose a UI into components and how to properly organize them from into folders, following naming and structuring guidelines from the community.
Inject an external dependency into a component and render its data using the Angular template syntax.
How to use pipes to filter data and how to establish a data flow and communication between different components.
Develop a modal dialog, style it via dedicated component properties and establish a two-way databinding with the passed data.
Currently our modal dialog solution is not reusable for different use cases. We will solve this in this video.
Learn about the difference between components and directives.
Learn how to interact with child content that is projected in a <ng-content> region.
How to best integrate external third-party libraries and make them work with Angular 2.
Minify, bundle and deploy an app in production.
How to debug the current state of our application to gain a better insight.
How to automate the detection of malfunctioning software.
Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.
With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.
From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.
Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.