_Index

Ember.js Introduction — What Is Ember.js and Why Use It

Learn what Ember.js is, its conventions, the Ember CLI, routing, components, Ember Data, and why it is ideal for ambitious web applications.

Ember.js Installation — Setting Up Ember CLI

Learn Ember.js installation: install Ember CLI, create a new project, run the dev server, and understand the tooling ecosystem.

Ember Project Structure — Understanding the Default Layout

Learn Ember project structure: app directory, routes, templates, components, models, services, config, and the resolver conventions.

Ember Routes — URL-Based Navigation and Routing

Learn Ember routes: define routes in router.js, nested routes, dynamic segments, route ordering, and how URLs map to templates and data.

Ember Route Hooks — Data Loading and Lifecycle Methods

Learn Ember route hooks: model, beforeModel, afterModel, setupController, and lifecycle methods for data loading and route transitions.

Ember Nested Routes — Hierarchical Layouts and Data

Learn Ember nested routes: parent-child routes, shared layouts, nested model data, outlet management, and breadcrumb navigation.

Ember Templates — Handlebars Syntax and Rendering

Learn Ember templates: Handlebars syntax, expressions, helpers, conditionals, loops, component invocation, and template composition patterns.

Ember Components — Reusable UI Building Blocks

Learn Ember components: Glimmer components, args, tracked properties, actions, and building reusable, encapsulated UI elements.

Ember Component Lifecycle — Constructor to Destruction

Learn Ember component lifecycle: constructor, getters, did-insert, did-update, will-destroy, and managing resources across lifecycle stages.

Ember Helpers — Template Transformation Functions

Learn Ember helpers: built-in helpers, custom helpers, helper types, computed helpers, and transforming data for template display.

Ember Data — The Data Layer for Your Application

Learn Ember Data: store, models, adapters, serializers, queries, relationships, caching, and managing application state with a robust data layer.

Ember Models — Attributes, Transforms, and Relationships

Learn Ember models: attr types, transforms, belongsTo, hasMany relationships, computed properties, and model lifecycle hooks.

Ember Adapters — Configuring API Communication

Learn Ember adapters: JSONAPIAdapter, custom endpoints, headers, error handling, and configuring how Ember Data talks to your backend.

Ember Serializers — Data Format Transformation

Learn Ember serializers: JSONAPISerializer, custom serialization, normalizeResponse, serializeIntoHash, and transforming API data for models.

Ember Services — Shared State and Application Logic

Learn Ember services: singleton objects for shared state, dependency injection, session management, and cross-component communication.

Ember Controllers — Route-Specific Logic and State

Learn Ember controllers: route-specific state management, query parameters, actions, computed properties, and controller lifecycle.

Ember Actions — Event Handling and User Interactions

Learn Ember actions: DOM event handling, action decorators, event bubbling, form submissions, and passing actions between components.

Ember Testing — Test-Driven Development in Ember

Learn Ember testing: QUnit setup, unit tests, integration tests, acceptance tests, mocking with Mirage, and CI integration.

Ember Octane — Modern Ember with Tracked Properties and Glimmer

Learn Ember Octane: tracked properties, Glimmer components, native classes, decorators, and modern patterns that replaced classic Ember.

Ember Project — Build a Complete Blog Application

Build a complete Ember blog application with routes, components, Ember Data, services, and testing in this comprehensive capstone project.