O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Learning Path: Aurelia: Web Development for UI Developers

Video Description

Write clean, modular code with the next generation JavaScript framework

In Detail

Aurelia is one of the most promising new JavaScript frameworks for mobile, desktop, and web, which makes developing powerful, modern web applications a straightforward task. It allows you to write pure JavaScript. If you’re an UI developer looking forward to learn this next generation, open source UI framework, this Learning Path is for you. You’ll be immersed in the JavaScript world, where you will mature as a developer by exploring the best practices for building an original, functional, and useful cross-platform library. After having ensured you had basic understanding of Aurelia, this Learning Path will walk you through a todo list application and setting up the development environment. Finally, we'll take you through a modern web application and move on to talk about tools, modules, web standards, and testing.

Prerequisites: Basic knowledge of JavaScript

Resources: Code downloads and errata:

  • Mastering JavaScript

  • Aurelia Web Development - Part 1

  • PATH PRODUCTS

    This path navigates across the following products (in sequential order):

  • Mastering JavaScript (4h 10m)

  • Aurelia Web Development - Part 1 (7h 24m)

  • Table of Contents

    1. Chapter 1 : Mastering JavaScript
      1. The Course Overview 00:02:58
      2. Using White Space for Readability 00:05:20
      3. Declaring Variables 00:07:52
      4. Declaring Complex Data Types and Functions 00:04:22
      5. OOP Naming Conventions 00:04:14
      6. Creating a Global Namespace 00:04:46
      7. Constants (and Pseudo constants) 00:03:49
      8. Smart Coercion of Data Fields 00:04:23
      9. Targeting at JavaScript Versions or Features 00:04:53
      10. Creating an onload Method That Always Works 00:03:39
      11. OnReady – Our First Cross-browser Script 00:06:51
      12. Using Modernizr to Detect Features 00:04:23
      13. Building a Conditional Logic Flow 00:04:51
      14. Selecting DOM Elements Natively in HTML5 00:06:25
      15. Creating a Cross-browser Script Loader 00:05:37
      16. Using Sizzle to Select DOM Elements 00:07:14
      17. Defining a Namespace 00:05:43
      18. Creating Private Variables in JavaScript 00:05:45
      19. The JavaScript Module Design Pattern 00:06:30
      20. Version Controlling Our Library 00:07:08
      21. Building Out Our Library 00:11:26
      22. Thinking with Interfaces 00:07:21
      23. Creating an Adapter Design Pattern 00:05:30
      24. Building a jQuery Adapter 00:06:41
      25. Adding a Functionality Method 00:03:47
      26. Mimicking the jQuery Wrapper 00:09:07
      27. Introducing the Facade Design Pattern 00:03:56
      28. Creating a Facade Creator 00:04:34
      29. Creating a New Global Function Through the Facade 00:04:00
      30. Creating an Advanced Facade Pattern 00:05:19
      31. Creating a Singleton 00:11:33
      32. Building the Constructor for Our Ticker 00:10:37
      33. Connecting Time with Our Ticker 00:11:10
      34. Processing Interval groups 00:09:46
      35. Exposing Our Ticker to the World 00:02:46
      36. Creating an Event Dispatcher 00:13:35
      37. Integrating the Event Dispatcher into Our Library 00:08:12
      38. Removing Events from the Dispatcher 00:05:21
      39. Building Test Units 00:08:48
    2. Chapter 2 : Aurelia Web Development - Part 1
      1. Walkthrough of the Todo ListApplication 00:05:30
      2. Setting Up the Development Environment 00:34:25
      3. Aurelia CLI 00:07:54
      4. Bootstrapping Aurelia 00:04:39
      5. Hello World from Aurelia 00:34:33
      6. Modules and Promises 00:24:30
      7. Tools 00:10:11
      8. Web Components 00:04:50
      9. Testing 00:15:51
      10. Creating a TodoApplication Project 00:32:51
      11. Adding an In-memory Todo Repository/Service 00:48:43
      12. Tools 00:50:45
      13. Styling Using MaterializeCSS 00:33:37
      14. Persisting Todos 00:20:06
      15. Routing 00:33:44
      16. Using pub/ Sub for Communication 00:20:10
      17. Dependency Injection (DI) in Aurelia 00:08:24
      18. Declarative and Explicit Registration 00:13:27
      19. Resolvers 00:40:02