Getting Started with Angular - Second Edition

Minko Gechev

• Publisher: Packt Publishing
• Year: 2017
• ISBN:
  9781787125278
• Edition: 2
• Topic: Computer Science
• Subtopic: Programming Languages
• Index: Computer Science

Fast-track your web development skills to build high performance SPA with Angular 2 and beyond

About This Book

• Up to date with the latest API changes introduced by Angular 2 and 4
• Get familiar with the improvements to directives, change detection, dependency injection, router, and more
• Understand Angular's new component-based architecture
• Start using TypeScript to supercharge your Angular applications

Who This Book Is For

Do you want to jump in at the deep end of Angular? Or perhaps you're interested assessing the changes to AngularJS before moving over? If so, then "Getting Started with Angular" is the book for you.

To get the most out of the book, you'll need to be familiar with AngularJS 1.x, and have a good understanding of JavaScript.

What You Will Learn

• Understand the changes made from AngularJS with side-by-side code samples to help demystify the Angular learning curve
• Start working with Angular's new method of implementing directives
• Use TypeScript to write modern, powerful Angular applications
• Dig in to the change detection method, and other architectural changes to make sure you know what's going on under the hood of Angular
• Get to work with the new router in Angular
• Use the new features of Angular, including pipes, and the updated features such as forms, services, and dependency injection
• Learn about the server-side rendering in Angular to keep your new applications SEO-friendly
• Enhance your applications using Ahead-of-Time compilation and Web Workers

In Detail

I'm delighted to see this new update and hope it helps you build amazing things with Angular. - Misko Hevery, Creator of AngularJS and Angular

Angular is the modern framework you need to build performant and robust web applications. This book is the quickest way to upgrade your AngularJS knowledge to the brave new world of Angular, and get grips with the framework.

It starts with an overview putting the changes of the framework in context with version 1. After that, you will be taken on a TypeScript crash-course so you can take advantage of Angular in its native, statically-typed environment. You'll explore the new change detection mechanism in detail, how directives and components have changed, how you create applications with Angular, and much more. Next, you'll understand how to efficienly develop forms, use the router, implement communication with HTTP services, and transform data with custom pipes. Finally, we will take a look at the Angular's Ahead-of-Time compiler, angular-cli and other such tools that help us build professional applications.

By the end of the book, you'll be ready to start building quick and efficient Angular applications compatible with v2 and v4, that take advantage of all the new features on offer.

This book is up to date for the 2.4 release and is compatible with the 4.0 release as well.

Style and approach

Starting with a comparison between Angular versions, this book is filled with side-by-side code examples to help highlight the changes. Each chapter then looks at major changes to the framework and is filled with small examples and sample code to get you started.

Getting Started with Angular Second Edition

---

Getting Started with Angular Second Edition

Copyright © 2017 Packt Publishing

All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.

Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book.

Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.

First published: March 2016

Second edition: February 2017

Production reference: 1210217

Published by Packt Publishing Ltd.

Livery Place

35 Livery Street

Birmingham

B3 2PB, UK.

ISBN 978-1-78712-527-8

www.packtpub.com

Credits

Author Minko Gechev	Project Coordinator Devanshi Doshi
Reviewer Phodal Huang	Proofreader Safis Editing
Acquisition Editor Shweta Pant	Indexer Tejal Daruwale Soni
Content Development Editor Samantha Gonsalves	Graphics Jason Monteiro
Technical Editor Pranav Kukreti	Production Coordinator Arvindkumar Gupta
Copy Editor Dhanya Baburaj	Cover Work Arvindkumar Gupta

Foreword

As a Google Developer Expert for Angular and a frequent blogger and speaker, Minko is well known in the Angular community. Besides being a nice guy, his helpful and technically detailed blog posts have helped many developers to seamlessly transition to the benefits of the latest version of Angular. He is also working on many open source Angular-related projects, such as angular-seed, the Angular style guide, and tools for static analysis of Angular projects.

Published in early 2016 while Angular was still in pre-release, the first edition of Switching to Angular 2 was one of the earliest books to help developers understand the Angular 2 mind-set. This new version brings the content up to date with the recently released version of Angular, including real-world experience of how this affects production applications.

I'm delighted to see this new update and hope it helps you build amazing things with Angular.

Miško Hevery

January 2017

About the Author

