Javascript Tutorial For Beginners - #4 Javascript Arrays & Loops

[@Gryhu1]

Man you need to be paid greatly for these tutorials!! Much love god bless you

[@learncodeacademy]

Gryhu1 Thanks a ton!

[@minikas27]

+LearnCode.academy Thanks for your work that you are doing!

[@learncodeacademy]

Thanks Simas!

[@TheRedstoneBoss1]

he does get paid

[@V_ice]

@@TheRedstoneBoss1 eat shit

[@marshaychianti9972]

This is by far the best way to learn loops through a video because man some instructors make it much more complicated than it actually is.

[@Infecto0o]

Internet tutorials are easily accessible and numerous, although that is a case in which quantity prevails over quality.However, your tutorials REALLY have quality and are easy to follow unlike many others. I am thankful to you! x)

[@jjtru21]

Thank you for these tutorials; I am a begginer and am in a bootcamp as well. Your videos are exellent at supplimenting my development. And may also be instructed better too. Thank you for this.

[@TheBeeOBee]

The pacing of your tutorials is so good. I watched every one of your vids in January and can't wait for more.

[@learncodeacademy]

Oh wow...that's dedication! Thanks a ton!

[@nianne4363]

Omg! I finally just understood the "for" loop. Thank you so much! Once again, great way of explaining it for beginners!

[@KevinPowell]

Just started taking a dive into Javascript, so these were great. I'd already covered this stuff so far, but it was a fantastic refresher / reminder, since I'm still just diving in, and your explanations were super clear and helped with some of my basic understandings. Might have been worth mentioning for people to avoid infinite loops in this video though :).

[@gmoneybags01]

Nice to see you here Kevin, big fan of your content.. nice to see your humble beginnings.

[@abidtkg]

That's why I'm watching your SASS tutorials +Kevin :P

[@acharya1574]

WOW and now are a PRO!!

[@acharya1574]

and you have more subscribers than him!

[@hihi9674]

It all just clicked today!!! i found myself writing out the code before you were done describing each method. Everyone should teach javascript like you sir!!!!!!!!!!!

[@Poparad]

Fantastic tutorial series! Speaking as a teacher, your delivery is clear, jargon-free (unless absolutely necessary), and full of enough variety in examples as well as pointing out common pitfalls (like escaping special characters) that it's very easy to follow. I taught myself HTML coding in my teenage years, but I was afraid of javascript's complexity and avoided it. I learned PHP in my 20s and got a small intro to programming, but still in a friendly amount. Finally, in my 30s, these tutorial videos have demystified a lot about javascript programming that has kept me from trying it out in my own website making. Thank you so much!

[@quickindiarecipe]

i have never seen loops been explained in that easy manner... great..

[@Arjun8BPCracker]

Sir I am greatly delightful to have you on this Earth as my Web Development Teacher

[@chrisshaw7328]

You just cleared it up for me cheers, been struggling with looping through arrays for a 'while' now lol no pun intended

[@Shindoable]

Thanks a lot, this reinforces my thoughts about a lesson from another site and you're really good at explaining.

[@DroopyPenguin95]

Thank you so much! I have an IT-test tomorrow in school and I just simply can't understand how to do stuff and our teacher only really helps the smart ones who does the fun stuff :/

[@EverythingisFire]

Thanks, Will! This was awesome. Looking forward to more.

[@muhammadluqman211]

Hey Will, Thank you very much for great video's. You are the only person I watch regarding to development tutorials. I learnt HTML & CSS in 2011 by watching lynda tutorials and now in 2015 I found you on youtube. And I started learning coding again because you have the attitude to teach other's you know exactly what beginner's needs to learn. You know exactly that if you clear the basic concepts to beginner's then they will be able to fly through advanced stuff easily. I also teach my friends HTML & CSS and other new skills that I learn and just like you I try to explain as much as I can so they can learn better and get into this field and can start a better career. ( "without a university degree lol :D" ) There is one thing that I wanna say about you " Only one person can teach that amazingly. The one who had struggled a lot to learn all skills and want others to learn alot from you. " Again thank you very much please keep teaching us we want to learn :) thanks..!!

