Key Concepts

Review core concepts you need to learn to master this subject

Browser Compatibility

A website using modern JavaScript may not work for all browsers or specific browser versions as it takes time for browsers to update to recognize new syntaxes. This issue is known as browser compatibility.

Browser Compatibility and Transpilation
Lesson 1 of 1
  1. 1
    Your newest website is a massive hit. Users from all over the world are flocking to see what you have to offer. However, you start hearing from some customers that they can’t use your site. It won’…
  2. 2
    What JavaScript syntax is new? What is safe to use for any browser? How do we find this out? These questions all have to do with browser compatibility, the idea that the browsers have to update …
  3. 3
    We’ve looked up some of the features we used to make our site on caniuse.com and only 75% of internet users can see our content! What do we do? Do we need to rewrite our codebase? T…
  4. 4
    The page that you viewed in the last exercise is part of the website for a tool called Babel. Babel is a popular transpiler for JavaScript that can be integrated into your pr…
  5. 5
    In the last exercise, we were able to see what Babel can do for our projects. In this one, we will practice getting Babel set up. Babel is a Node package, so we would begin by initializing our npm…
  6. 6
    In addition to providing a fast way to configure Babel, babel-preset-env allows us to provide a list of browsers we want to be supported using a file named .browserslistrc. Within this file th…
  7. 7
    In this lesson we learned: - Changes to JavaScript features over time can result in your modern website not working for users with older browsers, this issue is called browser compatibility. - M…

What you'll create

Portfolio projects that showcase your new skills

Pro Logo

How you'll master it

Stress-test your knowledge with quizzes that help commit syntax to memory

Pro Logo