Building Single Page Applications with Angular

Angular (2+) is a very popular framework for building line of business applications that run in the browser. In this course you will learn everything that is required to get started with Angular and build solid well designed applications.

What is Angular?

Angular is an open source application framework developed at Google. It is developed and used by many companies and developers worldwide.

In this course you will learn how to get started with Angular. You will use TypeScript, the recommended language for Angular, to build rich interactive Angular applications. These applications will include the basic architecture, the building blocks, doing HTTP requests, data entry forms as well as single page applications.

Want to know more?

Would you like more information or a customized course for your company? Please contact Maurice at Maurice@TheProblemSolver.nl.

Target Audience

This course is intended for developers and architects who want to leverage Angular for their line of business applications.

Modules and topics

This three day course consists of 9 modules, each focussing on a specific topic. Each module consists of a lecture explaining the subject as well as a hands on lab where each participant uses the technology to build an application.

  1. TypeScript introduction

    1. Language basics
    2. The compiler
    3. Using tsconfig.json to configure TypeScript
    4. Type system/inference
    5. Fat arrow functions
    6. OO with TypeScript
  2. Advanced TypeScript

    1. Generics
    2. Decorators
    3. Tagged union types
    4. Async Await
    5. Unit testing TypeScript code
    6. Better type checking with noImplicitAny and strictNullChecks
  3. Tooling for Angular developers

    1. NPM
    2. Semantic Versioning
    3. Gulp
    4. Webpack
    5. TSLint
  4. Angular introduction

    1. The Angular architecture
    2. Getting started with Angular
  5. The major building blocks of an Angular application

    1. Modules
    2. Components
    3. Templates
    4. Directives
    5. Pipes
    6. Services
    7. Dependency injection
  6. Angular components in depth

    1. Templates
    2. Directives
    3. Data Binding
    4. Lifecycle Hooks
    5. Input & Output binding
  7. Doing Ajax requests

    1. Using RxJS
    2. Doing Http requests in an Angular application
  8. Data entry forms

    1. Form validation
    2. Reactive angular forms
  9. Single Page Applications

    1. The Angular router
    2. Lazy loading application parts

Prerequisite experience

  1. Six months of web development using HTML, ECMAScript 2015 and CSS.
  2. Prior experience with Angular (2+), AngularJS (1) or TypeScript is not required.
  3. A basic knowledge of using NPM packages is beneficial but not required.
  4. A basic knowledge WebPack is also beneficial but not required.

Jan
17
7:46 AM
RT @React_Tutorial: Master πŸ”₯ RxJS 6 Without Breaking A Sweat. Get it while it's πŸ”₯ now on Udemy. . @MauriceDBdbhttps://t.co/yYgGYSFqz9z9
Jan
17
7:46 AM
RT @sindresorhus: Phishing warning. Just got this in my email. Be careful. pic.twitter.com/wHqScK6yPS
Jan
12
6:40 AM
RT @React_Tutorial: πŸ”₯ Master RxJS 6 Without Breaking A Sweat πŸ”₯. @MauriceDBdbhttps://t.co/NMCzuFQCygyg
Jan
10
8:26 PM
RT @React_Tutorial: Converting a CRA based React app to use Snowpack. ✍ @MauriceDB https://t.co/5lxQjdieJt
Jan
6
6:56 PM
RT @React_Tutorial: Creating a TypeScript React application using Snowpack. ✍ @MauriceDB https://t.co/wLlDaodmTi
Jan
6
7:07 AM
RT @TypeScript_Geek: Creating a TypeScript React application using Snowpack. ✍ @MauriceDB https://t.co/Qa1vkhZ05a
Jan
5
8:49 PM
@bahmutov @Cypress_io So far the best I found was explicitly waiting for requests two. That works just fine but was… https://t.co/SiS5k3mxjW
Jan
5
8:46 PM
@bahmutov @Cypress_io My scenario is a list is shown, I click a button that updates the list and I want to know the… https://t.co/AViEaKwpQL
Jan
5
8:45 PM
@bahmutov @Cypress_io Sweet 😊 Any way to do this when I want the requests actually goes to the server?