[@learncodeacademy]

Haseeb Mirza Thanks so much for the amazingly kind note! I'm so glad it's been of help to you. I still very-much remember what it was like learning stuff, and how so much of what you read online is not easy to understand...so I'm really glad it's been helping!

[@muhammadluqman211]

LearnCode.academy lol Yeah I hate reading long webpages :D

[@1kilo368]

@@muhammadluqman211 greetings from greenland

[@VivianaMartinez-wv9vw]

Hey will! thank you very much for these great tutorials. JS was horror for me, but with your tutorials I'm now loving it! I was so sad when I did not see the next one :-( please keep up the good job. Cant wait until the next video.

[@malibogic997]

7:25 is the good spot XD Also, awesome video! You helped me a lot in coding my own bot (even though i'm unsure if it will work as I plan it, but so much for that). You earned yourself a sub. =)

[@LadyPoet06]

I have learned HTML and CSS no problem...but JavaScript is kicking my tush! Thanks for explaining it in simpler terms for new beginners. I use you and kahn academy to learn from.

[@learncodeacademy]

+Debbi Edmonds Yes, JS is tougher, because it's a true programming language, whereas HTML is more content markup and css is more style. The GOOD news - learning your first programming language is the hardest, once you learn JS, things like Ruby, Python, PHP, etc won't be near as difficult should you try to learn them.

[@kevinmartinez7687]

Thanks alot! Looking forward to #5!

[@Podjie]

awesome tutorial, i finally understand how to use arrays and loops, thank you so much for making this tutorial

[@libala99]

Thank you for explaining it so well. Have been listening to many explanations but this was the best.

[@souringhosh3289]

Finally found the perfect coding tutorial .... GOOD JOB (y)

[@learncodeacademy]

Sourin Ghosh Thanks Sourin!

[@jimmytko1994]

Thank you so much for your videos, you explain way much clearer than my tutor.

[@carlsandsten11]

Just discovered your videos and I must say that you are a great teacher. Thank you for sharing!

[@learncodeacademy]

Carl Sandsten Thanks Carl!

[@lucasjohn3014]

Thanks man you have help also to understand Filter method ,each loop in Laravel and related collection method

[@senzayyzone]

you jumped into advanced really quick this tutorial from half to end had me mind blown a little bit : o

[@MarcShare4Profit]

Agree. It happens a lot with programmers. They start off well and rush after a few minutes.

[@christiancrowder8596]

keep going :) JS gets really fun :)

[@ErikOrjehag]

I subbed because you're pretty much the only channel not geared towards beginners. Would really like to see some more advanced topics. This series is not for me but im looking forward two future videos.

[@learncodeacademy]

Yeah, I definitely have a lot of stuff in the pipeline. I'm trying to navigate between my 2 main audiences, which are beginners and people wanting the advanced stuff. I'll throw a few more beginner javascript videos in and then get back to some more advanced stuff.

[@smoothbeak]

