Stop Using jQuery - How To Create Your Own jQuery Clone

For the months of May and June, get your very own .TECH Domain and help children get their start in computer science!

jQuery is a huge library with hundreds of features, but most of them are incredibly easy to implement in JavaScript. To prove that I will be showing you how to build your very own jQuery clone in this video.

📚 Materials/References:

🌎 Find Me Here:

⏱️ Timestamps:

00:00 - Introduction
02:40 - Creating $ Function
05:28 - jQuery Element Functions
17:22 - Ajax

#jQuery #WDS #JavaScript

[IceMetalPunk]

To be fair, a lot of these built-in methods didn't exist when jQuery was first released, and many were added to the ECMAScript standards as a direct influence of jQuery. (For instance, querySelector was added several years after jQuery's introduction, and of course fetch was added nearly a decade later.)

[avi]

14:39 You don't actually need to convert between camel case and kebab case
You can do: = "value" and JavaScript will be fine with it

[avidadedanton]

I started programming because i had a friend, we were both 16 year old at the time when he started programming back in 2017 and he always told me about how great it is, but i only got to start learning yester-year, he owns his own company and i haven't had a single week off since i started working fulltime as a programmer! i'm glad i started! :)

[GuRuGeorge]

ur story is similar to mine, I never had a chance to learn about programming until I stumbled upon it because a friend of mine was a programmer and he explained me some of it. I was immediately fixed and since then my life has completely changed. programming is the best thing ever. before that I was always depressed because nothing was fullfilling.

[wumbl]

I started watching this video sitting in my computer chair, I ended the video sitting in a beanbag made out of my brain.

10/10 great video.

[adrianharo]

I feel so behind on my projects, why Kyle! Now I MUST watch this hahaha, Thank you!

[revillsimon]

I watch your videos all the time. This one was pretty special. Thank you, Kyle!

[paci]

stop using jquery, clone it... must be the best title ever.

[sashatv]

Very informative and useful! As always. Thank you, Kyle!

[TomDoesTech]

I remember being fascinated by how jQuery worked when I first started web dev.

[dl]

Its amazing how many concepts you covered in this one tutorial. Extremely useful stuff for those looking to understand JavaScript in general, DOM APIs, array APIs etc. Also thought me how to write cleaner code. Big thanks!

[avi]

18:51 You don't actually need to map the values to `${key}=${value}`, but instead create an instance of URLSearchParams and pass to the constructor the data

[robwatson]

Your story at the start resonates with me - I'm old enough that Computer Science wasn't a subject in schools. I just happened to have a computer that I started playing with, and eventually found a college course (in the UK, this is) that taught vague computing courses. The rest is history!

[antonarbus]

Tutorials are usually watched on 1, 25 speed, but for Kyle's I switch to 0, 75

[anuragchoudhary]

Even he got 547k subs, but his simplicity is really next level. The way you breakdown hard things to most simplest form, love you bro! Thanks for your tutorial

[srinivasjoshi]

Me : How do I make this todo app
Kyle : Imma make a jQuery clone

[oldclient]

So nostalgic. Back in the day I used JQuery lib a LOT. A very effective tool to build small scripts and apps. In any mediocre or big project JQuery will unleash its issues.
Nowadays the JS6 and available front-end frameworks have been implemented by most of JQuery standards and they outperforms it in dev process.
I'm "hammering" Vue CLI currently. I'm amazed by Vue CLI. The idea to glue together "reactivity" of view, controller and model in one component file is great and this is what JQuery is missing.
It'll be great if you'll make a few Vue CLI videos.

[CedLePingouin]

Excellent video which covers various areas of Javascript. Thinking about how these querySelectorAll(), fetch(), classList, nextElementSibling and friends did not exist in browsers when jQuery was written, makes you realize how amazing and useful jQuery was the time. And it had to make all of that available to you, in a cross-browser way. I guess we can thank jQuery for preventing us from becoming insane :-) . Though I agree with others here on the fact that jQuery is much less useful now, since these features are directly available in all browsers... except if you like the jQuery syntax, the collection thing and the chaining (which can be less verbose, I have to admit).

[_nikeee]

To create a query string, you can use the URLSearchParams class (or operate on a Url object directly).

[siyahulhaq]

You are teached me all the advanced concept of JavaScript and it was helped my coding life become easier thank you bro ❤️