JavaScript Video Tutorial Pt 3

[Poetswar]

You have no idea how happy I am right now, been trying to figure out how Functions worked in WPF Jscript on my own for weeks now. Needed this for work so badly. THANK YOU again.

[Spancillhills]

Thanks a lot for these- great succinct flow to them - telling us what we need to know.

[phazedplasma]

Hi, When you make the addMany function, why don't you set i and sum to 0, since arrays in JS have a 0 based index aren't you cheating by making the sum = to the first number you chose to add in the function (the number at the [0] index?)?

thanks,

[derekbanas]

@phazedplasma Yes I did cheat there. That's funny. I think you guys think I have this code all done ahead of time. I normally work from very few notes and improv my way through the programming. I'd love to show myself making a video. You'd probably be shocked at the small amount of prep work that goes into these videos. The editing is what takes forever :)

[phazedplasma]

@derekbanas no worries man, just had everyone i was watching it with scratching our heads. Love the videos.

[derekbanas]

@phazedplasma Everyone you were watching it with? Are people really coming together to watch my videos? That is extremely funny to me. I have no idea how people view these videos

[phazedplasma]

@derekbanas haha yeah, Wednesday's at work some of us grab a conference room and watch 1-2 of them depending on the length.

[derekbanas]

@phazedplasma That is so funny :) When I first started making these I had no subscribers for over 5 months. I just did it for the heck of it. That's great that you like them. You guys must think I'm the king of all nerds. That's cool

[wew2005]

From what I've gathered by watching this and a few more of your introductory videos, it seems that even if you comprehend the principles behind the language, it is going to take a ton of memorization and practice to learn how to sit down and write some code without referencing anything for help... Is that pretty accurate?

[derekbanas]

@wew2005 It's not so much memorization it's more about creating a massive library of functions that you have access to. I've tried to make some for you. The most important thing is to learn how to read code. When you see something you don't understand plug it into the net and learn what it means. It's not so much about creativity but more about just never giving up on solving a problem. You'll eventually find the answer every time

[gps6167]

Great tute ! saved a lot of my time reading another book about oob javascript . I can catch up really quick now. thanks

Just a suggestion you could say in starting something like "Advance programming etc.... so that beginners would hv some idea and should buckle up there seat belts before jumping into this :D

[derekbanas]

@gps6167 It is definitely a dense tutorial. I never saw anyone teach in this way, so I thought I'd give it a shot. I'm constantly experimenting with new ways to teach. I'm glad you found it useful :D

[MrNiceseb]

can you slow down a bit, going like a bullet..thanks

[ebag111s]

@MrNiceseb thats the point, its to the point and efficient - its a breath of fresh air, for me 

[loopasamable]

Great tutorial! Any recommendations for a framework/plug-in for Eclipse, to manipulate/create objects like Java objects? The features I'm looking for are the auto-completion settings, file organizations, generation of getters and setters, etc...

Many thanks for your amazing work!

[derekbanas]

@loopasamable Have you looked at Preferences / Java / Editor / Content Assist?

[loopasamable]

@derekbanas thanks, I figured this out from the preferences. Cheers!

[dogdutyascetic]

Brilliant. Any other resources on this topic of "classes" in js would be helpful.

[CRHain88]

LOL @11:04

[mahalie23]

Thanks a lot for this tutorial. Really useful to me trying to quickly get up to speed with mostly a PHP & procedural background. :D

[Avinashchavan01]

Thank you for considering my comment..... every day i am watching at least one tutorial of your site...

and I suggest my friend also about your site...

[derekbanas]

@Avinashchavan01 I'm glad to help. I'm amazed that so many people in India watch my videos! That's amazing to me because I've never left my own country in my life. It's great to talk with people from all over the world :)

[Avinashchavan01]

One of the exultant tutorial....

Guru like you no need to Join the classes....

now i like the Javascript......

Hope you will create more tutorial on Javascript... I am waiting for it!!!!

Thank You....

[derekbanas]

@Avinashchavan01 I'm glad you liked it. I use JavaScript in all of my wordpress tutorials. If you want to see how to use JavaScript with php the current tutorials will teach you a lot. Thanks for stopping to say hi

[Avinashchavan01]

One of the exultant tutorial....

Guru like you no need to Join the classes....

now i like the Javascript......

Hope you will create more tutorial on Javascript... I am waiting for it!!!!

Thank You....

[Rubicksman1]

Very good video editing. I like the fast pace. Very informative. But you are teaching bad practices. In JS you should always put the opening curly-brace on the same line because JS will sometimes insert a ; at the end of a line. Also, should always use !== and === instead of != and ==. You might want to start using JSLint. 

[derekbanas]

@Rubicksman1 That's interesting I've never had the opening curly brace problem like you mentioned. I didn't cover exactly equal to === because I would expect a new programmer to trigger errors when comparing strings versus numbers. I'm trying to avoid errors above all else in these tutorials. There is a big difference between teaching a beginner and teaching best practices. I hope that makes sense?

[TavitoX18]

Ewww, whoever created javascript object declaration syntax was high or drunk at that moment...

[derekbanas]

@TavitoX18 JavaScript is a wild language, but I love it!

[SamuelLockyer]

Why is this SO complicated??? PHP is hugely simpler it's unbelievable!!!

[derekbanas]

@SamuelLockyer You have to take it all in in small doses and practice with the code. Don't worry you'll get it

[lorenzom21]

Lol "mode"... don't you mean "mood"? :)

[derekbanas]

@lorenzom21 My cat has a little dial on it that says Attack Mode, Sleep Mode, Eating Mode. I thought they all had that :)

[willzurmacht]

why do you need to set the constructor of Cat.prototype to Cat?

referring from the code:

Cat.prototype.constructor = Cat

[derekbanas]

@willzurmacht You don't need to use cat actually

[willzurmacht]

@derekbanas that kinda made it kinda confusing. Thanks anyway.. :[

[derekbanas]

@willzurmacht Sorry about that. i kind of create these things in the hopes that they'll play with the code and then send me questions. The tutorials are set up so that I can help you along like a real teacher. Feel free to send any other questions and I'll help you along

[thomasshields4g]

Why not just use args[] for method overloading? 

[derekbanas]

@thomasshields4g There are many different ways to do this stuff. I normally try to keep things as simple as possible. I don't always follow the best coding practices in doing so. Eventually I get more complex and write better code.

[thomasshields4g]

@derekbanas okay, i see. To me, args[] is actually simpler, but i can see how explaining it could get messy. :-)

[bharris845]

you can't say var sophie = new Cat;

need to say var sophie = new Cat();

[derekbanas]

@bharris845 Sorry about the typo

[ya64]

good tutorial but I think you talk a little too fast. breathe.

[derekbanas]

@ya64 I actually delete all of my breathing :) Glad you liked it

[bry789123]

Can you talk about PHP and JavaScript frameworks? How they work, what they do etc?

[derekbanas]

@bry789123 Sure I'll cover the JavaScript frame works like JQuery, Scriptaculous and Moo Tools

[bry789123]

@derekbanas Can you also explain what it means to cache and when/how to use it? Thanks

[derekbanas]

@bry789123 I sent you the answer in a message

[derekbanas]

@bry789123 Sure expect that very soon. Probably when I get into cookies

[sie85]

Very interesting :-) Never even thought of doing oop in JS

[derekbanas]

@sie85 It isn't taught very often. It's kind of amazing when I meet someone that considers themselves an expert in JavaScript and they have never heard of prototype? You can do OOP with JavaScript, just not in the normal ways.