Modular Javascript - Javascript Tutorial on the Object Literal Pattern

This javascript tutorial covers the javascript object literal pattern for web developers. We'll cover how to build a basic module in javascript.

The simplest pattern for modular javascript is the object literal pattern - it adds all values and methods on a single object, thus encapsulating all of the module's function into one object. The downside of this pattern, is it leaves all of the module's data accessible.

Modular JS #2 - Object Literal Pattern pt 2:

Modular JS #3 - Revealing Module Pattern:

-~-~~-~~~-~~-~-
Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device"
-~-~~-~~~-~~-~-

[MisterHorsey]

You explain things really well! I'm here after being redirected by the Odin Projects. I've been reading their resources on Module patterns and while I have some understanding of the concepts, it hasn't really clicked into place until I watched this video, where now I can understand the rationale for the approach. I don't even understand jQuery but I can understand what's going on, as I now am starting to appreciate the practical impacts of implementing these patterns. Thank you.

[NewbTube]

This series is exactly what I needed. Myself and so many devs I know can "code", but this series helped me make the transition to writing better code. I like the no BS approach. Thank you for posting this.

[Mr_aviation_shorts]

this is a gem... devs should really must watch thi...

[djdrrec]

really wish this tutorial was just vanilla js

[codelearnry]

Wow! this guy should be given a youtube gold play button. I love the way you teach man... Keep it up

[svetoslavasenov]

Thank you, man! This is the best explanation of why we need modules I have ever seen.

[onlineuniversity]

I admire how Modular Pattern has been explained in this course. Just want to check if this course is still relevant in 2020 to learn vanilla js. If not, which one I should follow.

[Co-Monad]

This is the best video I've seen on OOP and making logical components. Awesome channel.

[thedrewprice]

I love the way you teach/explain things. Well done!

[ChunkyChest]

note: @7:20 for test purposes, define object literals outside of document ready method!

[lesolorzanov]

This is fantastic, exactly what I was looking for to start trying to organize my code. I made modules but I don't like how they look and I am organizing it to use documentation

[sawyermcbride]

appreciate the video man, I have recently been trying to write more maintainable javascript and this is exactly what I need.

[Teofilo]

Awesome course, just what I was looking for!

[llahwj]

Thank you so much for your tutorials! I struggled to learn this pattern at first being that I am quite new to programming but after watching a few times my code is looking super sexy in my projects!

[moolipit]

this is a bit frustrating, because unless I have stumbled upon this awesome tutorial, how else would i have known those guide lines? I dont remember any books of mine or any online school ever mentioned this issue :/ so this time I got lucky, but who knows what else am i missing on ?

[ChunkyChest]

#revisited. hands down one of the best tutorial playlists regarding modular, inheritance, object literal, revealing, oop etc for js imo.. thanks again.

[alanreyes]

Dam he went from "my employer" to "when I hire someone"

[aerodylluk]

I love the fact that with code there is ALWAYS something to learn. But I think this is a bit beyond me, I'll come back later lol.

[cjconnor]

Thanks for these videos - they're really helpful. Is this part of a wider series? I'd be particularly interested in learning about how to make modules inside modules (for example, if you click on the name and were able to edit / update); I think you hinted at this in some point in the other videos.

[JoshMolina]

Thanks for the clear and concise explanation. Favorite and subscribed. Thanks for taking the time to do this.