For an offline-friendly, PWA version of the schedule, visit schedule.emberconf.com. This tech demo also showcases FastBoot with rehydration, Ember's new filesystem layout, and other cutting edge features.
For a more experimental version of the same site that uses WASM for rendering (Chrome or Firefox only) visit schedule-wasm.emberconf.com.
-
Pre-Conf Activities: March 12
Join us for an optional day of trainings, local activities, and early registration.
-
Registration Windows
-
8:30 am9:30 am
Training-Only Registration
This registration window is reserved for folks attending one of our training classes, to make sure they're processed and seated in time for class.
-
9:30 am4:30 pm
Training, Activities and Early Conference Registration
All attendees are welcome to drop by to register for any EmberConf trainings, activities, and for early Conference registration.
Grab your special, limited-edition swag item for folks registering for anything on Monday, to help keep the Tuesday morning registration rush to a minimum. While supplies last.
-
-
Trainings and Bonus Sessions
-
9:00 am12:00 pm
A: Advanced Mirage
Paid addonIn this interactive training, we'll code our way through several exercises as we learn some advanced techniques for working with Ember CLI Mirage.
Mirage makes it easy to wire up a simple mock server, but eventually there comes a time in every application where more work is needed to faithfully represent certain resources and operations. Once you learn a few of these techniques, you'll be able to write complex custom route handlers in no time.
During this training you will learn how to
- Use higher-order functions to simplify custom route handlers
- Customize serializers to make Mirage match a custom backend
- Work with complex model schemas that include things like polymorphic and one-way associations
- Writing useful factory traits that simplify data creation and clarify tests
and more. By the end of the exercises, you'll
- Feel more confident working directly with Mirage's ORM
- Have a better understanding of JSON:API
- Be able to set up isolated Mirage servers, which are useful in integration or addon tests
This is a chance to improve not only your knowledge of Mirage but also your capabilities with vanilla JavaScript, as some of the most useful Mirage techniques boil down to writing functional, composable JavaScript transforms.
Bring your questions and take this unique opportunity to learn directly from Mirage's creator. Expect to walk away with a better understanding of Mirage's internals and feeling more confident when you get back to testing and developing your application.
Register to attend -
-
9:00 am12:00 pm
B: Eat Your Greens: A Broccoli.js Tutorial
Paid addonBroccoli.js is the build system that powers Ember CLI. Come and learn how Broccoli.js works, how to use it standalone to build any javascript project, and how to utilize the Ember CLI hooks to add functionality to the Ember CLI build chain.
The tutorial is a fun but deep dive into Broccoli.js by iterating on building a standalone build chain, from a simple single html file, all the way to a typescript, auto reloading, dev and prod versions, source maps, etc. Once the standalone build chain is complete, we 'll work on how Broccoli.js can be integrated into Ember.js via the addon system.
By the end of this talk, participants will be able to write their own broccoli plugins, and integrate those into Ember with Ember addons.
Register to attend -
-
9:00 am12:00 pm
C: Deploying Progressive Web Apps with Ember
Paid addonProgressive Web Apps are the future of the Web. Turning an Ember or Glimmer app into a PWA has been made quite easy, but how do you deploy and maintain one?
In this workshop we’ll first go over how to turn your app into a PWA, and then look at getting one into production safely. As a bonus we’ll take a look at some neat tricks to make your app behave like a PWA in iOS, while real support for it has not landed yet.
All you need to bring is your laptop and some basic knowledge of how to develop an Ember application.
Register to attend -
-
9:00 am12:00 pm
D: TypeScript Up Your Ember.js App!
Paid addonYou’ve heard about the benefits of TypeScript, and now you want to integrate it into your Ember.js application. How should you go about doing it?
In this training we’ll walk through adding TypeScript to an existing Ember.js application—everything from How exactly does TypeScript work? to How do I get it tied into the build system? to Where do I start adding types? and finally, How do I convert my thousands and thousands of lines of JavaScript?
By the time the session is over, attendees will have a basic idea of how to use TypeScript, and will be able to start integrating TypeScript into both new and existing Ember.js applications.
The best fit for this talk are developers who already know at least a little Ember.js. We will not be teaching Ember basics, but assuming them as the foundation for using TypeScript with Ember.js.
Register to attend -
-
1:30 pm4:30 pm
E: Improving Ember App Performance
Sold outThis is event is sold out. Join the waitlist to be notified if more tickets become available.
The average user will only wait two seconds for a webpage to load, then leave, never to return again. Amazon found that 100ms equated to a 1% increase in conversions, Google found that 53% of mobile users will abandon a page if it takes more than two seconds to load, and countless other companies had similar results.
Not only does speed impact whether users will use your site or not, but it also impacts your SEO. Google has begun really focusing on ranking, based on mobile performance, so if your site loads quickly and is mobile optimized, you will be ranked much higher than your competitors.
In this workshop we'll cover a variety of ways to improve your Ember app's performance. We will start with a sample app and we will use various techniques to improve both actual and perceived load times. We'll track performance with
Lighthouse,WebPageTest.org, and built inGoogle Chrome DevToolsso you know exactly the gains you get from these tweaks.Some of the hands on things this session will cover are:
- Remove
jQueryto remove 35 kb (min + gzip) from your bundle - Use
broccoli-concat-analyzerto visualize which addons are inflating your bundle< - Enable meta and loading without JS with server side rendering with
fastboot - Use service workers when connections are spotty
- Finding other performance bottlenecks and squashing them
…and more.
-
-
1:30 pm4:30 pm
F: Using Functional CSS with Ember
Paid addonUsing Functional CSS with Ember
In this training we'll talk about why functional CSS is becoming so popular, learn how to use functional CSS with Ember, and get some practice working with high-level styling abstractions like UI components, style guides and design systems.
Functional CSS is all about using small, composable CSS classes to style your application. In this interactive class we will:
- Compare several popular functional CSS libraries including Tachyons and Tailwind CSS
- Work through styling some sample applications using functional css
- Talk about the problems and solutions that come from only using utility classes to style an Ember app
During our work we'll take time to discuss how functional CSS:
- Imposes useful constraints on development teams
- Fosters a strong and consistent design language specific to an application
- Reduces the amount of CSS code developers need to write
- Helps teams move fast without worrying about improperly styled components
To wrap things up, we'll explore some newer ideas like:
- How compiled build-time only UI components might work with functional CSS
- How to autogenerate styleguides from your functional CSS configuration
and more.
We've been using Functional CSS for more than two years and are convinced it's superior to other styling techniques that currently exist. If you're tired of overwriting Boostrap classes and ready to get serious about design systems, join us to learn more about this popular innovation from the web development community.
Register to attend -
-
1:30 pm4:30 pm
G: App Building: 0 to MVP in 3 Hours!
Paid addonWe've all been able to build ambitious applications because of Ember's conventions, helping us build higher. So what if we could also shake up the startup market by building real prototypes faster?
In this session we'll build a backend for a simple, single feature application and publish it, building on Ember's conventions and a lot of community solutions. We'll also enable a subscription-based paywall. You'll leave this session with a published app that people can pay for.
Time-allowing, we'll also go into how to improve the system design, including simple rate-limiting plans and similar techniques.
Register to attend -
-
1:30 pm4:40 pm
BonusConf Sessions
Paid addonEach year, we not-so-secretly run a small mini-conf on Monday, where we professionally record Bonus content for online release. With so many talented Ember people coming to town, how could we not take advantage and invite an audience?
Ticket price of $59 gains you entry to the entire afternoon. Stay for some talks, or all. Small audience, space limited.
Register to attendThis year's agenda includes:
-
1:30-2:00pm
Let's Test That Addon!
Samanta de Barros
-
2:10-2:40pm
Pixel by Pixel: Visual Regression Testing in Ember
Mike Fotinakis
-
2:50-3:20pm
Fail at Maintaining Your First OSS Project in 3 Easy Steps!
Lee Baillie
-
3:30-4:00pm
Pair Programming as a Mechanism for Growth
Dianne Eramo
-
4:10-4:40pm
The Chirpolith: Successfully Migrating a Messy App to Ember
Alex Rothenberg
-
-
-
Walking Tours
-
10:00 am1:00 pm
Coffee and Sweets Tour
Paid addonJoin a local connoisseur Tour Guide for a walking exploration of some of the best coffee and sweets that Portland has to offer. The tour will visit five or so different local vendors and artisan producers in roughly three hours.
You'll stop along the way to meet proprietors, sample the goods and even hop on and off Portland's oh-so-adorable streetcar. The morning tour will end in walking distance to the convention center, where you can head immediately after to grab your limited edition Early Registration gift.
Ticket price of $79 covers all the snacks and samples along the way. Rain or shine.
Register to attend -
2:00 pm5:00 pm
Food Cart Tour
Paid addonCheck out Portland’s amazing curbside cuisine! Let our Resident Experts take you on a personal tour of the city’s best food carts, tasting trucks, and hidden kitchens, where former four-star chefs and other culinary entrepreneurs scoop up mighty morsels on an international scale. This isn’t fast food: it’s flavor with flair, for savvy munchers on the go.
With so much to choose from, it’s easy to make a mealtime mistake you’ll regret all week. Our personable, knowledgeable local expert guides will help you navigate the crowds and show you which meals are deals, and which queues to avoid. Along the way they’ll share the story behind the phenomenon that has changed city streets and parking lots into hip places for a posh nosh. You’ll never look at street vendors the same way!
Ticket price of $79 covers all the snacks and samples along the way, as well as a gratuity for your tour guide. Rain or shine.
Register to attend -
2:00 pm5:00 pm
Southeast Brewery Extravaganza!
Sold outThis is event is sold out. Join the waitlist to be notified if more tickets become available.
Join an intimate group of your fellow Ember friends for a brew-focused adventure in the heart of Portland's trendy Southeast. We'll take a guided tour walking to and from three iconic Portland Breweries, complete with snacks and tastings.
Ticket price of $89 covers all the tastings, snacks and samples along the way, your super-fun tour guide, a tasting journal, souvenir glass and gratuity for your tour guide.
As with all EmberConf activities that involve alcohol, drink responsibly! Don't overdo it: we'll also provide lots of snacks along the way to help make sure you don't. Rain or shine.
-
-
Other Activities
-
9:00 am12:00 pm
Contributors Workshop
Paid addonAt the heart of open source are developers like you: people of all backgrounds, interests, and experience levels. In this 3-hour workshop, you'll learn how to contribute to Ember, meet the other developers who shape our favorite framework, and if you're up for the challenge, make a pull request!
The workshop will begin with some formal instruction. Where do you start? What goes into a good PR? Who will help? What knowledge or skills do you need before you jump in? (Spoiler alert—not a whole lot! Learning new things is part of the fun.)
The rest will be guided coding time. You'll have the opportunity to pair program or fly solo as you tackle an issue in Ember's learning resources or core code. Available issues will cover a wide range, appropriate for beginners and experts alike. A group of experienced contributors will be there to help debug, advise, and answer questions.
The workshop will include some formal instruction, guidance from a team of experienced contributors, and hands-on coding time. Attendees should bring a laptop, budget an hour of setup time in the week before the workshop, and watch for emailed instructions about setup.
Register to attend -
-
9:00 am11:30 am
WHW, Public Speaking 101
Paid addonThis Workshop is open to members of the EmberConf Women Helping Women Program and all Women in the Ember community.
This fun workshop is a mix of lecture, exercises, and discussion, focused on practical techniques and principles that can help you level up your skills for speaking to any size of group. Learn how to adapt your body language and content to communicate effectively to dozens, hundreds, or thousands of people—and how to recover when things don’t go as planned.
Please note that this is a women-only event that intends an inclusive definition of women. We are welcoming and respectful of trans women and any others who identify as women in a way that is significant to them.
Register to attend -
-
12:00 pm1:30 pm
WHW, Program Luncheon
Paid addonThis luncheon is open to members of the EmberConf Women Helping Women Program and all Women in the Ember community.
Please note that this is a women-only event that intends an inclusive definition of women. We are welcoming and respectful of trans women and any others who identify as women in a way that is significant to them.
Register to attend -
-
2:00 pm4:30 pm
WHW, Telling Great Stories with Code
Paid addonThis Workshop is open to members of the EmberConf Women Helping Women Program and all Women in the Ember community.
Showing code is an integral part of telling technical stories- but showing code alone doesn't tell a story. This session will focus on how to use code within a technical presentation, from high-level concerns, like where and how to use code and architecture diagrams in your talk, to the nitty-gritty details of using Keynote's slide builds and transitions to make code digestible at a glance. This session will primarily be practical, so bring a deck you'd like to polish, or come prepared to create something new.
Please note that this is a women-only event that intends an inclusive definition of women. We are welcoming and respectful of trans women and any others who identify as women in a way that is significant to them.
Register to attend -
-
5:30 pm7:30 pm
Mentorship Program Meet n' Greet
This invite-only</e> wine-and-cheese mixer is for members of the EmberConf Mentorship Program. Acceptances went out March 5th.
-
-
-
-
Day 1: March 13
-
-
8:30 am
Registration
-
9:30 am10:30 am
Opening Keynote
Join Tom and Yehuda for a review of Ember in 2017 and a look forward to the future.
-
-
10:45 am11:15 am
Ambitious for All: Accessibility in Ember
Ember is "the framework for building ambitious applications." But what happens when that ambition leaves some users behind? For many in the enterprise environment, accessibility is a legal requirement. For anyone building a new app elsewhere, the user data speaks for itself: nearly 10% of all users have some sort of a disability. So how can we make this easier? What already exists?
Not only will we discuss how Ember supports this, we'll look at some imaging techniques being used in scientific research that may help us look at this challenge from a different angle.
-
-
11:30 am12:00 pm
Everything they didn’t tell you about the Ember Community
The Ember community describes a worldwide subculture consisting of developers, contributors, bloggers, event organizers, podcasters and many others involved in activities around the framework. But which factors drive this complex community in its efforts?
After a retrospective of open-source activity in the ecosystem, we’ll see which core resources and addons are particularly popular and which topics are particularly interesting to the community. Summing up these findings, we’ll finally try to answer how diversity and growth of this community can be furthered even more in the future.
-
-
12:00 pm1:30 pm
Lunch
-
1:30 pm2:00 pm
The Next Generation of Testing
The "Grand Testing Unification" is finally here! In this talk you learn how to use the new QUnit testing APIs and we discuss why they were changed and what steps you need to take to migrate your existing tests to the new APIs. Finally we will look at the Ember ecosystem and introduce addons that can make your tests better than ever before.
-
-
2:15 pm2:45 pm
Say More
Acceptance tests are a wonderful way to describe how our apps behave at a high level, but what if they could say more? What if they could also say that our apps are intuitive, accessible, localised, and fast? What if they could say all this without any extra code?
In this talk we’ll imagine a set of hooks which allow us to build new layers of meaning into the test helpers we know and love. Then we’ll set about actually building them.
-
-
3:00 pm3:30 pm
Who Moved My Cheese? Ember's New Filesystem Layout
Ember's new filesystem layout, commonly called Module Unification, has arrived. Applications and addons alike have started to adopt the new convention. Why should you be looking at Module Unification? With the new layout we're bringing code bundling, improved namespacing for components, and a better integration path for addons to the framework.
-
-
3:30 pm4:00 pm
Snack Break
-
4:00 pm4:30 pm
Mastering the Art of Forms
"Building forms in @emberjs is terrifying because I'm stuck with decisions I always later regret." —me in another lifetime
HTML forms can represent a time before JavaScript was an integral part of application development. Creating forms isn’t always the most exciting part of development and, at times, it may seem daunting. Fear not! I’d like to talk through some pain points of building an important piece of user interface: we will discuss what to do, what not to do, and which Ember addons have come to the rescue.
-
-
4:45 pm5:15 pm
How To Build A Bonfire: On Training and Hiring New Devs
Many companies that integrate Ember into their stacks often have a hard time finding quality developers in an ever-changing job market. Because of this, we often resort to training new developers in-house on the ways of Ember and Glimmer. Yet, what is the most effective way for us to hire, teach, and train developers in this aspect? I want to offer some practical advice, stories, and lessons learned from my experience with this over the past few years.
-
-
5:30 pm6:00 pm
Living Animation
Most animation on the web is canned, non-interactive, and inflexible. It doesn’t dynamically adjust itself to changing conditions and user interactions. It’s expensive to create and maintain because the programmer or designer is trying to micromanage the motion. It needs to be hand-tuned for each new feature, device, or media query breakpoint.
There is an alternative: we can think more like game designers. We can build robust, dynamic systems that animate gracefully, with clear separation between app logic and app motion.
-
-
6:00 pm7:00 pm
Happy Hour!
Join us in the main sponsor hall and cap off the day with friends, drinks and snacks before you head off to dinner.
-
-
-
Day 2: March 14
-
-
9:45 am10:30 am
The Future of Data in Ember
This talk will provide an overview of the latest developments in the realm of managing data in Ember applications. The focus will be the past, present, and future of Ember Data, which is becoming faster, lighter-weight, and more modular.
The JSON:API specification, which provides the conventions that underpin Ember Data, is evolving through “operations” and other extensions. And new interfaces are being explored in Ember Data to allow interop with Orbit.js, which will unlock capabilities such as offline operation, store forking / merging, and more.
This talk will also touch upon some popular data management solutions in the wider JavaScript ecosystem, both to show how they can be used in Ember applications and to compare and contrast them with Ember’s conventional data stack.
-
-
10:45 am11:15 am
Smartphone Symphony
If Beethoven was alive today, he’d probably use Ember. Using Ember, socket.io, the web audio API, and devices in the audience's pockets, we'll interactively explore the challenges of creating a real-time and audience-driven musical performance, different parts of which are played across a symphony of all phones in the audience.
-
-
11:30 am12:00 pm
Reuse, Recycle: One Team’s Journey from Projects to Products
When building app after app at what point do you stop mining your past projects to quickly prototype and commit to maintaining a configurable product? This is a story of building a successful digital agency in a sea of tech startups by figuring out how to transition from one-off Ember SPAs to maintaining reusable products.
-
-
12:00 pm1:30 pm
Lunch
-
1:30 pm2:00 pm
Deep Dive on Ember Events
Advance your Ember events knowledge from entry-level to expert in 30 minutes! Start with the basics of DOM events, learn the lifecycle of event listeners in Ember, then peek under the hood to understand how Ember handles clicks in your application. What are the different ways of listening for events in Ember? How do they interact? What are the performance implications of each approach? What kind of bugs can you introduce if you don't understand them?
You'll be able to implement event listeners with confidence and debug with clarity once you have a complete mental model of Ember events!
-
-
2:15 pm2:45 pm
Building a Memex in Ember
In 1945, the Memex was proposed as the ultimate personal library. In addition to storing information, users could navigate, organize, link, and share data with others.
Tragically, zero of these devices were ever produced, but 72 years later, I’ve build my own Memex in Ember. I’ve created dozens of importers for different services, organized the 10M+ data points into a graph schema, and built a frontend with Ember. Almost all aspects of my personal history is available through this app.
I’ll go over the history of the Memex, how I used Ember to build my own, and demo what I can do with it.
-
-
3:00 pm3:30 pm
Prying Open the Black Box
When your code doesn't work the way you expect, it could be a frustrating exercise to figure out what exactly went wrong. In this session, we will walk through the process of debugging an Ember app. Along the way, we will learn about some of the tools and techniques that could help shed light on the behavior of our code. Finally, we will also take a brief tour into the Ember codebase to look for clues.
Upon completing this orientation, you will be well-equipped to pry open the mysterious black box the next time your app misbehaves!
-
-
3:30 pm4:00 pm
Snack Break
-
4:00 pm4:30 pm
MiniTalks
Lightning talks are pretty great, but less so when you can tell how little prep time the speaker had. So we wanted the good parts, without the bad. Enter: MiniTalks! They're like Lightning talks, short and sweet, but our speakers have more notice so they can put more work and polish into their talks.
This year's agenda includes:
-
4:00-4:05pm
Introductions and Preamble
Leah Silber
-
4:05-4:10pm
Contributor Rally
Sean Massa
-
4:10-4:15pm
Toyota's Shared Component Library
Tony Ward
-
4:15-4:20pm
Lighting Thoughts on Lighting Deploy
Christina Kung
-
4:20—4:25pm
ember-cli Addons
Sam Selikoff
-
4:25-4:30pm
Let Me Ember This for You
Serena Fritsch
-
-
4:45 pm5:15 pm
Creating fluid app-like experiences with Ember
Mobile apps have UI patterns and features not often found in (mobile) web applications. We will take an in-depth look at ways to enhance user interaction for responsive Ember applications without having to develop a completely separate application.
Topics include application organization, templating concerns, interaction patterns, relevant addons and a display of newly built Ember addons to fill in for missing interaction features.
-
-
5:30 pm6:15 pm
-
-
Tickets are now available
Don't miss out on the flagship event of the Ember community!
Register to attendPresented by 
and sponsors:
-
Diamond
-
-
Gold
-
-
Silver
-
-
Bronze
-
