Pre-rendering Angular 2 applications on the server.
- [Juri] Hi, congratulations you've made it…to the last video of this course.…In the previous video, we learned about Angular 2…on a mobile powered by Ionic 2.…In this video, we are going to run Angular on a server-side.…Yes, you heard right.…We're going to look at Angular Universal,…which is how server-side rendering support…is called in Angular 2.…Now there are various reasons…why you would want server-side rendering,…mostly for having faster loading websites,…for taking care of slower browsers like on mobile devices,…but also for CEO support.…
Now Angular 2 has been designed for being able to run…in non-browser environments from the ground up.…This was a major design goal for the entire library.…Now for enabling server-side rendering support,…we need the help of the external Angular Universal library,…which currently is called Angular Universal Preview.…Now as you can see,…it sits directly on our Angular repository,…so it's something that's officially supported…by the Angular core team,…and also the name indicates…
Get up to speed with one of the most important building blocks of Angular 2: component-based directives, aka components. Components are reusable HTML widgets that replace the controller-based architecture in Angular. This course guides you through the various steps in migrating to Angular 2 and building real-world Angular components of your own.
Author Juri Strumpflohner starts by setting up a modern development environment with TypeScript and ES2015 support. Next, he explains what components are, how to build them, and how they differ from directives. He provides an opportunity to apply these new concepts while building a fictitious dashboard application for a home automation system.
Next, learn about HTML rendering templates, see how to establish a data flow between different components, and even find out how to integrate external libraries. Juri also shows how to make components production-ready and maintainable by applying automated unit and end-to-end testing techniques. As a bonus, discover how to bring your Angular 2 components to other environments such as the server side and mobile devices.
- Upgrading to Angular 2
- Feeding a component with data
- Building a foundation for your Angular app
- Building reusable models
- Comparing components and directives
- Integrating an external library
- Bundling and minification
- Maintaining components
- Testing and debugging Angular 2 components
- Building hybrid mobile apps with Angular 2 and Iconic 2