CoursesAI WorkshopCompaniesPricingBlogNewsletter
  • Courses
  • AI Workshop
  • Companies
  • Pricing
  • Blog
  • Newsletter
Subscribe
  • Courses
  • Companies
  • Communities
  • Blog
  • Gift card
  • Newsletter
  • Help
  • Shop
  • ConfAiBot
  • Contact
  • Legal notice
  • General conditions
  • Privacy policy
  • Cookies policy

Course of Modern JavaScript

Standard
Núria SorianoJavier FerrerIsma Navarro

By Núria Soriano, Javier Ferrer y Isma Navarro – Frontend

Learn best practices to start vanilla JavaScript applications from scratch and refactor legacy code to support older browsers.

Go to course

💸 First lesson available without registration 💸

JavaScript has changed a lot since ES5. Many of us are already accustomed to using features from ES2015 onwards like let and const, arrow functions, promises… but we don’t always fully understand how they work and how to set up our app so that even while using the latest updates we continue to support older browsers.

We are used to starting the setup of a JavaScript application with a framework like React or Vue, without having to worry about configuring everything. But this poses a problem when we have to modify that configuration, start it from scratch when we don’t use a framework, or when we are modernizing a legacy app.

In this course, we will see how all the pieces work, how to apply good practices, and also understand in depth the new features that have emerged every year in the ECMAScript standard since 2015.

With this course, you will learn how to:

  • 🚀 Start a JavaScript app from scratch without the need for frameworks
  • 🧓 Support legacy browsers
  • 💅 Correctly configure ESLint and Prettier to maintain a consistent style and avoid possible bugs
  • ✅ Continuous integration with GitHub Actions
  • 🏚️ Refactor a legacy app step by step
  • 🍨 Transition from jQuery to vanilla JS
  • 🦖 Syntax changes for ProductivityRaptors
  • 🍏 Understand the differences between var, let, and const and when to use each
  • 🧮 Array and Object methods and the advantages and disadvantages over lodash methods
  • 🪁 Make the most of arrow functions without getting lost in the stack trace
  • ⏳ Handle asynchronous code with promises and async/await
  • 🎀 Object Orientation with classes

In the Preview tab, you have the entire course index, but if you want to get an idea of the content and quality of the video, here is the first one:

Videos of the course

  • 🏛 Major refactors in history
  • 🏚️ Creating a JavaScript application in 2021 and the legacy problems

  • 📦 The entry to our application: package.json
  • 🏗️ Ensuring compatibility of new features with Webpack and Babel
  • 💅 Style and best practices with ESLint and Prettier
  • ✅ CI and testing suite!

  • 🍱 ES Modules: jQuery from file to dependency
  • 🧪 Covering our app with tests
  • 🍨 From jQuery to vanilla JavaScript
  • 👩‍💻 Separating the application into modules

  • 😴 Less verbose code with rest, spread and destructuring
  • ✍️ More readable strings with template literals
  • 🙅‍♀️ Simplifying conditionals with nullish coalescing and optional chaining

  • 🧑‍🔬 Controlling reassignment and mutability with let and const
  • 🐛 Refactoring: fixing a bug thanks to let!
  • 🧟 Internals: Hoisting and Temporal Dead Zone

  • ⚡️ Applying new Array API features: from ES2015 to ES2020
  • 👷 Iterating: NodeList... is not an array!
  • ✨ Applying new Object API features: from ES2015 to ES2020
  • 💨 Is it worth using lodash? Analyzing performance

  • ☝️ When it’s really worth binding this
  • ➡️ Arrow functions are NOT syntactic sugar! - Differences in the treatment of this
  • 🙋‍♀️ Traces of semantic errors even with arrow functions

  • 🙏 From callbacks to promises using fetch
  • ✋ When to use Async/await
  • 🧨 Error handling with try-catch in an asynchronous context

  • 🎈 Inheritance in JavaScript is a lie
  • 🎩 Adding sugar to your classes: this, visibility, and encapsulation

  • 💠 Immutability of objects
  • 🤏 How and when to use async/await in a reduce
  • 👀 Analyzing a refactor

  • 🗿 History of ECMAScript: the curious case with flatten
  • 🤲 Alternatives to Webpack
  • 🤟 Next steps: What does TypeScript bring?
Go to course

Related courses

Standard
Tailwind CSS: Architecture and Best Practices

🚤 Tailwind CSS: Architecture and Best Practices

Paco CastellóRafa Gómez

Learn how to structure your Tailwind CSS projects following best practices.

See course
Standard
Job offers

📄 Job offers

Javier FerrerRafa Gómez

Codely verified job offers

See course
Standard
Next.js: Open Graph Images

🖼️ Next.js: Open Graph Images

Javier FerrerRafa Gómez

Generate dynamic images in your Next.js projects for sharing on social media.

See course
See full catalogue

Pay according to your needs

lite (only monthly)

19 €
per month
  • Essential programming courses to build a solid foundation
Popular

standard

24,92 €
Discount vs monthly of 49 €
Annual payment of 299 €
per month
  • Main catalog to master writing maintainable, scalable, and testable code
  • Receive job offers verified by Codely
  • Company invoice
  • Accumulate renewal discounts

premium

41,58 €
Discount vs monthly of 89 €
Annual payment of 499 €
per month
  • Exclusive AI courses to keep you always up to date
  • Early access to new courses
  • Discount on workshops
  • Receive job offers verified by Codely
  • Company invoice
  • Accumulate renewal discounts

We won't increase the price while your subscription is active

SubscribeSign in