Modern Web Applications with Aurelia

Web JavaScript

Aurelia is a next generation JavaScript client framework for mobile, desktop and web. It's the most standards-compliant, highly performing and simplest technology of its kind today. In this course you'll have an opportunity to learn directly from Aurelia's architect and project lead, Rob Eisenberg. He'll teach you how to create modern web applications using an MVVM approach with Aurelia. You also will learn how to extend HTML with custom elements and attributes, how to handle client-side routing and even cover best practices in project organization, maintenance and deployment.

Over the course of two days, we'll cover every major topic in Aurelia development through a combination of both lecture-style learning and interactive, collaborative application building. When you complete these two days, you won't only know how to build applications with Aurelia, but you'll also have a slick application you helped to build as part of the process.

Getting Started with Modern Web Development
  • Introduction to TypeScript, ES 2015 and ESNext
  • Introduction to the Modern DOM and Web Components
  • Running Modern Applications in Older Browsers
Getting Started with Aurelia
  • Setting up Your Environment
  • Working with Package Managers and Module Loaders
  • Understanding Aurelia Startup and Configuration
Aurelia Basics
  • Creating Components
  • Understanding Dependency Injection
  • Understanding Data Binding
  • Understanding Templating
Aurelia Dynamic UI
  • Understanding Routing
  • Understanding Dynamic Composition
Creating Components
  • Understanding Custom Attributes
  • Understanding Custom Elements
Working with Services
  • HTTP with Fetch
  • Logging
  • Using 3rd Party Libraries and Services
Finishing Touches
  • Bundling
  • Deploying
Aurelia's Own Architecture
  • How Does Templating Work?
  • How Does Binding Work?
  • How Does Routing Work?

Prerequisites

Knowledge of JavaScript and HTML

Computer setup

This workshop requires that you bring a laptop with the below software installed.

  • A code editor of your choice. (VSCode, Atom or Sublime preferred.)
  • A command line Git client (and be sure to have a github user account)
  • NodeJS 5.x.x (npm is included)
  • A web browser (Chrome or Firefox preferred)

Tid

09:00 - 17:00