Book Image

Angular 2 Deep Dive [Video]

By : Mathieu Chauvinc
Book Image

Angular 2 Deep Dive [Video]

By: Mathieu Chauvinc

Overview of this book

<p>Angular 2 promises cross-platform coding, greater development efficiency, better speed and performance and incredible tooling to create applications, both mobile and desktop.</p> <p>Angular 2 is a massive architectural overhaul from its predecessor, and will completely change the way developers approach JavaScript web development. The redesign incorporates several new key development concepts and practices, meaning developers have to adopt a new way of approaching projects with Angular. This course delivers an early deep dive into the architectural aspects of Angular 2 development, and imparts the knowledge you need to understand comprehensively and put into practice the key concepts powering the framework.</p> <p>We will begin by grasping the concepts of Angular 2, and apply them to an application that grows in complexity throughout the course, culminating in a fully-featured example of song-library.</p> <p>You will discover how to present data to users while also ensuring that their interactions on the UI are handled by the presentation layer of your app. Then we will take a look at business logic needs so that the system behaves exactly as per your requirements; here services and other abstraction layers will come into play.</p> <p>You will also learn how to create forms with ease, and smoothly handle validation. At the end, we’ll glue all these development aspects with reactive and asynchronous programming, which you will embrace as you learn to control flows and story lines of actions in the app.</p> <p>This course will not only teach you the ropes of developing with the framework, but also help you build more complex and future-proof applications.</p> <h1>Style and approach</h1> <p>This course contains practical hands-on videos that begin from scratch and become a full-fledged application with live coding and explanations. By the end of the course, you will be able to work with the framework in the most effective way possible, progressing your skills to a more sophisticated level with Angular 2.</p>
Table of Contents (7 chapters)
Chapter 4
Routing through the App
Content Locked
Section 3
Child Routing
Under a single item page, it is common to have sub-items, for example, the details for a track, and the artist for a track. We can handle all routes from the main component, but that's messy and not very future proof. With the new router's child routing abilities, we will extend a single item route defined at the top level, with sub-routes defined on the single track page component. - Declare new routes on the child component - Include sub-route content using router outlet - Route to the correct links using relative routing