X

Angular 6 Essentials

Course Overview

This course provides indoctrination in the practical use of the umbrella of technologies that are on the leading edge of web development.

Who Should Attend

This is an introductory level Angular course, designed for experienced web developers who wish to extend their skills in web development. Attendees should have an extensive working knowledge in developing basic web applications.

Course Objectives

  • What Angular is and why should you use it
  • How Angular reduces the amount of code that you must write to add rich functionality to both existing and new web pages
  • What TypeScript is, why it is useful, and how to use it with Angular
  • How to facilitate development and deployment using Angular CLI
  • How to work with the various aspects of the Angular architecture to implement clean, responsive web interfaces
  • How Routers can support navigation within a Single Page Application
  • What the best practices are for using Angular so that it works unobtrusively and performs well
  • Working with the Ahead of Time compiler including its impact of developers and the development process
  • How to facilitate testing and running Angular applications using various tools and techniques
  • How to use Angular with HTTP to support JSON, REST, and other services

    Course Outline

    1 - Angular Overview

    • Lesson: HTML5, CSS3, RWD, and jQuery
    • • Leading to Angular
    • • Evolution of HTML and CSS
    • • Responsive Web Design
    • • jQuery Under the Covers
    • • Bootstrapping to Browsers
    • Lesson: Angular Framework
    • • Frameworks vs Libraries
    • • AngularJS to Angular2
    • • Angular Release Schedules
    • • Angular 4/5
    • Lesson: Overview of Angular Architecture
    • • Architectural Elements and Concepts
    • • TypeScript
    • • Model-View-*
    • • Data Binding
    • • Components and Services
    • • Factories and Events
    • • Exercise: Hello Angular

    2 - Getting Started with Angular

    • Lesson: Getting Started with TypeScript
    • Angular, ES6, and TypeScript
    • ES6 Fundamentals
    • Typescript Fundamentals
    • TypeScript Types and Interfaces
    • Exercise: Hello TypeScript
    • Lesson: Bootstrapping with Angular CLI
    • Challenges in Setting up Projects
    • Angular CLI Overview
    • New Projects with CLI
    • Testing and Generating with CLI
    • Lesson: Angular Project Structure
    • Top-Level Files and Directories
    • Folders: src and src/app
    • Exercise: Creating Projects with Angular CLI
    • Lesson: Components and Events
    • Data Binding in Components
    • Events and Parent/Child Events
    • Emitters
    • Custom Events
    • Exercise: Building Components
    • Lesson: Third Party Libraries
    • Angular and the Need for Libraries
    • Options for adding Libraries
    • Working with npm install
    • Working with angular-cli.json
    • ng2 Wrappers
    • Exercise: Using Libraries

    3 - Views

    • Lesson: Dynamic Views
    • • Overview of Directives
    • • Built-in Directives
    • • ngIf and else
    • • ngFor and ngSwitch
    • • Conditional Styling
    • • Exercise: Working with Directives
    • Lesson: Pipes
    • • Overview of Pipes
    • • Built-in Pipes
    • • Formatting and Conversions
    • • Parameterizing Pipes
    • • Exercise: Working with Pipes

    4 - Angular Forms

    • Lesson: Forms and the Forms API
    • Forms and NgModel
    • NG Form Groups
    • Model-Driven Reactive Forms
    • Validation and Validators
    • Custom Validators
    • Exercise: Basic Forms with Angular
    • Exercise: Powerful Forms with Angular

    5 - Single Page Applications and Routes

    • Lesson: Single Page Applications
    • Overview of SPA Concept
    • Routing in SPAs
    • Nested Routes
    • Route Guards
    • Lazy-Loading Angular Modules
    • Exercise: Routing in a Single Page Application
    • Lesson: Services and Dependency Injection (DI)
    • Components and Injectables
    • Services and DI
    • DI Framework and Injector Mechanics
    • Tree-Shakeable Providers
    • Local Storage
    • Exercise: Local Storage Service
    • Lesson: Modules
    • Module Overview
    • Feature and Shared Modules
    • Feature Module Routing

    6 - Using RESTful Services

    • Lesson: Overview of REST
    • REpresentational State Transfer
    • REST and HTTP
    • REST/HTTP: Representation-Oriented
    • REST Design Principles
    • Lesson: Angular and REST
    • REST in Angular
    • Promises
    • Observables
    • Emitters vs Observables
    • HttpClient and Observables
    • Async Pipes and Observables
    • RxJS Operators and Usage
    • Exercise: Using RESTful Services in Angular
    • Session: Unit Testing with Angular
    • Lesson: TDD, BDD, and ADD
    • Test-Driven Development
    • Testing Types
    • Behavior-Driven Development
    • Acceptance-Driven Development
    • Lesson: Testing and Angular
    • Testing dependencies
    • Options for Testing in Angular
    • Components and Injectables
    • Services
    • LocalStorage
    • Exercise: Unit Tests with Angular, Karma, and Jasmine

    7 - Angular Best Practices

    • Lesson: Upgrading from AngularJS
    • Upgrading from Angular 1.x
    • ngForward Walkthrough
    • ngUpgrade Walkthrough
    • Lesson: Angular Best Practices and Style Guide
    • Single Responsibility Principle
    • Naming Conventions
    • Coding Conventions
    • Application Structure
    • Components, Directives, Services
    • Lifecycle Hooks
    • Routing

  • Enroll Today

    This is a 3-day class

    Price: $1,995.00
    Payment Options

    ILT Instructor‑Led Training

    OLL Online LIVE

    GTR  Guaranteed to Run

    Class times are listed Eastern time. This class is available for Private Group Training

    To sort by location or date, click the ‘When’ and ‘Where’ column headings.

    Cart When Time   Where How
    09/30/2019 9:00AM - 5:00PM GTR Online LIVE OLL
    11/25/2019 9:00AM - 5:00PM GTR Online LIVE OLL
    01/27/2020 9:00AM - 5:00PM GTR Online LIVE OLL
    04/29/2020 9:00AM - 5:00PM GTR Online LIVE OLL
    06/22/2020 9:00AM - 5:00PM GTR Online LIVE OLL

    Class times are listed Eastern time
    This class is available for Private Group Training