Declarative vs. Imperative - JavaScript Tutorial

[@ColorCode-io]

Episode 19: Declarative vs. Imperative programming 🎉🎩

[@RyuDev_]

Wake up babe, new ColorCode Video just dropped

[@VishalPawarR]

I finished watching videos and then saw there were no more videos left to watch! That's nice you are back!

[@dylanrh]

no matter how much time has passed i never remove my subscription from this channel because i know the content and the value it provides its not matched in any other channel. thank you!!! also love the jokes and overall silliness

[@ColorCode-io]

Appreciate that, and thank you!

[@jhcarrell]

First, I want to say that I have really enjoyed this series. You've done a great job in presenting a lot of concepts in an easy (and enjoyable) to understand format. I do think that the section in this video on DOM manipulation might confuse those newer to working with HTML/JS. The imperative examples added a click listener to the elements, whereas the declarative approach demonstrated adding an onclick attribute to the element. While end behavior in these examples would be the same, what you end up with is different. I think this is significant in that there can be many click listeners on an element, but only one onclick property (as one example of differences between the two). I realize that isn't the point of the example, but felt that a brief mention of the difference in the 2 solutions could help avoid confusion down the road. Thank you for providing such entertaining educational content!!

[@ColorCode-io]

@@jhcarrell thank you for your thoughtful comment. You’re right in calling out the difference between the two. Appreciate your contribution.

[@chinodanxd]

Hey man! Thank you for your content, it’s pure gold! I’m an audiovisual professional who transitioned into the developer world during the pandemic, and I truly appreciate the effort you put into not only explaining programming concepts in a clear and digestible way but also into the editing work that enhances it. The editing is genuinely the cherry on top! I completely understand why it might take a while between videos. I don’t mind waiting another four months for the next one. I really hope you continue creating content, and hopefully, the next series will be "20 Things Every React Developer Should Know." PS: what tool do you use for the coding side like 18:40 ?

[@IftikharAhmad-zd7mx]

i can't say that how much i respect you sir....

[@SeRoShadow]

I prefer imperative/explicit because: - it maps 1:1 with the actual client requirements, - its easy to troubleshoot and update, client can give information on how the process was changed - its predictible and without assumptions

[@georgii_v]

OMG! Finally! Your videos are pure magic! Thanks a lot for your job!

[@c__beck]

11:43 " _A lot of you are going to comment that HTML is not a programming language…_ " Not me, I agree with you! It was my first, actually!

[@deepsarkar992]

Oh boy! Welcome back.

[@karimmaged5024]

your videos are getting much better every time, you are easily one of the best programming you-tubers. Keep this legendary work up 💪🏼

[@ColorCode-io]

Tysm!

[@johneric2720]

Imperative logic is used to create declarative ones. For example, the functions `map`, `filter`, and `reduce` were all written in an imperative way to achieve a declarative call. React JSX, HTML, and CSS are written so that you tell their underlying interpreter/parser/processor what to do, and those processors are written imperatively. Imperative is often used to create an abstract tool that a declarative user can call without worrying about how it works internally.

[@theEggBaron]

Would love a 20-part series on React! Your method of teaching would help break things down in an easily-digestible format for so many!

[@64burger]

LETS GOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO This dude helped me land my Job! Thank you Mr Color Code 🐐

[@Sandey8t]

I really enjoy watching your videos! Your JavaScript content makes learning so much fun and keeps me coming back for more. Keep rocking! 🙇🏻 Waiting for the next 🫶🏻

[@ColorCode-io]

Glad you're enjoying the content! New videos coming soon.

[@javeedakhter324]

Legend is back 🎉

[@JonnyReturns]

I’m a keyboard snob … I build and have many mechanical keyboards.. but I will say - the Apple Magic Keyboard is still one of my favorite typing experiences. I love that little thing and I don’t care who knows it.

[@MuhammmadRiqqahIstihsan]

lets go colorcode upload more javascript video

[@PanopticMotion]

Svelte 5 takes declarative programming to the next level by further simplifying how developers express their UI logic. Unlike JSX, where you often need to manage more explicit state transitions and imperative steps, Svelte’s approach is more streamlined. With its built-in reactivity and syntactic simplicity, it allows you to write less code while achieving highly dynamic and complex behavior, making it feel even more intuitive and declarative.

[@SOMAYAJULASAISRIHARSHA]

Waiting for your react tutorials 😊😊

[@ColorCode-io]

One day

[@alokpandit4077]

11:44 completely destroyed people who say HTML is not a programming language. It is.😭

[@honkhonkv2236]

Also a big point to me: Declarative is sugar, if i ever get to learn a language that doesn't provide all these sweet methods i want to be able to resolve the problem the imperative way!

[@ColorCode-io]

👍

[@konfcyus4865]

how is declarative more performant ? .map.filter.reduce is like 100 times slower while creating dozens of closures. Nice Tool reference btw

[@yapayzeka]

shhhh!! quality in action just watch.

[@muhammadpro]

New video 🎉

[@azharalibhutto1209]

Great ❤❤❤

[@raghavenderkuppireddy7158]

❤❤❤ Thank you ❤❤❤

[@yubrajkhatri3519]

Where he codes? It is not normol browser console right?

[@ColorCode-io]

It's called RunJS: runjs.app/ColorCode

[@bilalbeny4172]

Thank you for this fantastic video! It really helped refresh my understanding of imperative and declarative coding styles. Free Palestine!

[@udaym4204]

❤‍🔥❤‍🔥❤‍🔥❤‍🔥🎆🎆🎆🧨

[@anandstephan6020]

what about next video

[@mahfoudh_arous]

🎩🎩🎩🌹🌹🌹

[@mirijanyavo6532]

In example 5 they aren't equivalent.

[@CiscoZero]

Sina, pls do your Christian viewers a solid and don’t blaspheme in your videos. It’s cringe. 😬