Learn to build an Ember Octane app from scratch that works as a Progressive Web App (PWA), while staying focused on Ember’s main core concepts: routing and components. You’ll get hands-on experience with glimmer components, tracked properties, actions, modifiers and everything you need to know to build performant, production-ready Ember apps with Octane!
Overview
Syllabus
- Introduction
- Ember Octane Edition
- Course App Setup
- Ember Components
- Ember Arguments
- Helpers & Unit Testing Setup
- Helper Integration Testing
- Setting Up New Routes
- Linking Routes with LinkTo
- Acceptance Testing
- Acceptance Testing Q&A
- Event Handling with the on Modifier
- Handling Form Submit
- Decorators & Action Decorator
- Login Form Integration Test
- Stateful Components
- Using Tracked Properties
- Tracked Properties Q&A
- Handlebars if Helper
- Component Integration Tests
- Services
- Stubbing Services in Tests
- Guarded Login & Team Routes
- Auth State & transitionTo
- Integration Tests for Logout
- Outlets, URLs & Routes
- Routing Dynamic Segments
- URL Driven Models
- Reflecting State in the UI
- Introduction to Fetch
- Making API Calls
- Forwarding Routes
- Container & Presentational Components
- Container Components
- Presentational Components
- createMessage Action
- Channel Footer State
- Message Submit
- Keeping UI in Sync
- Component Architecture Q&A
- deleteMessage Action
- Server Rendering
- Service Worker & Offline
- Production Build Performance
- Production Build Q&A
- Wrapping Up
Taught by
Mike North