LearnCode.academy I think you teach to both audiences very well, which is a rare gift. A few things clicked when you went over the idea of closures and how javascript is asynchronous etc - I am not sure if you have done any videos on prototypal inheritance, and other terms such as 'pseudo-classical inheritance' (I don't know what that is) but the videos that I have seen have all been geared towards people who come from other languages and understand the idea of classes, methods etc. So that would be something that could benefit from your style for sure. These video's are probably a bit easy for me now (although it's good to refresh), but I think they are very important for the newer people. I would have benefited from them a few months back even. Anyway, nice videos. I have just started going to a "Learn to Code" meetup in my city, and I will direct the people who are interested in learning JavaScript to some of your videos. Cheers

[@learncodeacademy]

Daniel Jeffery Thanks Daniel! Yeah, I definitely have it on the agenda to release some more advanced JS programming patterns. I'm probably going to be going back and forth between making videos for this beginner course and a JS programming patterns playlist for my next few videos.

[@smoothbeak]

Awesome, a guy named Kyle Simpson talks about some good topics in detail, has written some books I think called "You Don't Know JavaScript". That level would be cool. All the best

[@bwharris2002]

Thanks you so much for these videos. I love learning these things without paying a dime.

[@ALNNN024]

Great job Will, thanks for taking your time with this longer JS sessions!

[@learncodeacademy]

Thanks!

[@aaronramsden1657]

The only explanation for 'for' loops that makes sense to me

[@Alif_YouTube]

Very nice. For all learning JS, the app Sololearn is a really useful learning tool. Before bed I usually waste time on Twitter, now Im learning JS on Sololearn. Time spent usefully.

[@JomOteyza]

8 years ago, one of the best explanation I've got. :)

[@happyhuman8549]

7:25 the best thing!!btw great explanation!! I subscribed and finally i understood the definition of functions

[@sukhviruddin8358]

You video's are super helpful so thank you! Side note: from my understanding, functions are not variables but are in fact, objects x

[@MJALI96]

Best instructor ever!

[@squarewatermeln738]

thank you for this tutorial i am currently building a website and just needed a recap, really easy to understand and follow

[@pranavsood2058]

Great Tutorials!!!! Keep up the gd work mate!

[@ilkersurmeli413]

Very clear teaching. Good teacher.

[@chrisheavner-keyboardstrom5616]

So enjoying your videos, Will! Thanks so much!

[@flour6071]

first video i actually understood! thank u sm! ur a great teacher

[@MrBillJDavis]

Great videos, thank you. Question. What're the implications of JS treating functions as variables? Is this customary in programming languages?

[@TheMightyHamhock]

It's not normal most compiled languages. Javascript has a lot of crazy little features like that in it.

[@humble_integrity]

hi bill. this is actually not as unusual as you think. other languages like c++, C#, python, and java do this as well. to be exact, the function itself is not a variable, however, when it is assigned via let, var, or const, the address of the function is actually assigned to the variable. when you have the address of the variable you can later invoke the function, in js it is straight forward, but other languages may require to use such wrappers like delegates.

[@billyzman666]

Thank you! I am learning more from youtube than my coding bootcamp lol

[@MavenAptTutorials]

Thanks for the great Tutorials. Waiting for the next lesson

[@learncodeacademy]

Thanks! More should be coming out next week.

[@lemonpug6582]

html and css where super easy, javascript is super HARD!

[@SuperBanana-dx6fb]

I KNOW!

[@swallowedinthesea11]

JS is a programming language, hence it's harder.

[@cincosolution]

But super power full.

[@happyhuman8549]

lol same!

[@nevanjohn]

I don't find javascript half as hard as I find CSS because I've learned two other coding languages before this.

[@ahidayat7795]

Damn you are such a good teacher....Thanks a lot

[@harshpandey8559]

+LearnCode.academy I don't know how long ago did you start teaching this but I am sure you're soon gonna have over a million subscribers. I am taking an online class(not going to mention the name) right now and I can surely say that thus far you're the one who's helping me more than my classes that I am paying for. Kudos ! Keep up the good work!

[@livewithherbert]

Harsh Pandey I can totally relate to that

[@urmom-yv7ps]

samee

[@the_Crypto_Soul]

Do you have a video for objects and the For/In loop? If not could you please make one? You have helped so much in solidifying my learning and are so good at simplifying things!!!

[@SogMosee]

Hello LearnCode.academy, what theme of sublime are you using in this video? It looks very clean and beautiful.

[@saadafm]

Can we loop an array without having to specify the elements in the array? For example, say I want to output the sum of numbers [1, 100], but I do not want to write all of the elements between 1 and 100.

[@nugget-u2u]

Nice video, May I ask a question, how do you run the JS code on the console panel each time? Seem like there is a shortcut key or something

[@maxiequa567]

Super useful video tutorial series, thanks so much for sharing your skills/time. It would be great to see your examples functioning in real world webpages, as the console and alert dialogue feel quite isolated unlike html and css tuts where you can see practical examples which are easier to relate to, (or perhaps you could recommend such a video). Can't wait for your next episode in this series. You rock!!

[@learncodeacademy]

Max Equation Yeah, that's definitely coming in the next videos! These are just laying the foundational understanding of JS before getting into it. If you want the fastest road to JS usefulness, checkout my jQuery series: kzbin.info/www/bejne/nn7beJt-g7Seebc&feature=iv&src_vid=orAS-MBh5f4&annotation_id=annotation_728118977

[@maxiequa567]

I figured you had a strategy and pace but appreciate the response and alternative link suggestions. Look forward to the next video.

[@chanlennox8133]

I've tried learning many codes before like java c++ c# and even BASIC I just could never get into them because the tutorials were very bad and had little to no explanation so then I tried going to simple drag and drop codes like scratch game maker and construct they were good for a little while but they just couldn't handle very complex codes (except game maker which let you add your own code to it but it was java and c++ that you had to use) so then I kinda just gave up on learning to code for a few months and I would start small projects here and there but nothing could do what I wanted easily without restricting me then I found javascript I looked into and I thought hey this looks easy so then I look up on youtube javascript tutorial and was looking for a good tutorial and I found one of your older videos I found it clicked on the new and improved one that was in the suggestions tab and instantly got back into code so you sir, got a sub all l tutorial videos liked I really can't ask for any more of an explanation your awesome and my only complaint is I wish there was more :P again keep up the amazing work

[@123paramorefan]

Probably a stupid question but this my first video here. How are you inputting the code into the browser? Is it an IDE or are you typing it into the console? How is it connecting to the code and the browser

[@shubhambangade3170]

what are you exactly doing for library loading ? is there any chrome extension ?

[@DigitalPsyops16]

Around 12:00 is why I was going to mention counting vs indexing. I wasn't sure here, because I was new to JS, but I have a background in C# and I've always considered the difference to be a big deal. That is, that we don't "count" from zero. Counting is finding a total number of elements, but each element has an index. If we COUNT 3 elements, we INDEX 0 - 2. Yet everyone always says count while teaching the concept. I think it creates more confusion, but maybe it is easier to understand for complete beginners?

[@Tautviss777]

6:02 whats an index and what does it do?

[@timo4258]

Do I create an html file and scripts subfolder to follow the last 2 lessons on my computer? You seem to have a lot of folders included though: styles, images and whatnot. Other than that, I really like the pacing of the tutorial and how you keep it simple. :)

[@leviuzodike9061]

I have a lot of experience in C++ and Java. I needed to use javascript for a database program and figured it would be pretty similar. I've been learning the language and doing the project at the same time, but I don't understand some weird behavior while I loop and try to make queries... any tips on that? It seems to skip my query calls in loops.

[@VictorSanchezSS]

Will, i've an array of objects, each object has a property "name" between others, how do i access or return all these name properties to another array for use in ng-options for instance? THX

[@brandonmartin5610]

in the for loop, can you make the variable i be anything or does it have to always be i?

[@learncodeacademy]

+Brandon Martin you can make it anything you want. i is the standard

[@osmosebranding]

@@learncodeacademy can i define a whole html page as a var? and just create multiple pages using lenght and arrays to serve a navigation menu? I probably should do that in console right? i'm curious to end this playlist!

[@Imufur]

does the foreach need that fucntion(value, index) or can it be something else like a function we make?

[@dimitarvel1441]

outputing text will be hard to get used to because i am used to the c++ syntax for out putting text on the screen, which has no + sign between the 2 strings... it is seperated by a cheveron as i like to call the operator "

[@alemp1987]

Great jod with this tutorial. So clear. Thank you!

[@tvistinanis4018]

Is this good usage of while loop? (it's for last FOR loop example) var myList = ['bananas', 'oranges', 'apples']; var i=0; while (i

[@senzayyzone]

my friend other thing to point out as a questiong is How do you get to load from sublime text to your website element and you forgot to put in order to see the file like that first we have to save it as a javascript type of file unless is covered up on the html and css tutorials of you which I haven't seen cause I already know both languages.

[@alvaradooutdoor]

i'm new to js but have experience with scripting. Great reveiw

[@georgigeorgiev2219]

Thank you very much. GOD bless you.

[@Dannyfr33sh]

It would be nice if you could sometimes explain how u would use certain code, for example shift in what real life scenario will you shift something out of an array? idk I'm absolutely new to this. All i know is html and css. just a suggestion for future vids. thanks tho u really do have the best tutorials.

[@ShannonRichardsDesigns]

These are great!! :-D :-D So newbie friendly, I love it!

[@veriam4463]

you're awesome man. Keep up the good work!

[@anthonyobrien446]

You're my favourite youtuber

[@rohitnikalje409]

I never thought arrays would hold a function .

[@DeathBender]

y actually baffling ... javascript is weird ... you can use variables before declaring and initializing them *shrug

[@lilywu2200]

@Zishan Jamil true, pretty similar to python(those while and for loops...stuff like that)

[@livelyoh8816]

12:38 "but whatever, that's javascript" LOL 😂

[@abhishekranjanrai8876]

Thanks my doubt got cleared by seeing your video

[@vlzxc-7170]

Thanks +LearnCode.academy I've been doing one of these lessons a day and I'm progressing incredibly! Your teaching videos are really helping me learn the basics of javascript. I even have some of my own scripts already!

[@katherinebl]

Thank you very much! all these videos help me a lot! :)

[@Noobularr]

How do i connect a variables.js file ment to just hold my variables to the homepage.html file im creating on? so i can list a table from the variables.js file?

[@learncodeacademy]

Noobularkid

[@osmosebranding]

@@learncodeacademy keep rocking!

[@weigengpeng105]

i never understood how did you create the web on the right hand, could you explain how? thx :)

