Angular 2 By Example

Discover everything you need to know to build your own Angular 2 applications the hands-on wayAbout This Book Master the Angular way to structure, build, deploy, and test your code Understand Angular 2's new component-based architecture Build a game and workout runner apps on the Angular platformWho This Book Is For This book is for JavaScript developers who are new to Angular 2, or are familiar with the basics but want to take things a step further. If you are motivated to learn by doing things actively, this book is for you. What You Will Learn Design, develop, deploy, and test the apps you build Work your way through every aspect of app development using Angular2 Understand the inner workings of Angular's view templating and data-binding capabilities Work on HTML forms and learn the Angular way to bind, validate, and format data Create component, structural, and attribute directives to extend standard HTML behavior Integrate with the server backend and find out about data retrieval and persistence using Angular Gain practical insight into the challenges of building apps using Angular as well as their solutionsIn Detail Angular 2 will help you build faster, more efficient, and more flexible cross-platform applications. Angular 2 is known for taking the pain out of JavaScript development, and enabling more organized, readable, and testable code. This book builds three apps with varying degrees of complexity. It starts with a simple 'Guess the Number' game, which serves as a platform to launch you into the world of Angular. Next, you will learn to construct a popular '7-Minute Workout' app, covering the building blocks of Angular. The final app, 'Personal Trainer' morphs the existing '7-Minute Workout' into a full-fledged personal workout builder and runner, covering advanced directive building, which is the most fundamental and powerful feature of Angular. In addition to this, you will learn about testability and the framework constructs Angular provides to effectively test your app. The book concludes by providing you with practical advice and useful tips that will come in handy as you build more and more apps with Angular. Style and approach This project-based book will get you building fun projects to see how Angular works in the wild. The book focuses more on doing things rather than just reading the theory. The chapters are structured to introduce the concept, then implement it, and finally explain whyit worked.

Cover; Copyright; Credits; About the Authors; About the Reviewer; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Getting Started; Angular basics; The component pattern; Using the component pattern in web applications; Why weren't components used before in Angular?; What's new that enables Angular to use this pattern?; Web Components; Angular and Web Components; Language support in Angular; ES2015; TypeScript; Putting it all together; Angular modules; The basic steps to building Angular applications; The customary Hello Angular app -- Guess the Number!; Setting up a developmentserver.

Building Guess the Number!Designing our first component; The host file; An HTML page; Script tags; Custom elements; The component file; The import statement; Decorators; Defining the class; The module file; Bootstrapping; We're up-and-running!; Digging deeper; Interpolation; Tracking changes in the number of tries; Expressions; The safe navigation operator; Data binding; Property binding; Event binding; Structural directives; Revisiting our app; Looking at how our code handles updates; Maintaining the state; Componentas the container for the state; Change detection; Initializing the app.

D…