Book Image

Angular 2 Essentials [Video]

By : John Munsch
Book Image

Angular 2 Essentials [Video]

By: John Munsch

Overview of this book

<p>Angular 2 is a dream framework for any modern day web developer. It lets you build powerful and impressive web applications, with great development efficiency, speed, and performance. This course helps you gain a strong foundation in Angular 2 and the key concepts involved in creating modern web applications.</p> <p>Starting off by building your first Angular 2 component, you’ll go all the way through topics such as deployment and automated builds by the end of the course.</p> <p>After building your first components, you’ll return to the build-tools to understand them better. Here you’ll see how Gulp is used throughout to automate the building of your software to make your development life easier. Then you’ll take a deep dive into the constituents of an Angular 2 component and use them to reconstruct an existing example site for Google's Material Design Lite library. Once you have your application ready, you will learn how to test and debug it. Finally, we wrap up the course by deploying your app and you’ll learn how to incorporate the continuous integration principle for automation.</p> <h1>Style and Approach</h1> <p>Showing you mounds of configuration without any understanding of how it fits together is a recipe for confusion and an inability to fix a problem when you have one. Hence more than anything, this video course tries to make sure you understand why and how things are built the way they are with Angular 2, not just the mechanics, in a step-by-step manner.</p>
Table of Contents (7 chapters)
Chapter 1
Seeing Results
Content Locked
Section 4
Building Your First Component
Getting started with something as complicated as Angular 2 is always difficult. We did our setup in just a couple of minutes; now we’ll build a single, simple component in under five. - Loading up a lot of JavaScript code isn’t as complicated as it once was, thanks to ES2015. Show how import helps us in our Angular 2 code. - Create a simple skeleton for our component with the pieces we talked about in video 1.2. - We add just a few tiny strings inside the skeleton and attach our code to the HTML file so that we can see it work.