Banner

Mastering Angular 6

Live Classroom
Duration: 5 days
Live Virtual Classroom
Duration: 5 days
Pattern figure

Overview

The Angular platform has revolutionized web application development by incorporating tools, technologies, and best practices to solve most of the intricate web application development challenges. Angular 6 is used extensively by web development companies, ranging from start-ups to big enterprises.

This course is about 50% hands-on lab and 50% lecture, designed to train attendees in core Angular development skills, coupling the most modern, effective web development techniques with the soundest industry practices. During the course, participants will be led through a series of increasingly advanced topics, where each topic consists of lecture, group discussion, comprehensive hands-on lab exercises, and lab review. The course includes a wide range of supporting materials and labs to ensure all students are appropriately challenged or assisted at all times.

What You'll Learn

  • Introduction to Angular and why it should be used
  • Using Angular to add rich functionality to both existing and new web pages
  • What is TypeScript is? Why it is useful? How to use it with Angular?
  • Development and deployment using Angular CLI
  • Working with Angular architecture to implement clean, responsive web interfaces
  • Supporting navigation with Routers in a Single Page Application
  • Best practices for using Angular
  • Ahead of Time compiler
  • Testing and running Angular applications
  • Using Angular with HTTP to support JSON, REST, and other services
  • Building data models on RxJS
  • Simplifying server-side rendering
  • Unit testing
  • Components of the MEAN Stack
  • Using MEAN stack to deploy, support, and run Angular applications

Curriculum

  • Introduction to Angular
  • Evolution of HTML and CSS
  • Responsive Web Design
  • jQuery Under the Covers
  • Bootstrapping to Browsers

  • Frameworks vs. Libraries
  • AngularJS to Angular2
  • Angular Release Schedules
  • Angular 4/5

  • Architectural Elements and Concepts
  • TypeScript
  • Model-View-*
  • Data Binding
  • Components and Services
  • Factories and Events
  • Exercise: Hello Angular

  • Why use Typescript
  • Typescript Module System
  • Types/Keywords/Concepts
  • Transpilers
  • Angular and TypeScript
  • Exercise: Hello TypeScript

  • Challenges in Setting up Projects
  • Angular CLI Overview
  • New Projects with CLI
  • Testing and Generating with CLI
  • Ahead of Time (AOT) Compilation
  • Implications of using AOT

  • Top-Level Files and Directories
  • Folders” src and src/app
  • Exercise: Creating Projects with Angular CLI

  • Usable Classes in Angular
  • HTML, CSS, and TypeScript in Components
  • Data Binding and Events
  • Exercise: Building Components

  • Angular and the Need for Libraries
  • Options for adding Libraries
  • Working with npm install
  • Working with angular-cli.json
  • ng2 Wrappers
  • Exercise: Using Libraries

  • Overview of Directives
  • Built-in Directives
  • ngIf and else
  • ngFor and ngSwitch
  • Conditional Styling
  • Exercise: Working with Directives

  • Overview of Pipes
  • Built-in Pipes
  • Formatting and Conversions
  • Parameterizing Pipes
  • Exercise: Working with Pipes

  • Forms and NgModel
  • NG Form Groups
  • NG Form Validation
  • Built-in Validators
  • Exercise: Basic Forms with Angular
  • Exercise: Powerful Forms with Angular

  • Overview of SPA Concept
  • Routing in SPAs
  • Creating Routes
  • Routing Options
  • Exercise: Routing in a Single Page Application

  • Components and Injectables
  • Services
  • Service Interfaces
  • Local Storage
  • Exercise: Local Storage

  • Test-Driven Development
  • Testing Types
  • Behavior-Driven Development
  • Acceptance-Driven Development

  • Testing dependencies
  • Options for Testing in Angular
  • Components and Injectables
  • Services
  • LocalStorage
  • Exercise: Unit Tests with Angular, Karma, and Jasmine
  • Exercise: Local Storage Service

  • Upgrading from Angular 1.x
  • Angular Style Guide
  • Single Responsibility Principle
  • Naming Conventions
  • Coding Conventions
  • Application Structure
  • Components, Directives, Services
  • Lifecycle Hooks
  • Routing

  • REpresentational State Transfer
  • REST and HTTP
  • REST/HTTP: Representation-Oriented
  • REST Design Principles

  • REST in Angular
  • Promises
  • Observables
  • Http Module
  • Putting it all Together
  • Exercise: Using RESTful Services in Angular

  • MEAN Components and Overview
  • Working with MongoDB
  • Working with Node.js
  • Working with Express
  • Creating a Node.js Web Server
  • Exercise: Implementing a MEAN Application
  • Exercise: Working with the Database

  • js Projects and Modules
  • Making a Module Executable
  • Core Modules
  • Dependency Management Using NPM
  • Setting Up Dependencies
  • Installing, Updating, and Uninstalling Packages
  • Exercise: NPM Cache Clean
  • Exercise: NPM Init
  • Exercise: Package.json
waves
Ripple wave

Who should attend

This is highly recommended for current and aspiring –
  • Web developers
  • Software engineers
  • UI/US developers
  • Front end developers
  • net developers
  • Full stack developers
  • Mean stack developers

Prerequisites

Participants are required to have hands-on experience in developing basic web applications, and be proficient in HTML5, CSS3 and JavaScript.

Interested in this Course?

    Ready to recode your DNA for GenAI?
    Discover how Cognixia can help.

    Get in Touch
    Pattern figure
    Ripple wave