Aurelia 1 Fundamentals
This course gives you an end to end coverage of the features of Aurelia, including the MVVM pattern, data binding, routing, dependency injection, and extensibility.
What you'll learn
Modern web client applications present new challenges for web developers to deliver rich, maintainable, and interactive web applications written with HTML, CSS, and JavaScript. In Aurelia Fundamentals, you will learn the skills you need to write maintainable, testable, and extensible client applications that are engaging, interactive, and responsive for your users. You will learn how to leverage all of the key features of Aurelia, including UI composition with the Model-View-ViewModel (MVVM) pattern; leveraging rich two-way data binding to decouple your views and UI logic and present rich data and content to your users; and client side routing and navigation that brings together the loosely coupled views into a cohesive whole for the end user. When you are finished with this course, you will have a solid, foundational understanding of all of the capabilities of the Aurelia framework and will be ready to start building amazing Aurelia web client applications that will delight your users.
Table of contents
- Version Check 0m
- Welcome 2m
- Single Page Application Architecture 6m
- Embracing the Modern Web 4m
- Transpilers and Polyfills 3m
- Package Management with NPM and JSPM 5m
- Setting up Projects with NPM and JSPM 10m
- ECMAScript 2015 and 2016 1m
- What About TypeScript? 4m
- Classes 4m
- Modules 4m
- Inheritance 1m
- Modules with Multiple Exports 4m
- Promises 2m
- ES-Next: Decorators & Class Properties 2m
- Summary 1m
- Aurelia Overview 3m
- Browser Compatibility 1m
- Aurelia Features 3m
- Building a HelloAurelia App from Scratch 9m
- A Tour Through the Aurelia Bootstrapping Process 6m
- Customizing App Startup 6m
- Leveraging the Aurelia Skeleton Navigation Starter App 8m
- Using the Webpack Skeleton Navigation Starter App 2m
- Creating Projects with the Aurelia CLI 5m
- Summary 2m
- Overview 1m
- Separation of Concerns 3m
- MVVM Goals and Benefits 1m
- MVVM Key Concepts 1m
- MVVM Pattern Responsibilities 6m
- MVVM Approaches in Aurelia 1m
- Using the Compose Element to Set Up an MVVM Hierarchy 7m
- Leveraging Compose Element Options 2m
- Implementing Composite View Hierarchies with the Compose Element 3m
- Override View Resolution Conventions in Aurelia 4m
- Summary 1m
- Overview 1m
- Purpose of Dependency Injection and Related Patterns 1m
- Inversion of Control/Dependency Injection: Problem and Solution 5m
- Using the 'inject' Decorator in Aurelia 2m
- Dependency Injection in Action in Aurelia 4m
- Declaratively Registering Lifetime of Instances in Aurelia 1m
- Using Lifetime Management Decorators in Aurelia 1m
- Explicitly Registering Types and Instances in Aurelia 1m
- Using Framework Configuration to Explicitly Register Types 2m
- Using Resolvers in Aurelia 2m
- Lazy Loading and Plugin Instancing with Aurelia 4m
- Registering Global Dependencies 2m
- Summary 1m
- Overview 1m
- Routing Overview 3m
- Defining and Configuring Routes 3m
- Removing Unnecessary ViewModels 3m
- Defining and Using Basic Routes 3m
- Routing to Multiple Views and Dynamically Generating Nav Menus 7m
- Building out The Client Services Layer of an App 7m
- Passing and Consuming Parameters in Routing 5m
- Using URL Parameters 6m
- Generating Route URLs from Routing Configuration 4m
- Using Query String Parameters 4m
- Programmatic Controlling Navigation 2m
- Summary 2m
- Overview 2m
- Screen Activation Lifecycle 4m
- Returning Promises from Your Activate Method 4m
- Rejecting Navigation with CanActivate 3m
- Handling Unfinished Actions Before Navigation 4m
- Sibling Navigation Panes with ViewPorts 2m
- Implementing Sibling Navigation Panes with ViewPorts 3m
- Child Routers Overview 1m
- Implement Child Routing 6m
- Activation Strategies 3m
- Reusing ViewModels with Activation Strategies 6m
- PushState Overview 2m
- Enabling PushState in Your Client Addressing 4m
- Custom Navigation Pipeline Steps 3m
- Implementing Custom Navigation Pipeline Steps 4m
- Summary 2m
- Overview 2m
- Data Binding Overview 3m
- Aurelia Data Binding Overview 2m
- Aurelia's Adaptive Data Binding System 6m
- Primary Data Binding Syntax 3m
- A Walk Through the Data Binding so Far 5m
- Binding with innerHTML and textContent 5m
- Data Binding Modes 1m
- Controlling Data Flow with Data Binding Modes 5m
- Event Bindings Overview 3m
- Event Bindings in Action 4m
- Summary 1m
- Introduction 2m
- Behind the Curtain of Data Binding 3m
- Specialized Bindings: if, show, ref, and Advanced repeat.for 6m
- Using if, show, and ref Bindings 3m
- Using Advanced repeat.for Capabilities 4m
- Specialized Bindings: Style and CSS Bindings 2m
- Using Style and CSS Bindings 2m
- Specialized Input Bindings: Select, Radio, and Checkbox 4m
- Setting up for Data Input 11m
- Using Select, Radio, and Checkbox Bindings 3m
- Avoiding Dirty Checking 1m
- Using computedFrom Decorator 4m
- Binding with ValueConverters 3m
- Transforming Data with ValueConverters 9m
- Extending Data Binding with Binding Behaviors 8m
- Using updateTrigger, throttle, and debounce Binding Behaviors 6m
- Using the Signal Binding Behavior 6m
- Implementing Custom Binding Behaviors 9m
- Summary 2m
- Overview 1m
- Calling HTTP Services 5m
- Calling HTTP Services with the Aurelia Simple HTTP Client 7m
- Calling HTTP Services with the Aurelia Fetch Client 7m
- Using the Dialog Service Plugin 1m
- Showing Modal Dialogs with the Dialog Service Plugin 8m
- Validating User Input 2m
- Using the Validation Plugin 8m
- Pub/Sub Events and EventAggregator 1m
- Using Pub/Sub Events in Aurelia 5m
- Summary 1m
- Overview 1m
- Custom Elements Overview 3m
- Turning a View and ViewModel into a Custom Element 4m
- Tapping into the Lifecycle of a Custom Element 4m
- Controlling the Name and Container of a Custom Element 2m
- Implementing Replacable Parts in a Custom Element 3m
- Custom Attributes Overview 4m
- Simple Single Valued Custom Attributes 5m
- Passing Multiple Parameters to a Custom Attribute 4m
- Implementing an 'if' Custom Attribute 4m
- Implementing Your Own TemplateController from Scratch 4m
- Summary 1m
- Overview 1m
- Testing Applications and Frameworks 3m
- Get Started Defining and Running Unit Tests 5m
- Get Started Defining and Running End-to-End Tests 3m
- Building Your Application 2m
- Using the Skeleton Navigation Sample App's Build Infrastructure 6m
- Bundling Applications 7m
- Getting Your Code Ready to Build, Bundle, and Run in Production 7m
- Bundling Your App Modules and Aurelia Libraries 5m
- Summary 2m
About the author
Brian Noyes is CTO and Architect at Solliance (www.solliance.net), an expert technology solutions development company. Brian is a Microsoft MVP and specializes in client application architecture, full stack web development, cloud and microservice architecture. Brian has authored several books and dozens of technology publication articles, including Developer's Guide to Microsoft Prism 4, Data Binding with Windows Forms 2.0, and Smart Client Deployment with ClickOnce. Brian got started programmin... more