Ember.js Browser Support Policy
- -Ember 3.0.0
- -- Ember currently targets Internet Explorer 11 as a baseline for support. This means that generally all modern and relatively recent browsers will work with Ember, since browsers are backwards compatible by design. Ember runs tests against the latest desktop versions of the following browsers: -
+{{t "browser-support.heading"}}
+{{t "browser-support.ember3.heading"}}
+{{t "browser-support.ember3.support"}}
Ember 4.0.0
+{{t "browser-support.ember4.heading"}}
-- In Ember 4.0.0, the framework will support the following major browsers: -
+{{t "browser-support.ember4.support"}}
- Google Chrome
- Mozilla Firefox @@ -42,7 +37,7 @@
- Google Chrome
- Mozilla Firefox @@ -50,7 +45,7 @@
- Google Chrome
- Mozilla Firefox @@ -58,22 +53,14 @@
- Other browsers may work with Ember.js, but are not explicitly supported. If you - would like to add support for a new browser, please submit an RFC or RFC issue for discussion! -
- +{{t "browser-support.ember4.other-browsers" htmlSafe=true}}
+{{t "browser-support.ember4.evergreen.support" htmlSafe=true}}
-- We determine support on a browser-by-browser basis. Browsers are categorized as - either evergreen or non-evergreen. The categorization is as follows: -
- -Evergreen
+{{t "browser-support.ember4.evergreen.sub-heading"}}
- Google Chrome
- Mozilla Firefox @@ -81,14 +68,14 @@
- Google Chrome
- Mozilla Firefox
- Google Chrome
- Mozilla Firefox @@ -96,18 +83,18 @@
Non-evergreen
+{{t "browser-support.ember4.non-evergreen.sub-heading"}}
- Safari
- Safari
- For evergreen browsers, the minimum version of the browser that we support is - determined at the time of every minor release, following this formula: -
+{{t "browser-support.ember4.formula.intro"}}
Whichever browser version is greater/more recent out of:
- --
-
-
- The lowest/least recent version that fulfills any one of these properties:
-
-
-
- It is the latest version of the browser. -
- It is the latest LTS/extended support version of the browser (such as Firefox ESR). -
- It has at least 0.25% of global marketshare usage across mobile and - desktop, based on statcounter. -
- - - The minimum version supported in the previous release - -
{{t "browser-support.ember4.formula.query"}}
+ + {{t "browser-support.ember4.formula.properties" htmlSafe=true}}- To simplify, the supported version either moves forward or stays the same for - each release based on overall usage and LTS/current release versions. -
- -- For non-evergreen browsers, support is locked at a specific major version, and - we support all major versions above that version: -
+{{t "browser-support.ember4.formula.p1"}}
+{{t "browser-support.ember4.formula.p2"}}
- Safari: 12
- Safari: 12
A framework for ambitious
- web developers.Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device.
- Read the Tutorial +{{t "index.hero.title" htmlSafe=true}}
+{{t "index.hero.sub"}}
+ + {{t "index.hero.cta"}} +Build with the teams that never stop shipping.
-- Some of the best development teams in the world have been iterating on their products for years with Ember. With scalable UI architecture baked-in from the start, you'll be working with the same patterns these organizations use every step of the way. -
-- It's time to start building from the 20th floor. -
+{{t "index.intro.title"}}
+{{t "index.intro.sub1"}}
+{{t "index.intro.sub2"}}
Batteries are included
-- Ember’s out-of-the-box experience has everything you need to start building on day one and keep shipping for years. Benefit from our years of experience to help your team be productive—faster. You'll never have to wire together your own framework ever again! -
+{{t "index.batteries.title"}}
+{{t "index.batteries.sub"}}
Build pipeline
-Ember CLI is the backbone of modern Ember apps, providing code generators to create new entities and putting the necessary files in the right place, every time. Ember apps come with a built-in development environment with fast rebuilds, auto-reload, and a test runner!
Ready to deploy? That's easy, too! build your app for production with a single command.
{{t "index.batteries.build.title"}}
+{{t "index.batteries.build.sub" htmlSafe=true}}
Routing
-The URL has always been one of the major strengths of the web, and Ember apps respect that. Ember's built-in router is a best-in-class solution that incorporates async data loading with dynamic url segments and query parameters. The Ember router seamlessly supports nested urls with incremental data fetching, nested loading, and error substates.
+{{t "index.routing.title"}}
+{{t "index.routing.sub" htmlSafe=true}}
Data layer
-
- While you can use any data layer for your app, every new Ember app includes a fully-featured data access library called Ember Data.
Ember Data allows you to access data across multiple sources at once, setup asynchronous relationships, and keep models up-to-date across your app.
-
{{t "index.data-layer.title"}}
+{{t "index.data-layer.sub" htmlSafe=true}}
Testing
-
- Enjoy a fully-featured, modern test harness built into every application by default. Every time an entity is generated in an Ember app, tests are also generated for that same entity. Ember apps support three levels of testing that are handy for testing everything from individual components to acceptance tests that can boot your whole app and interact with it to verify everything is working as it should be.
Tests are also run in the browser, providing that extra peace of mind.
-
{{t "index.testing.title"}}
+{{t "index.testing.sub" htmlSafe=true}}
Performance
-
- Ember is built on the Glimmer rendering engine, one of the fastest rendering technologies on the market today, thanks to the way it compiles templates down to a highly-performant virtual machine.
Due to our holistic performance approach, performance upgrades are often free with version upgrades— no extra work necessary!
-
{{t "index.performance.title"}}
+{{t "index.performance.sub" htmlSafe=true}}
Easy upgrades
-
- Ember follows a 6-week release cycle, releasing a new minor version every 6 weeks. With a strong commitment to stability, upgrades between minor versions are straightforward and fast. The well-thought-out deprecation mechanism that gives you ample warning of code that would need to change in the next major version, and deprecated or upgraded features often come with codemods that can be run to automatically update your codebase.
If you do happen to get stuck, our friendly community is ready and willing to help!
-
{{t "index.upgrades.title"}}
+{{t "index.upgrades.sub" htmlSafe=true}}
The Ember Ecosystem
-There's never been a better time to be a JavaScript developer, and Ember embraces everything that modern JS has to offer. When you're ready for more, choose from hundreds of high-quality, curated community Ember Addons to super-power your application.
-Use the modern JavaScript you know and love
-ES6 classes, fat arrow functions, even decorators- it's easy to use the latest and greatest JavaScript features in your app, zero configuration required. Love Typescript? We've got great support for that too! And tools like Prettier pair perfectly with your Ember app's JavaScript code.
+{{t "index.ecosystem.title"}}
+{{t "index.ecosystem.sub"}}
+{{t "index.ecosystem.js.title"}}
+{{t "index.ecosystem.js.sub"}}
Meet Addons: high-quality, curated npm packages that supercharge your app
-While Ember CLI makes it easy to add any third-party node module, Ember Addons provide capabilities that go way beyond your typical npm package.
-By hooking into Ember CLI's standardized tooling, Addons can modify your app's build steps, help you out with deployment, inline images and more.
-With all this power wrapped up into a single install command, and no additional build tool or configuration required, you'll wonder how you could ever go back to wiring up dependencies on your own again.
+{{t "index.ecosystem.addons.title"}}
+ {{t "index.ecosystem.addons.sub" htmlSafe=true}}Ember Observer: your dependency co-pilot
-Tired of wondering if your project's next dependency is well-maintained? Have you ever had to make a choice between multiple packages with no clear guidance about which one's better?
-With Ember Observer, you'll never have to assess the quality of your project's dependencies on your own. Up-to-date rankings make it easy to see an addon's position within the community. Metrics like great documentation, recent releases and automated tests across multiple Ember versions mean you can be confident that your next dependency won't become a liability.
+{{t "index.ecosystem.ember-observer.title"}}
+ {{t "index.ecosystem.ember-observer.sub" htmlSafe=true}}- A vibrant, welcoming community -
- -- Ember's first commit was in 2011, but today our community is more active than ever. Whether it's one of our annual conferences, dozens of Meetup groups, or initiatives like Women Helping Women, we're always working hard to foster a friendly, professional, and welcoming environment for our developers. -
+{{t "index.community.title"}}
+{{t "index.community.sub"}}
- Our official communication channels to get in touch with the community -
+{{t "index.communication.title"}}
Post and search longer-form questions in our public forum.
+{{t "index.communication.forum.sub"}}
Join our real-time chat server to connect with other developers and get answers.
+{{t "index.communication.discord.sub"}}
- Beyond our official core online channels, you can dig deeper with these additional learning resources from enthusiastic members of our - welcoming community! -
+{{t "index.learning.sub"}}
- Ember Weekend -
- Ember Map Podcast + {{t "index.learning.podcasts.list" htmlSafe=true}}
- The Ember Times -
- Rock and Roll with Ember.js -
- Octane: the blog series -
- Ember Weekly + {{t "index.learning.reading.list" htmlSafe=true}}
- Ember.js: The Documentary -
- Ember Map -
- Ember Videos + {{t "index.learning.videos.list" htmlSafe=true}}
Podcasts
+{{t "index.learning.podcasts.title"}}
-
-
Books & blogs
+{{t "index.learning.reading.title"}}
-
-
Videos
+{{t "index.learning.videos.title"}}
-
-
- Looking for your next job? Community members have put together a dedicated platform for matching Ember job seekers with Ember job opportunities. -
+{{t "index.work.sub"}}
Find all the Ember job offers in one single place; a dedicated platform for Ember jobs, curated by community members.
+{{t "index.work.emberwork.sub"}}
Ready to start shipping?
-If you're ready to dive in, the Quickstart is the fastest way to get going with Ember.js. Are you new to web development or a recent bootcamp grad? The Intro tutorial is a great place to start.
+{{t "index.shipping.title"}}
+{{t "index.shipping.sub"}}
- Quickstart - View on Github + + {{t "index.shipping.quickstart"}} + + + {{t "index.shipping.github"}} +
If you're familiar with JavaScript and web application development, our Guides will teach you everything you need to know to get started building with Ember.
+{{t "index.guides.sub"}}
Find out about the newest releases and latest work happening in the ecosystem by visiting the official Ember Blog.
+{{t "index.blog.sub"}}
-
+
-
+ The lowest/least recent version that fulfills any one of these properties:
+
-
+
- It is the latest version of the browser. +
- It is the latest LTS/extended support version of the browser (such as Firefox ESR). +
- It has at least 0.25% of global marketshare usage across mobile and + desktop, based on statcounter. +
+ - + The minimum version supported in the previous release + +
Ready to deploy? That's easy, too! + build your app for production with a single command. + +routing: + title: Routing + sub: | + The URL has always been one of the major strengths of the web, and Ember apps respect that. + Ember's built-in router is a best-in-class solution that incorporates + async data loading with dynamic url segments and query parameters. + The Ember router seamlessly supports nested urls with incremental data fetching, + nested loading, and error substates. + +data-layer: + title: Data layer + sub: | + While you can use any data layer for your app, every new Ember app includes a fully-featured + data access library called Ember Data. +
Ember Data allows you to access data across multiple sources at once, + setup asynchronous relationships, and keep models up-to-date across your app. + +testing: + title: Testing + sub: | + Enjoy a fully-featured, modern test harness built into every application by default. + Every time an entity is generated in an Ember app, tests are also generated for that same entity. + Ember apps support three levels of testing that are handy for testing everything from + individual components to acceptance tests that can boot your whole app and interact with it + to verify everything is working as it should be.
Tests are also run in the browser, + providing that extra peace of mind. + +performance: + title: Performance + sub: | + Ember is built on the Glimmer rendering engine, one of the fastest rendering technologies on + the market today, thanks to the way it compiles templates down to a highly-performant + virtual machine.
Due to our holistic performance approach, performance + upgrades are often free with version upgrades— no extra work necessary! + +upgrades: + title: Easy upgrades + sub: | + Ember follows a 6-week release cycle, releasing a new minor version every 6 weeks. + With a strong commitment to stability, upgrades between minor versions are + straightforward and fast. The well-thought-out deprecation mechanism that gives you ample + warning of code that would need to change in the next major version, and deprecated or + upgraded features often come with codemods that can be run to automatically update your + codebase.
If you do happen to get stuck, our friendly community is ready and willing to help! + +ecosystem: + title: The Ember Ecosystem + sub: | + There's never been a better time to be a JavaScript developer, + and Ember embraces everything that modern JS has to offer. + When you're ready for more, choose from hundreds of high-quality, + curated community Ember Addons to super-power your application. + js: + title: Use the modern JavaScript you know and love + sub: | + ES6 classes, fat arrow functions, even decorators- + it's easy to use the latest and greatest JavaScript features in your app, + zero configuration required. Love Typescript? We've got great support for that too! + And tools like Prettier pair perfectly with your Ember app's JavaScript code. + addons: + title: | + Meet Addons: high-quality, curated npm packages that supercharge your app + sub: | +
+ While Ember CLI makes it easy to add any third-party node module, + Ember Addons provide capabilities that go way beyond your typical npm package. +
++ By hooking into Ember CLI's standardized tooling, + Addons can modify your app's build steps, help you out with deployment, + inline images and more. +
++ With all this power wrapped up into a single install command, + and no additional build tool or configuration required, + you'll wonder how you could ever go back to wiring up dependencies on your own again. +
+ ember-observer: + title: | + Ember Observer: your dependency co-pilot + sub: | ++ Tired of wondering if your project's next dependency is well-maintained? + Have you ever had to make a choice between multiple packages with no clear guidance + about which one's better? +
++ With Ember Observer, + you'll never have to assess the quality of your project's dependencies on your own. + Up-to-date rankings make it easy to see an addon's position within the community. + Metrics like great documentation, + recent releases and automated tests across multiple Ember versions mean you can be + confident that your next dependency won't become a liability. +
+ +community: + title: A vibrant, welcoming community + sub: | + Ember's first commit was in 2011, but today our community is more active than ever. + Whether it's one of our annual conferences, dozens of Meetup groups, + or initiatives like Women Helping Women, we're always working hard to foster a friendly, + professional, and welcoming environment for our developers. + + + emberconf: Learn about EmberConf + meetups: Ember Meetups + +communication: + title: Our official communication channels to get in touch with the community + forum: + title: Discussion forum + sub: | + Post and search longer-form questions in our public forum. + discord: + title: Discord community chat + sub: | + Join our real-time chat server to connect with other developers and get answers. + +learning: + sub: | + Beyond our official core online channels, + you can dig deeper with these additional learning resources from enthusiastic members + of our welcoming community! + podcasts: + title: Podcasts + list: | +