[@rubiconvicts2891]

Best tutorials out there (y) thumbs up m8

[@diasaidlv]

Hi, at some videos you talk about homework. It would be great if you add them at the description below video. Additionally i have question about this video - how "javascript knows" that "i" at myList[i] - is an element number of array.? Sorry if i use js looser language, but i am total beginner :)

[@AlisooNFreitas]

Very good content! Thank's mate.

[@swallowedinthesea11]

Nice tutorial! Coming from Python, JS is easy to understand. I just don't like its syntax, but I'll adapt.

[@PneuEmpire]

Im writing this tomorrow and its 10 pm and I dont even care at this point But good vid.. helping me get the basics down solid

[@brendaleesandiego3214]

MyList Uncaught ReferenceError: myList is not defined at :1:1 I'm really novice with JS. pls help. thanks

[@conayoll]

any chance you did a colon (:) instead of equals (=) ??

[@jamesmuriuki8603]

this literally saved me thank you

[@MyRandomNick]

How did you link your IDE to the console?

[@myangel_mylife]

nice tutorial...thanks...can u suggest me good books for javascript for beginners?

[@adrianw924]

Thank the lord for this guy

[@josephibay1949]

very well explanation.. you're a good teacher

[@kelvincreighton8407]

what would be the point of using while or do instead of for

[@javiface91]

Please help! I don't understand library mode :S how can I connect my JS console to Sublime? Thanks!

[@Bata600]

Is there a command to "unshift" or "unpop" a listed ocbject?

[@Simon-ku5fp]

where i can get the software for programming, what do yu recomend??

[@joyeetabhattacharya3335]

wow u just made looping so much easier. .

[@musabbukhari3349]

Man you are so good... *RESPECT*...

[@Hauntedasylum666]

Fantastic. Thank you for this.

[@himakanakala4020]

How do you connect the main.js file to the console? I had trouble with that.

[@learncodeacademy]

the console is linked to ALL javascript running on your page. You add a tag to your html page to add a js file to the page. I show it at :29

[@shoyabsyed4346]

FantastiC ..You are amazing Bro

[@peteKapena]

Hey man, which IDE are you using?