HOT
blank

Replacing jQuery with Vanilla JavaScript

Development

Rating4.3
Enroll Now

Replacing jQuery with Vanilla JavaScript, available at $44.99, has an average rating of 4.25, with 65 lectures, based on 23 reviews, and has 10957 subscribers.

You will learn about 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 This course is ideal for individuals who are Those who still uses jQuery or Those who don't know how to live without jQuery or Front-end developers who want to learn the latest JS mechanisms It is particularly useful for Those who still uses jQuery or Those who don't know how to live without jQuery or Front-end developers who want to learn the latest JS mechanisms.

Enroll now: Replacing jQuery with Vanilla JavaScript

Summary

Title: Replacing jQuery with Vanilla JavaScript

Price: $44.99

Average Rating: 4.25

Number of Lectures: 65

Number of Published Lectures: 65

Number of Curriculum Items: 65

Number of Published Curriculum Objects: 65

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

  • Those who still uses jQuery
  • Those who don't know how to live without jQuery
  • Front-end developers who want to learn the latest JS mechanisms

Target Audiences

  • Those who still uses jQuery
  • Those who don't know how to live without jQuery
  • Front-end developers who want to learn the latest JS mechanisms

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 Curriculum

Chapter 1: Introduction

Lecture 1: First words

Chapter 2: Then and now

Lecture 1: Intro

Lecture 2: jQuery then

Lecture 3: jQuery now

Chapter 3: DOM manipulation

Lecture 1: Intro

Lecture 2: The structure of the next lectures

Lecture 3: class – jQuery

Lecture 4: class – JavaScript

Lecture 5: Can I use this?

Lecture 6: Copying HTML elements – jQuery

Lecture 7: Copying HTML elements – JavaScript

Lecture 8: Wrapping HTML elements – jQuery

Lecture 9: Wrapping HTML elements – JavaScript

Lecture 10: Wrapping – when jQuery wins

Lecture 11: Inserting one element into another

Lecture 12: Inserting near the existing elements

Lecture 13: Removing HTML elements

Lecture 14: Replacing the elements

Lecture 15: Attribute vs. property

Lecture 16: Other attributes

Chapter 4: CSS, selectors, animations

Lecture 1: Intro

Lecture 2: CSS – jQuery

Lecture 3: CSS – JavaScript (getter)

Lecture 4: CSS – JavaScript (setter)

Lecture 5: Dimensions

Lecture 6: CSS finished

Lecture 7: Selectors

Lecture 8: Effects

Lecture 9: Traversing

Chapter 5: Events, forms

Lecture 1: Intro

Lecture 2: jQuery events

Lecture 3: Events examples

Lecture 4: $.ready

Lecture 5: Forms – serialize

Lecture 6: Forms – val

Chapter 6: Better building blocks – Web Components

Lecture 1: Intro

Lecture 2: What are they?

Lecture 3: customElements

Lecture 4: GitHub case

Lecture 5: HTML Templates

Lecture 6: Shadow DOM

Chapter 7: AJAX, Deferred

Lecture 1: Intro

Lecture 2: Browser API

Lecture 3: async, await

Lecture 4: Callbacks & Deferred objects – jQuery

Lecture 5: Promise – JavaScript

Chapter 8: All the rest from jQuery

Lecture 1: Intro

Lecture 2: Data – jQuery

Lecture 3: Dataset – JS

Lecture 4: Queue

Lecture 5: Core

Lecture 6: Internals, Properties

Lecture 7: Miscellaneous, Utilities

Chapter 9: Cross-browser & older browsers without jQuery

Lecture 1: Intro

Lecture 2: Support table

Lecture 3: Chromium

Lecture 4: Shims

Lecture 5: Polyfills

Lecture 6: Babel

Lecture 7: Demo application

Lecture 8: Babel configuration 1/2

Lecture 9: Babel configuration 2/2 (core-js)

Lecture 10: Babel – working example

Chapter 10: Last words

Lecture 1: Congratulations!

Lecture 2: Bonus lecture: courses, materials

Instructors

Rating Distribution

  • 1 stars: 0 votes
  • 2 stars: 1 votes
  • 3 stars: 3 votes
  • 4 stars: 8 votes
  • 5 stars: 11 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

You may also like

Top 10 Ethical AI Courses to Learn in November 2024

Top 10 Game Development Courses to Learn in November 2024

Top 10 Software Testing Courses to Learn in November 2024