Book Image

Switching to Angular 2

By : Minko Gechev
Book Image

Switching to Angular 2

By: Minko Gechev

Overview of this book

<p>AngularJS is a JavaScript framework that makes building web applications easier. It is used today in large-scale, high-traffic websites that struggle with under-performance, portability issues, as well as SEO unfriendliness, and complexity at scale.</p> <p>Angular 2 changes that.</p> <p>It is the modern framework you need to build performant and robust web applications. “Switching to Angular 2” is the quickest way to get to grips with Angular 2 and will help you transition in to the brave new world of Angular 2.</p> <p>We’ll start with an overview which sets the changes of the framework in context with version 1.x. After that, you will be taken on a TypeScript crash-course so we can take advantage of Angular 2 in its native, statically-typed environment. We’ll look at the new change-detection method in detail, how Directives and Components change how you create websites with Angular, the new Angular 2 router, and much more.</p> <p>By the end of the book, you’ll be ready to start building quick and efficient Angular 2 applications that take advantage of all the new features on offer.</p>

Related Content you might be interested in

Current Title:

Small book image
Switching to Angular 2
Minko Gechev
Mar, 2016 | 254 pages
No titles found
Table of Contents (16 chapters)
Switching to Angular 2
Switching to Angular 2
Credits
Credits
Foreword
Foreword
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Getting Started with Angular 2
Getting Started with Angular 2
The evolution of the Web – time for a new framework
The evolution of ECMAScript
Lessons learned from AngularJS 1.x in the wild
Summary
2
The Building Blocks of an Angular 2 Application
The Building Blocks of an Angular 2 Application
A conceptual overview of Angular 2
Changing directives
Getting to know Angular 2 components
Pipes
Change detection
Understanding services
Understanding the new component-based router
Summary
3
TypeScript Crash Course
TypeScript Crash Course
Introduction to TypeScript
Using TypeScript
TypeScript syntax and features introduced by ES2015 and ES2016
Meta-programming with ES2016 decorators
Writing modular code with ES2015
ES2015 module loader
ES2015 and ES2016 recap
Taking advantage of static typing
Further expressiveness with TypeScript decorators
Writing generic code by using type parameters
Writing less verbose code with TypeScript's type inference
Using ambient type definitions
Summary
4
Getting Started with Angular 2 Components and Directives
Getting Started with Angular 2 Components and Directives
The Hello world! application in Angular 2
Setting up our environment
Playing with Angular 2 and TypeScript
Using Angular 2 directives
Improved semantics of the directives syntax
Defining Angular 2 directives
Using Angular 2's built-in directives
Introducing the component's view encapsulation
Implementing the component's controllers
Handling user actions
Explaining Angular 2's content projection
Hooking into the component's life cycle
The order of execution
Defining generic views with TemplateRef
Understanding and enhancing the change detection
Summary
5
Dependency Injection in Angular 2
Dependency Injection in Angular 2
Why do I need Dependency Injection?
Dependency Injection in Angular 2
Configuring an injector
Defining factories for instantiating services
Child injectors and visibility
Summary
6
Working with the Angular 2 Router and Forms
Working with the Angular 2 Router and Forms
Developing the "Coders repository" application
Exploring the Angular 2 router
Using Angular 2 forms
Two-way data-binding with Angular 2
Storing the form data
Listing all the stored developers
Summary
7
Explaining Pipes and Communicating with RESTful Services
Explaining Pipes and Communicating with RESTful Services
Developing model-driven forms in Angular 2
Exploring the HTTP module of Angular
Defining parameterized views
Defining nested routes
Transforming data with pipes
Summary
8
Development Experience and Server-Side Rendering
Development Experience and Server-Side Rendering
Running applications in Web Workers
Initial load of a single-page application
Enhancing our development experience
Bootstrapping a project with angular-cli
Angular 2 quick starters
Summary
Index
Index

Foreword

Angular 2 is still Angular, just better. It is still built on the same principles that made you love AngularJS: a quick and powerful solution to building Single Page Applications. In Angular 2, the applications are faster, more visible to SEO and mobile, and are cross-platform ready. So whilst Angular 2 has improved many of the concepts over AngularJS, the philosophy remains true to the original vision.

Switching to Angular 2 is a book that recognizes this. Minko's book successfully helps you to switch your thinking from AngularJS 1.x to Angular 2. From your first interactions with Angular 2 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 2 for your next project.

As Angular 2 takes up the challenge set by today's changing web development landscape and builds on the legacy of AngularJS, it's incredibly important for the Angular community that there are high quality learning materials such as Minko's book to help Angular developers make that first switch over to the future.

Miško Hevery

Creator of AngularJS and Angular 2

Previous Section
Next Chapter