Aurelia For Real World Web Applications
Aurelia For Real World Web Applications
Using the Aurelia Javascript framework to build real world applications.
About the Book
Aurelia is a powerful Javascript framework based on standards. One of the strongest aspects of Aurelia is you are not learning a framework, you are learning how to use future-spec Javascript.
In this book you will learn the underlying concepts of the Aurelia framework and at the same time, you will learn how to do various real world programming tasks such as:
- Working with forms; validation, multi-step, data caching
- How to use third party libraries
- Working with jQuery and jQuery UI
- Interfacing with API's using both the Fetch and HttpClient dependencies provided by Aurelia
- Implementing authentication in your Aurelia applications as well as numerous strategies for working with different types of authentication
- How to write an Aurelia application using TypeScript
- The definitive guide to bundling and deploying your Aurelia applications
- Working with CSS pre-processors such as; LESS, Stylus and Sass
- How to create custom elements and attributes
- Porting over existing Angular 1 and Angular 2 applications to Aurelia
- Working with the binding system
- How to extend Aurelia
- Working with the Task Queue module
- All this and a whole heap more!
Table of Contents
-
1. Welcome
- What Is Aurelia?
-
Why Aurelia?
- Aurelia is standards based
- No lock-in
- Lightweight and performance oriented
- Commercial backing
- Legitimately small learning curve
- Dependency free
- Code examples on Github
- What will I learn in this book?
-
2. An Introduction to Modern Javascript
- Transpilers
- Decorators
- let
- Constants
- Destructuring assignment
- Default parameters and values
- Rest operator
- Classes
- Promises
- Arrow functions
- Sets and Maps
- Template literals
- Modules
- Conclusion
-
3. Beyond Javascript with TypeScript
- What is TypeScript?
-
The benefits of TypeScript
- Strong Typing
- Intellisense
-
TypeScript in action
- Classes
- Interfaces
- Basic Types
- Conclusion
-
4. The Fundamentals of Aurelia
- Terminology
- The component life-cycle
-
Conventions
- View-model/View Pairs
- Overriding view/view-model conventions
- Custom Attributes/Custom Elements/Value Converters
-
5. Getting Started With Aurelia
-
Setting up your development environment
- Installing Node.js
- Working with Npm (Node Package Manager)
-
The Aurelia CLI
- Installing the CLI
- CLI commands
- Conclusion
-
Setting up your development environment
-
6. Building your first Aurelia app
- Downloading an IDE/Code editor
- Start a new project
- Let’s start coding…
- Conclusion
-
7. Templating
- Require
- Interpolation
-
Nested
<template>
elements - Binding Modes
-
Property binding
- Binding to style
- Binding to innerhtml
- Binding to textcontent
- Binding to input values
- Binding to files
- Events
- Working with addEventListener/removeEventListener
-
Inbuilt attributes
- if
- show
- repeat.for
- as-element
- Composition
- Local references/variables
- HTML only templates
- Summary
-
8. Dependency Injection (DI)
- Simple DI
- Configuring DI
- Autoinjecting dependencies in TypeScript
-
Resolvers
- Lazy
- All
- Optional
- Parent
- Factory
- NewInstance
- Summary
-
9. Value Converters & Binding Behaviors
- Value Converters
-
Binding Behaviors
- throttle
- debounce
- updateTrigger
- signal
- oneTime
- Conclusion
-
10. Event Aggregator
- Reasons to use the Event Aggregator
- Publishing events
- Subscribing to events
-
11. Structuring your applications
- Common Components of an Aurelia Application
-
Structure + Styles
- Common Styles
- Custom Elements
- Strategy #1
- Strategy #2
- Strategy #3
- Strategy #4
-
12. Working with forms
-
Binding with form elements
- Checkboxes
- Radios
- Selects
- Textarea
- File
- Contenteditable
-
Form Strategies
- Persisting form data
- Multi-step form
-
Binding with form elements
-
13. Working with the HTTP & Fetch clients
-
HTTP Client
- Making a GET request
- Making a POST request
- A Fluent API
-
Fetch Client
- Making a GET request
- Making a POST request
- Basic Configuration
- Custom request headers
- Intercepting Requests
- Error Handling
-
HTTP Client
-
14. Router
-
Configuring the router
- Using pushState
- Routes explained
- Creating a basic route
-
Creating a parameterized route
- Optional parameters
- Creating a wildcard route
- Handling unknown routes aka 404’s
- Passing data via routes
- Dynamic routed modules
- Case Sensitive Routes
- Redirecting Routes
-
The router pipeline
- Authorize Step
- PreActivate Step
- PreRender Step
- PostRender Step
-
View Ports and Layouts
- View Ports
- Layouts
-
Configuring the router
-
15. Animating
- The foundation all animations are built on
-
Animator CSS
- Getting started
- Our first CSS animation
- Manually triggering animation
- Manually triggering animation: in-depth
-
Animator Velocity.js
- Getting Started
- A basic animation example
- Registering custom effects
-
16. Testing
-
Unit Testing
- What should a good unit test look like?
- Jasmine explained
- Testing view-model/views
- Testing custom elements
- Testing custom attributes
- Testing dependencies
- Mocks
-
Unit Testing
-
17. Localization using i18n
- Prerequisites
- Installation
- Configuring our project
- Intl Polyfill
- Options
- Events
-
Displaying localization values
- Translating via custom attribute
- Translating via code
- Setting the currently active locale
- Getting the currently active locale
- Bundling the locale files
The Leanpub 60 Day 100% Happiness Guarantee
Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.
Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.
You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!
So, there's no reason not to click the Add to Cart button, is there?
See full terms...
Earn $8 on a $10 Purchase, and $16 on a $20 Purchase
We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book for $20, you'll earn $80,000.
(Yes, some authors have already earned much more than that on Leanpub.)
In fact, authors have earnedover $13 millionwriting, publishing and selling on Leanpub.
Learn more about writing on Leanpub
Free Updates. DRM Free.
If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).
Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.
Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.
Learn more about Leanpub's ebook formats and where to read them