Browser Compatibility and Transpilation
Learn about browser compatibility and JavaScript ES6+ to ES5 transpilation.
Start
Key Concepts
Review core concepts you need to learn to master this subject
Browser Compatibility
Transpilation
Babel
Setting Up Babel
Running Babel
Targeting Browsers with Babel
Browser Compatibility
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
- 1Your 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’…
- 2What 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 …
- 3We’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…
- 4The 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…
- 5In 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…
- 6In 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…
What you'll create
Portfolio projects that showcase your new skills
How you'll master it
Stress-test your knowledge with quizzes that help commit syntax to memory