Aurelia For Beginners: The New Age JS Framework

Explore the Aurelia application structure by examining the demo project's folders, including environments, configurations, source code, scripts, and packages, and learn how these elements fit into the design and setup.

Learn how to create a new Aurelia hello world application using the command line, customize project options, install dependencies, and run locally to view the hello world message.

Explore Aurelia skeleton navigation, learn how to set up a JavaScript project, and understand routing, data binding, and custom elements in Aurelia through a hands-on skeleton example.

Explore one-way and two-way data binding in Aurelia, including input and attribute binding, string interpolation, one-time binding, and reference-based binding for other elements.

Explore how Aurelia's binding system works by building simple binding, binding input fields, and observing automatic updates between the view and the view model.

Learn to reference elements and bind inputs in Aurelia, using checkboxes, radio buttons, and objects, covering checked attributes, primitives, and object bindings within templates and forms.

Examine binding scopes with attribute in Aurelia, connect form inputs to properties like first name and last name, initialize values, and observe current date binding in a customer registration form.

Explore Aurelia's binding types—dedicated delegation, trigger, and call—and learn how event delegation at a top level improves memory efficiency, with practical examples of binding and event handling.

Configure the Aurelia router to enable navigation between pages, set up home and about components, define routes and redirects, and implement router links to switch views.

Build a basic registration form in Aurelia for beginners, with first name, last name, email, and password fields, binding values, and a sign-up function that prints the user data.

Explore binding types and binding behaviors in Aurelia, learn how throttle and one-time binding control update timing, and see how to implement a custom binding behavior.

Learn how Aurelia's event aggregator enables cross-model messaging by publishing, subscribing, and disposing events. Build an example that injects the event aggregator, publishes events, subscribes to them, and detaches subscribers.

Explore dependency injection in Aurelia by comparing manual injection and decorator-based auto injection, and learn how bootstrap, TypeScript configuration, and pre-configured setups streamline injecting dependencies.

Explore ES6 and ES7 features, including classes, block scoping, template strings with interpolation, decorators, and transpiling, and learn how these enable native-like Aurelia apps.

Bundle your application for production, set the environment, and deploy with version control workflows. Never deploy source files; always bundle and secure hosting and database access for server-side delivery.

Create features in Aurelia by organizing components into global, remotely referenceable resources, configure and register features, and expose custom elements and attributes through global resources.

Create reusable custom elements in Aurelia by building templates with labels, inputs, and bindings, including placeholders and dependency injection. Explore slots to customize the element body.

Explore how to implement custom attributes in Aurelia to extend existing elements with new behavior, such as managing focus on a first-name input and binding attribute values in templates.

Develop custom binding behaviors in Aurelia, including update source and binding rules. Create a registration screen that checks for a unique username as the user types using a binding behavior.

Explore how to create and use services in aurelia to encapsulate shared business logic, enable dependency injection, and share data across views, with a simple data and orders fetching example.

Explore best practices for Aurelia development, including starting new projects with up-to-date skeletons, coding standards, and flexible model-view structures, while embracing ES6 and optional TypeScript.

Explore Aurelia basics with a project overview covering requirements, design, and configuration. Build a contact details app and a user profile with first name, last name, email, phone, and image.

Configure a new Aurelia project by building its template and styling structure, setting up bootstrap resources, a contact list, navigation bar, and dependency injections.

Create a complete contact detail form in Aurelia by building a template with first name, last name, email, and phone inputs, labeled form groups, data binding, and a submit button.

Develop the contact detail form in Aurelia by implementing class functionalities, injecting properties, constructing contact data, publishing new contacts, and building the contact list form with output retrieval.

Learn to build a contact form in Aurelia, with a list group and items for first name, last name, email, and phone number, plus create, select, and subscribe features.

Analyze the output of a contact management project to understand listing contacts, editing numbers and emails, and applying simple policies within an Aurelia project.