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 2
It's All about Components
Content Locked
Section 1
One-way Data Binding
We want to display data from the JavaScript side onto the screen. This is done via data binding from the component to the template. - Add properties to the component - IAdd bindings on the template using either {{...}} or [...] notations - Bind to many properties of the DOM elements to show/hide, style, toggle classes, and other transformations of the elements