Speakers

Join Tom and Yehuda for a review of Ember in 2017 and a look forward to the future.

Join Tom and Yehuda for a review of Ember in 2017 and a look forward to the future.

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.

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.

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.

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!

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!

At 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.

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.

This 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.

This 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.

In 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.

Using 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.

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.

In 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.

Using 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.

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.

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.

"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.

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.

Each 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.

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.

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.

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.

This 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.

This invite-only</e> wine-and-cheese mixer is for members of the EmberConf Mentorship Program. Acceptances went out March 5th.

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.

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.

Progressive 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.

Progressive 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.

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 in Google Chrome DevTools so you know exactly the gains you get from these tweaks.

Some of the hands on things this session will cover are:

• Remove jQuery to remove 35 kb (min + gzip) from your bundle
• Use broccoli-concat-analyzer to 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.

At 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.

We'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.

Each 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.

Each 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.

Broccoli.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.

You’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.

Each 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.

Each 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.

We'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.

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.