Hands-on Ember.js

#anchorWorkshop Overview

1. 

   Ember.js Basics

   We look at the basic building blocks of an Ember application and how they play together. We also take a look at the CLI and development tooling like the Ember Inspector.

2. 

   Templates and Components

   Rendering DOM elements is the most essential task of every Ember app. We dive deep into Handlebars, Ember's component model, tracked properties as well as actions and modifiers and more advanced topics like complex component architectures, component reusability concerns, and architectural approaches.

3. 

   Routing

   Ember pioneered the idea of driving the application state through the URL. In this stage, we explore Ember's routing, the template hierarchy, and advanced concepts like loading and error states.

4. 

   Ember Data

   This stage covers all aspects of Ember Data, from the basics like working with models and the store, to advanced topics like adapters and serializers, the json:api spec, and data loading patterns.

5. 

   Services

   Ember's services are a simple yet powerful mechanism for sharing state throughout the application as well as encapsulating specific functionality. We cover how services work and look at typical use cases and patterns.

6. 

   Testing

   We cover fundamental authentication and authorization concepts, discussing different mechanisms and related security aspects.

7. 

   Auth (optional)

   We cover fundamental authentication and authorization concepts, discussing different mechanisms and related security aspects.

8. 

   Deployment, Performance, SSR and SSG (optional)

   In this stage, we look into serving Ember applications in the most performant way. We cover topics like CDNs, caching and service workers, as well as server-side rendering and pre-rendering with FastBoot.

9. 

   Ember's object model (optional)

   Ember applications building on versions older than the Octane edition are still using Ember's legacy object model with patterns like computed properties and mixins. In this stage, we cover those concepts in-depth as well as explore approaches for migrating to native classes.

#anchorThe Workshop

We go through a series of stages that each build on one another. Each topic is introduced via an in-depth presentation as well as a small, focussed demo application that illustrates the respective concept in practice.

Over the course of the workshop we take participants through building a full Ember application step by step so each topic can be applied hands-on with the support of our tutors. Depending on each team's needs and previous experience, we will cover each topic in varying depth. The workshop can be done over two or three days.

#anchorCustomized for your team

Different teams have different needs and levels of experience with Ember. The workshop can be done for beginners as well as more experienced developers by covering different topics in different levels of depth.

We are also happy to customize workshops for the specific needs of a team and cover topics like performance, debugging, upgrading from older versions of Ember, or any topics particular to a team's application.

The workshop can be done remote or on-site, though we do recommend on-site if possible.

All examples and practical assignments from the workshop are available publicly on GitHub.

#anchorLeads

Ricardo Mendes

Senior Frontend Engineer, Ember Framework and Learning Core teams member

Ricardo is a long time Ember core team member and one of the main people responsible for Ember's documentation. He is passionate about teaching and has worked with teams around the world to deepen and extend their knowledge about the framework.

Marco Otte-Witte

Founder and Managing Director of simplabs

Marco has been working with Ember since before the 1.0 release. He is the original author of [ember-simple-auth](https://ember-simple-auth.com) and has built large Ember apps for international clients.