Minko Gechev is a software engineer who strongly believes in open source software. He has developed numerous such projects including codelyzer, the AngularJS style guide, aspect.js and many others. Together with Igor Minar, John Papa and Ward Bell, Minko is one of the coauthors of the official Angular style guide.

Minko loves to experiment with theoretical concepts from computer science and apply them in practice. He has spoken about Angular and software development at worldwide conferences and meetups, including ng-conf, ng-vegas, AngularConnect, FDConf, Angular-SF, and Connect.Tech.

I want to thank Miško Hevery for his great contributions to software engineering and the technical review of this book. He helped me provide as precise content as possible. To make the code samples for this book easy to run, I used angular-seed. One of the core contributors of the project is Ludovic Hénin, who helped make it much more than an Angular starter. I also want to thank Daniel Lamb, Radoslav Kirov, and Tero Parviainen who gave me extremely valuable feedback.

I couldn't have completed this book without the dedicated work of the Packt Publishing team. Finally, I want to thank the team at Google for giving us Angular. They are a constant inspiration.

About the Reviewer

Phodal Huang is a developer, creator, and an author. He works for ThoughtWorks as a consultant now. He currently focuses on IoT and frontend development. He is the author of Design Internet of Things and Growth: Thinking in Full Stack (in publishing) in Chinese.

He is an open source enthusiast and has created a series of projects in GitHub. After daily work, he likes to reinvent some wheels for fun. He created the application Growth with Ionic 2 and Angular 2, which is about coaching newbies how to learn programming. You can find out more wheels in his GitHub page at http://github.com/phodal.

He loves designing, writing, hacking, and traveling; you can also find out more about him through his personal website at http://www.phodal.com.

He has reviewed Learning Internet of Things and Design IoT Projects.

www.PacktPub.com

For support files and downloads related to your book, please visit www.PacktPub.com.

Did you know that Packt offers eBook versions of every book published, with PDF and ePub files available? You can upgrade to the eBook version at www.PacktPub.com and as a print book customer, you are entitled to a discount on the eBook copy. Get in touch with us at [email protected] for more details.

At www.PacktPub.com, you can also read a collection of free technical articles, sign up for a range of free newsletters and receive exclusive discounts and offers on Packt books and eBooks.

https://www.packtpub.com/mapt

Get the most in-demand software skills with Mapt. Mapt gives you full access to all Packt books and video courses, as well as industry-leading tools to help you plan your personal development and advance your career.

Why subscribe?

• Fully searchable across every book published by Packt
• Copy and paste, print, and bookmark content
• On demand and accessible via a web browser

Customer Feedback

Thanks for purchasing this Packt book. At Packt, quality is at the heart of our editorial process. To help us improve, please leave us an honest review on this book's Amazon page at https://www.amazon.com/dp/1787125270.

If you'd like to join our team of regular reviewers, you can e-mail us at [email protected]. We award our regular reviewers with free eBooks and videos in exchange for their valuable feedback. Help us be relentless in improving our products!

Preface

AngularJS is a JavaScript development framework that makes building web applications easier. It is used today in large-scale, high-traffic websites that struggle with performance and portability issues, as well as SEO unfriendliness and complexity at scale. The new version of Angular changes these.

It is the modern framework you need to build performant and robust web applications. Getting Started with Angular is the quickest way to get to grips with Angular; it will help you transition into the brave new world of Angular 2 and beyond.

By the end of the book, you'll be ready to start building quick and efficient Angular applications that take advantage of all the new features on offer.

What this book covers

Chapter 1, Get Going with Angular, kicks off our journey into the world of Angular. It describes the main reasons behind the design decisions of the framework. We will look at the two main drivers behind the shape of the framework—the current state of the Web and the evolution of frontend development.

Chapter 2, The Building Blocks of an Angular Application, gives us an overview of the core concepts introduced by Angular 2. We'll explore how the foundational building blocks for the development of applications provided by AngularJS differ from the ones in the last major version of the framework.

Chapter 3, TypeScript Crash Course, explains that although Angular is language agnostic, Google's recommendation is to take advantage of the static typing of TypeScript. In this chapter, you'll learn all the essential syntax you need to know to develop Angular applications in TypeScript.

Chapter 4, Getting Started with Angular Components and Directives, describes the core building blocks for developing the user interfac...