Switching to Angular 2 : build SEO-friendly, high-performance single-page applications with Angular 2 /

Switching to Angular 2 build SEO-friendly, high-performance single-page applications with Angular 2 /
Saved in:
Bibliographic Details
Author / Creator:Gechev, Minko, author.
Imprint:Birmingham, UK : Packt Publishing, 2016.
Description:1 online resource : illustrations
Language:English
Subject:
Format: E-Resource Book
URL for this record:http://pi.lib.uchicago.edu/1001/cat/bib/11756089
Hidden Bibliographic Details
Other authors / contributors:Hevery, Mis̆ko.
Hevery, Mi�sko.
ISBN:9781785887116
1785887114
9781785886201
1785886207
9781785886201
Notes:Includes index.
Online resource; title from cover (viewed April 11, 2016).
Summary:Annotation Build SEO-friendly, high-performance single-page applications with Angular 2About This Book Get up to date with the latest changes to Angular 2, including the improvements to directives, change detection, dependency injection, router, and more Understand Angular 2's new component-based architecture Start using TypeScript to supercharge your Angular 2 applicationsWho This Book Is ForDo you want to jump in at the deep end of Angular 2? Or perhaps you're interested assessing the changes before moving over? If so, then Switching to Angular 2 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. No knowledge of the changes made to Angular 2 is required follow along. What You Will Learn Understand the changes made from Angular 1.x with side-by-side code samples to help demystify the Angular 2 learning curve Start working with Angular 2's new method of implementing directives Use TypeScript to write modern, powerful Angular 2 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 2. Get to work with the new router in Angular 2 Use the new features of Angular 2 including pipes, or the updated features such as forms, services, and the DI module Master server-side rendering in Angular 2 to keep your new applications SEO friendlyIn DetailAngularJS 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. Angular 2 changes that. 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. 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. 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. Style and approachStarting with a comparison between Angular versions that is filled with side-by-side code examples to help highlight the changes, each chapter then looks at major changes to the framework as is filled with small examples and sample code to get you started.
Table of Contents:
  • Cover ; Copyright; Credits; Foreword; About the Author; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Getting Started with Angular 2; Chapter 2 : The Building Blocks of an Angular 2 Application; Chapter 3 : TypeScript Crash Course; Chapter 4 : Getting Started with Angular 2 Components and Directives; Chapter 5 : Dependency Injection in Angular 2; Chapter 6 : Working with the Angular 2 Router and Forms; Chapter 7 : Explaining Pipes and Communicating with RESTful Services; Chapter 8 : Development Experience and Server-Side Rendering; Index
  • The evolution of the Web
  • time for a new frameworkThe evolution of ECMAScript; Lessons learned from AngularJS 1.x in the wild; Summary; 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; 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 typingFurther 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; 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 projectionHooking into the component's life cycle; The order of execution; Defining generic views with TemplateRef; Understanding and enhancing the change detection; Summary; Why do I need Dependency Injection?; Dependency Injection in Angular 2; Configuring an injector; Defining factories for instantiating services; Child injectors and visibility; Summary; 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
  • Developing model-driven forms in Angular 2Exploring the HTTP module of Angular; Defining parameterized views; Defining nested routes; Transforming data with pipes; Summary; 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; Web Components; WebWorkers; Controllers; Scope; Dependency Injection; Server-side rendering; Applications that scale; Templates; Change detection; Components in action; Components in Angular 2; Defining pipes