| Edition |
1. |
| Description |
1 online resource |
|
text file |
| Summary |
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 why it worked. |
| Contents |
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 development server. |
|
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; Component as the container for the state; Change detection; Initializing the app. |
|
Loading the modules needed by our applicationBootstrapping our app; Tools; Resources; Summary; Chapter 2: Building Our First App -- 7 Minute Workout; What is 7 Minute Workout?; Downloading the code base; Setting up the build; The build internals; Code transpiling; Organizing code; The 7 Minute Workout model; App bootstrapping; App loading with SystemJS; Our first component -- WorkoutRunnerComponent; Component life cycle hooks; Building the 7 Minute Workout view; The Angular 2 binding infrastructure; Interpolations; Property binding; Property versus attribute; Property binding continued ... |
|
Quick expression evaluationSide-effect-free binding expressions; Angular directives; Target selection for binding; Attribute binding; Style and class binding; Attribute directives; Styling HTML with ngClass and ngStyle; Exploring Angular modules; Comprehending Angular modules; Adding a new module to 7 Minute Workout; Learning more about an exercise; Adding descriptions and video panels; Providing component inputs; Structural directives; The ever-so-useful NgFor; NgFor performance; Angular 2 security; Trusting safe content; Formatting exercise steps with innerHTML binding. |
|
Displaying the remaining workout duration using pipesAngular pipes; Implementing a custom pipe -- SecondsToTimePipe; Adding the next exercise indicator using ngIf; Pausing an exercise; The Angular event binding infrastructure; Event bubbling; Event binding an event object; Two-way binding with ngModel; Summary; Chapter 3: More Angular 2 -- SPA, Routing, and Data Flows in Depth; Exploring Single Page Application capabilities; The Angular SPA infrastructure; Angular routing; Angular router; Routing setup; Pushstate API and server-side url-rewrites; Adding start and finish pages. |
| Local Note |
eBooks on EBSCOhost EBSCO eBook Subscription Academic Collection - North America |
| Subject |
AngularJS (Software framework)
|
|
AngularJS (Software framework) |
|
AngularJS (Software framework) |
|
Application software -- Development.
|
|
Application software -- Development. |
|
JavaScript (Computer program language)
|
|
JavaScript (Computer program language) |
| Genre/Form |
Electronic books.
|
| Other Form: |
Print version: 178588719X 9781785887192 (OCoLC)948336785 |
| ISBN |
178588140X (electronic book) |
|
9781785881404 (electronic book) |
|
178588719X |
|
9781785887192 |
|
