Ember Octane Fundamentals

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!

• 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