Udemy

Replacing jQuery with Vanilla JavaScript

Enroll Now
  • 10,960 Students
  • Updated 11/2019
4.3
(24 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
4 Hour(s) 49 Minute(s)
Language
English
Taught by
Mateusz Chrzonstowski
Rating
4.3
(24 Ratings)

Course Overview

Replacing jQuery with Vanilla JavaScript

Vanilla JS instead of an additional 30 kB from jQuery, DOM API, modern browsers, Babel, polyfills, fetch, Promise

How about jQuery? I think all the front-end developers have heard about the library using dollar sign as its main function...

Should we include jQuery in the new project? Is this still needed? In what cases? What were the advantages of jQuery and are they still important?

This course focuses on the newest JavaScript and browsers mechanisms, which can replace jQuery:

  • classList,

  • querySelector,

  • forEach,

  • dataset,

  • URLSearchParams,

  • fetch,

  • Promise,

  • spread operator

It also shows additional features and tools, which can help even together with jQuery, e.g. async/await or Animate.css.

There are well-known examples of the companies removing jQuery from their front-end parts. GitLab and GitHub to name a few. Moreover, the latter one switched from jQuery to Web Components, which are explained in detail in one of the course sections.

At the end of the course, you can find a solution for one of the biggest front-end problems - how to achieve a fully cross-browser solution and old browsers support (yes, including IE8). It's doable thanks to polyfills and Babel or TypeScript. And the example project is well-explained in the course.

Course Content

  • 10 section(s)
  • 65 lecture(s)
  • Section 1 Introduction
  • Section 2 Then and now
  • Section 3 DOM manipulation
  • Section 4 CSS, selectors, animations
  • Section 5 Events, forms
  • Section 6 Better building blocks - Web Components
  • Section 7 AJAX, Deferred
  • Section 8 All the rest from jQuery
  • Section 9 Cross-browser & older browsers without jQuery
  • Section 10 Last words

What You’ll Learn

  • You'll get an overview of the newest JS (ES6+) and browsers API
  • You'll learn when it's not worth using jQuery
  • You'll see how to use the newest JavaScript in the older browsers

Skills covered in this course


Reviews

  • G
    Guillermo Delgado
    2.5

    accent makes it somewhat difficult

  • S
    Salahudin Alayubi
    4.0

    badass

  • J
    Jaaziel
    3.0

    Hasta el momento no ha sido relevante

  • J
    Julian Fred
    5.0

    all courses from this guy are amazing , he explain all ideas by clear way . recommended to all developpers

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed