Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Getting Started with Angular - Second edition
  • Table Of Contents Toc
  • Feedback & Rating feedback
Getting Started with Angular - Second edition

Getting Started with Angular - Second edition

By : Minko Gechev
Buy this Book
close
close
Getting Started with Angular - Second edition

Getting Started with Angular - Second edition

By: Minko Gechev
Buy this Book

Overview of this book

Want to build quick and robust web applications with Angular? This book is the quickest way to get to grips with Angular and take advantage of all its new features.
Table of Contents (9 chapters)
close
close
close
Preface
Icon
Preface
Icon
What this book covers
Icon
What you need for this book
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Free Chapter
1
1. Get Going with Angular
Icon
1. Get Going with Angular
Icon
Angular and semver
Icon
The evolution of the Web - time for a new framework
Icon
The evolution of ECMAScript
Icon
Lessons learned from AngularJS in the wild
Icon
Summary
2
2. The Building Blocks of an Angular Application
Icon
2. The Building Blocks of an Angular Application
Icon
A conceptual overview of Angular
Icon
Changing directives
Icon
Getting to know Angular components
Icon
Angular modules
Icon
Pipes
Icon
Improving change detection
Icon
Services
Icon
The new router
Icon
Summary
3
3. TypeScript Crash Course
Icon
3. TypeScript Crash Course
Icon
Introduction to TypeScript
Icon
Using TypeScript
Icon
TypeScript syntax and features introduced by ES2015 and ES2016
Icon
Meta-programming with ES2016 decorators
Icon
Writing modular code with ES2015
Icon
ES2015 module loader
Icon
ES2015 and ES2016 recap
Icon
Taking advantage of static typing
Icon
Further expressiveness with TypeScript decorators
Icon
Writing generic code by using type parameters
Icon
Writing less verbose code with TypeScript's type inference
Icon
Using ambient type definitions
Icon
Summary
4
4. Getting Started with Angular Components and Directives
Icon
4. Getting Started with Angular Components and Directives
Icon
The "Hello world!" application in Angular
Icon
Using TypeScript
Icon
Playing with Angular and TypeScript
Icon
Using Angular directives
Icon
Improved semantics of the directives syntax
Icon
Defining Angular directives
Icon
Creating custom Angular components
Icon
Explaining Angular's content projection
Icon
Hooking into the component's life cycle
Icon
Defining generic views with TemplateRef
Icon
Understanding and enhancing the change detection
Icon
Summary
5
5. Dependency Injection in Angular
Icon
5. Dependency Injection in Angular
Icon
Why do I need DI?
Icon
DI in Angular
Icon
Configuring an injector
Icon
Defining factories for instantiating services
Icon
Child injectors and visibility
Icon
Summary
6
6. Working with the Angular Router and Forms
Icon
6. Working with the Angular Router and Forms
Icon
Developing the "Coders repository" application
Icon
Exploring the Angular router
Icon
Using Angular's forms module
Icon
Two-way data binding with Angular
Icon
Storing the form data
Icon
Listing all the stored data
Icon
Summary
7
7. Explaining Pipes and Communicating with RESTful Services
chevron up
Icon
7. Explaining Pipes and Communicating with RESTful Services
Icon
Developing model-driven forms in Angular
Icon
Exploring the HTTP module of Angular
Icon
Defining parameterized views
Icon
Defining nested routes
Icon
Transforming data with pipes
Icon
Summary
8
8. Tooling and Development Experience
Icon
8. Tooling and Development Experience
Icon
Running an application in a Web Worker
Icon
Initial load of a SPA
Icon
Enhancing our development experience
Icon
Angular quick starters
Icon
AoT compilation in Angular
Icon
Summary

Defining nested routes

Now, let's jump to the DeveloperDetails definition. In your working directory, create a file called developer_details.ts and enter the following content:

import {Component} from '@angular/core';
import {ActivatedRoute} from '@angular/router';
import {Developer} from './developer';
import {DeveloperCollection} from './developer_collection';
import {DeveloperBasicInfo} from './developer_basic_info';
import {DeveloperAdvancedInfo} from './developer_advanced_info';

import 'rxjs/add/operator/take';

@Component({
  selector: 'dev-details',
  template: `...`,
})
export class DeveloperDetails {
  public dev: Developer;

  constructor(private route: ActivatedRoute,
    private developers: DeveloperCollection) {}

  ngOnInit() {
    this.route.params.take(1)
     .subscribe((params: any) => {
       this.dev = this.developers.getUserById(parseInt(params['id']));&...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
Start a 7-day FREE trial
End of Section 4
Next Section

Create a Note

Modal Close icon
You need to login to use this feature.
notes
bookmark search playlist download
font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Delete Note

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Edit Note

Modal Close icon
Write a note (max 255 characters)
Cancel
Update Note

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY