Building Applications with Aurelia
By Scott Allen
Course info
Course info
Description
Aurelia is a next generation JavaScript framework using the newest versions of the JavaScript language. This course will demonstrate how to build a rich web application using simple view and viewmodel components. We'll also see how to work with framework components like the Aurelia router and dependency injection container, as well as establish two-way data binding and bundle scripts for release builds.
About the author
Scott has over 15 years of experience in commercial software development and is a frequent speaker at national conferences, and local user groups. Scott is a Microsoft MVP and has authored books on several Microsoft technologies, including ASP.NET, C#, and Windows Workflow.
More from the author
Section Introduction Transcripts
An Introduction to Aurelia
Hi. This is Scott, and I'm pleased to introduce you to Aurelia. Aurelia is a JavaScript framework for building applications with HTML, but it's not like frameworks we've used in the past. Aurelia is designed using the latest specifications for JavaScript on the web, which means Aurelia takes advantage of ECMAScript 2015 features and even features beyond today's current specs. These features help to give us a framework that is in many ways simpler and more elegant compared to frameworks of the past. Since Aurelia builds on these cutting edge features, we do need a few tools to help us deliver applications to the browser, and in this module I want to give you an overview of Aurelia, as well as cover the tools and the setup we will use in this course. First, let me give you a quick example of what Aurelia can do.
Views and View Models
Hi, this is Scott, and in this module we're going to dive into the view and view model relationship in our Aurelia application. You'll consistently work with view and view model pairs when you're building applications with Aurelia, and in this module I want to make sure that you see how to work with dependency injection, how to make HTTP calls to the server to fetch model data, and there will be more in this module focused on views and view models.
Configuration and Routing
Hi, this is Scott Allen, and in this module about Aurelia, we will look at Configuration and Routing. Routing is a required feature for most applications because routing allows us to break a large application into smaller, independent pieces, pieces that are tied together through links and navigation menus. To use routing, we need to add some configuration to the application, so we'll start this module by seeing how to take control of application startup and add some explicit configuration code.
Templates and Bindings
Hi, this is Scott Allen, and in this module with Aurelia, we will look at building views in more detail. Specifically, the different bindings that Aurelia supports, as well as some different techniques for building custom elements. Along the way, we'll also see how to build a form for editing a movie, but let's get started by reviewing some of the markup we've already written.
Bundling and Minification
Hi, this is Scott, and in this module we are going to look at getting our application ready for production by using some tools to bundle and minify both our application scripts and templates. We'll see that Aurelia provides a custom tool to help in this scenario. The tool is Aurelia-cli where CLI is short for Command-Line Interface. And we'll also use some other tools, tools you might already be familiar with, tools like Gulp. Let's start by taking a look at how the application is currently performing in the browser.