Switching to Angular

303 Pages·2017·6.21 MB·English

by  Minko Gechev

Switching to Angular
Third Edition
Align with Google's long-term vision for Angular version 5
and beyond
Minko Gechev
BIRMINGHAM - MUMBAI
Switching to Angular
Third 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
Third edition: October 2017
Production reference: 1301017
Published by Packt Publishing Ltd.
Livery Place
35 Livery Street
Birmingham
B3 2PB, UK.
ISBN 978-1-78862-070-3
www.packtpub.com
Credits
Author Copy Editor
Minko Gechev Tom Jacob
Acquisition Editor Indexer
Dominic Shakeshaft Francy Puthiry
Project Editor Graphics
Radhika Atitkar Kirk D'Penha
Content Development Editor Production Coordinator
Venugopal Commuri Arvindkumar Gupta
Technical Editor
Anupam Tiwari
Foreword
Angular is a quick and powerful solution to building Single-Page Applications, where
applications are faster, more visible to SEO and mobile devices, and are cross-platform ready.
Today the philosophy remains true to the original vision.
Switching to Angular, Third Edition, is a book that recognizes this vision. Minko's book
successfully helps you to switch your thinking to Angular. From your first interactions with
Angular to the last, the core concepts of Angular are maintained throughout.
This guide will help you to switch to Angular's new way of doing things. Minko guides you
through the changes and new features that have been introduced—components,
directives, TypeScript, the new router, and everything else you need to start using Angular for
your next project.
As Angular takes up the challenge set by today's changing web development landscape and
builds on the legacy of AngularJS, high-quality learning materials, such as Minko's book,
are incredibly important for the Angular community to help Angular developers make that switch
over to the future.
Miško Hevery
Creator of AngularJS and Angular
About the Author
Minko Gechev is a Google Developer Expert for the Angular team and a presenter at over 40
worldwide conferences, including ng-conf, AngularConnect, AngularUP, and many others.
Minko is co-author of the official Angular style guide, and has developed codelyzer – a tool for
static analysis of Angular applications and best practices, which is part of the Angular CLI, and
currently has over a million downloads each month.
Minko is a former member of the Angular Mobile Team where his role involved him with tools
for facilitating the process of developing Progressive web applications with Angular easier.
Other projects by the author include the AngularJS style guide, which is translated to 13 different
languages, aspect.js, Angular Seed, and many others.
Minko Gechev is co-founder and CTO at Rhyme and strongly believes in open source software.
I want to thank Miško Hevery for his great contributions to the software engineering and
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.
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/1788620704.
If you'd like to join our team of regular reviewers, you can email 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!
Table of Contents
Preface
What this book covers What
you need for this book Who
this book is for Conventions
Reader feedback Customer
support
Downloading the example code
Downloading the color images of this book
Errata
Piracy
Questions
1. Switching to the One Angular
Introducing the One Angular
From AngularJS to Angular
The new beginning Angular
and SemVer Summary
2. Get Going with Angular
The evolution of the web – time for a new framework
The evolution of ECMAScript
Web components
Web workers
Lessons learned from AngularJS in the wild
Controllers
Scope
Dependency injection
Server-side rendering
Applications that scale
Templates
Change detection
Summary
3. The Building Blocks of an Angular Application
A conceptual overview of Angular
Changing directives
Getting to know Angular components
Components in action
Components in Angular
Angular modules
Bootstrapping an Angular application
Pipes
Defining pipes
Improving change detection
Classical change detection
Change detection in AngularJS
In zone.js