Ever wondered why we can use built-in methods such as .length, .split(), .join() on our strings, arrays, or objects? We never explicitly specified ...
For further actions, you may consider blocking this person and/or reporting abuse
You should really make a tutorial for creating these beautiful Gifs as well :)
Lmao βhi guys welcome to my tutorial today we start off by having caffeine-induced insomnia and getting random ideas for animated gifs using Keynote at 4AM...β. But I may actually totally do it if it can help people :)
yes. please do it. The GIFs are awesome. "Tell us how" in a video.
I just auth'd to the community so I can β₯οΈ the parent comment and compliment how awesome the GIF is. easy to read, clean transition and carries the point across.
Please do it!
please do it!
Please do it!
Please do it
please do it! I just created an account just so I could comment, heart, unicorn, and save this for reference. Explaining things in such a visual way in beyond helpful. Thank you.
Hello π Could you please tell me which tool did you use to illustrate the codes in this post?? I really need this..
Would love to see that tutorial
hi, i am a beginner.
a question: what about Getters and Setters in reference to Constructor functions?
Please refer any resource specific to this.
Regards.
Yes please, lydia I was just gonna ask it will mean alot to me, thank you mukesh for asking this question ur great mate!π
i second that
Hey @lydiahallie I'm following up on the making gifs tutorial, did you make it?π
Prototype, no one really uses it directly but it is one of the main architectural points of the language...
Instead we now have class, because, then we can look more like C# and Java, yay for pointless uniformity!
I wonder how pop JS would have looked today if we didnβt have all the baggage from poorly researched classical languages. :)
I already mentioned in another discussion that still I wonder why prototypical inheritance is rarely taught at CS or SE classes. It's a very strong paradigm and mostly misused due to misunderstanding.
Having used JSβs version 10-12βish years ago days I can definitely understand why.
I had a lot of problems making it have good verbosity, I might give it a go again sometime, back then I was kind of a rookie. :)
That being said, I think it comes down to familiarity, most languages are made to resemble classical OOP and their structures, the commonly accepted truth has been that is was the most optimal way.
But if we look back, most of those features were based on popularity and not research on what would be better to manage state, have high verbosity etc.
Just look at Java literally founded on hype, but I digress, I am seeing a strong pull towards more diverse paradigms, it will be interesting to see were that takes us. :)
It reminds me of how interpreters evaluate variables through different closures/scopes. If it's not in this scope, let's check the next one, and so on. Once we've checked everything up to global scope and still haven't found the variable, it is considered undefined. Very useful information.
Not really, but I can see how you could interpret it like that.
Iβm not sure how to help you understand how proper debate is done in this context.
But an accusation without argumentation is a really bad way to start a conversation. :/
Honestly it pissed me off a bit.
But maybe we can turn this around?
Okay letβs stop this discussion here or continue on hackernews lol
Actually yes, you could have asked for sources, and I could have given them.
Instead you decided to attack my intentions, which you have no way of knowing.
Please think about this before you comment more. Iβve given up my initial annoyance/insulted feelings, that was not easy, you clearly have not.
Iβm not trying to keep some kind of moral high ground here, but I donβt know were to meet you if you keep this level of unwillingness to have a constructive debate.
In the end you married or no?
Why did you necro this?
It'd probably be a better language.
You have a true gift for blogging. Keep on writing!
the GOAT! suggestion for the next topic is
this
. hehe. thank you for this. :)Good idea!
This is relevant dev.to/lydiahallie/javascript-visu...
Excellent articles, excellent visuals. Here's a resource I used to drill this down, with excellent explanations and visuals as well: objectplayground.com/
This is awesome. It made me realize again that there are a lot of things I 'just use' without understanding it. Which is bad. :D
Came here with a "yeah, I understand JS prototypes but a visualization could be cool" and then realized how much this exceeded expectations. Great job with not just the explanations but also the animated graphics. Nicely done indeed.
It was Yesterday, when i was working on project. Inspecting Front-end code with google chrome dev tools and this thought struck my mind who would've written all these codes,where they came from.
thepracticaldev.s3.amazonaws.com/i...
And this day i found this article explaining everything very beautifully.
Thank you!
Thank you so much for this awesome tutorial! Well explained. I finally understand what all those
_proto_
mean in my console πLove your gif, they're very practical for understanding.
Best article with visualize so great.Im a begginer,Classes are very new to me . By reading this article, I understand very clearly.All the concepts are animation.Thank you so much Mamβ€οΈβ€οΈ. It helps me a Lot
Your visual JS posts are the best for newbies as they provide the pertinent info needed!
bigleegeek
The main reason that i subscribed to this site it was just to write you here a huge Congratulations and Thanks for making so simple the whole concept of Prototyps in JS. Really you gave me a huge boost to keep reading and practising the OOP part of JS that it can be useful for React.
Your series of visualized concepts of JS is a amazing work and a quite productive way to teach very easy complicated -at least for us the beginners- concepts!
Again thank you!
The amount of YouTube videos and articles I've read and I could not understand prototypes. I really enjoyed Your article. Everything was super clear and concise and made the most since for me (a beginner.)
Good read. All this time I thought of JS prototype as a cool way to add functionality to objects that have already been instantiated. It all makes sense now :)
Seeing how an object is composed from a class was cool too.
Thank you Lydia! π
Very good article, easy to follow along and understand. This helped solidifying the knowledge I've previously learned before being linked here, but I've also got a rough idea on classes now. Classes seemed so weird until now π
Nice gifs too!
I can't wait to read your other articles.
You made it easy to follow and understand. Thanks Lydia! π€
it was an issue I was working on these days. Thank you, Lydia. With this animations, i completely figure out π€©
Hey @lydia! Just discovered this and your twitter!
Amazing work pushing such excellent content soon after coming out of a bootcamp! Looking forward to all your future content!
subscribed
Yhea, I am fond of your articles. Could you write one about book recommendation?
The animated diagrams help a lot! Thanks. βΊ
Wow, these are great!
Awesome content! I've been constructing objects in Javascript for a while, and never thought about adding methods directly to the prototype to save memory.
Thanks for that! π
Informative article
Superb! I'm learning React at the moment and this helped me understand some of the structure of Class based components!
That's great! Yeah it's definitely an important thing if you want to understand what's really going on when you're using React.
Very helpful. Thank you.
Excellent! Must have been hard to prepare
Lydia, I really admire how articulate and visual your posts are, great article as usual. Keep up the awesome work :)
Thanks!!
Nice effortπππ
π₯Ί
Simply amazing!
Thank you!
It is a cool article! And the visuals help a lot! π
thank you for your sharing. now I know why we don't need to code: arr.prototype.filter(...), but arr.filter(..).
This rules. The gifs make it exciting and clear to what is happening, your explanations are simple and fun! Thank you!
amazing article
i really love your Gifs lolz
Well explained!
Wow! This explanation makes it crystal clear
great!!!!!!!!! describing was easy
Hi! How do you create such a cool looking pictures with diagrams and animations?
hello!
how do you create such a cool looking animations and disagrams?
I came here guided by the Odin Project, and your explanation is really clear and concise. Thanks :)
wow, thank you for this article, tried many online sources - YT , other articles. this one really fully explained it, really appreciate the gifs as well.
Amazing article β€οΈ
Awesome article! Which node console/repl did you use for the gifs? That object explorer (expand) is super useful
good job!
Β« Daisy is cute, Jack is fearless Β» but nice article anyway.
Hi! Awesome article. I had a little question, how do you do that amazing animations?
I use Keynote!
Thank you so much for this lessons.
The GIF's are amazing and it is easy to understand.
Can you please tell me about Function overloading and overriding in Javascript?
great article
@theavocoder, In the last example, why me there is a proto if only Functions there is a prototype?
Which tool do you use to craft these beautiful code flow and animations? Would love to hear about that.
Very good explanation with images, loves it.
This was awesome. Recently completed the OOP section on freeCodeCamp and your article helped me cement those concepts
Wow, superbly explained...better than my professors!
Lol thank you!
It's just a JavaScript there is no magic there, even Prototyping is a JavaScript that helps in extend, add extra custom functionality to an existing object. Am I wrong?
I love how you can make your articles so informative and in the same time, so super-fun to read. All the best to you!
Great article and beautiful graphics to explain concepts! Keep writing more, we will be reading...
This is amazing thank you!!
This is such a cool article! Thank you for sharing β€οΈ
"A chihuahua is (somehow... π) still a dog." hahaha :D Great article btw!!!! <3
This really helped me understand the concepts :)
"Prototypal Inheritance" this will now stick to my memory permanently. The best way one can explain. Thank You @lydiahallie
Hi there.. Exist a difference between using:
me = Object.create(person) and,
me.prototype = Object.create(person.prototype)
Thank you for your great tutorial.
π Thank you for sharing this, very well explained.
Thank you Lydia, great job, again!!
Thank you Emma!
You did a great job. Thank you !
You've done a beautiful job at taking a complicated topic and making it easy to digest. Your visualizations and brevity allow for this. Many thanks!