JavaScript Tutorial 1.1: The Very Basics

[GlitchDetector]

Lol, referring JS to ponies.

[anonym7xyz]

Wicked major AWESOME. Thanks

[JavascriptHacker]

Killer music BTW.

[JavascriptHacker]













When the turkey is done.

|

V

[MrDotMontage]

how do i get the alert to pop up?

[lag6ones]

I get an error when I open the .js file am I saving as the right file type?

[highvltg1122]

@lag6ones  try saving it as a .html file

[syco1986]

Very cool tut, and the code at the end just makes you want to watch and learn more.

Thanks

[skatedude1890234]

p0rn?????? javascript+p0rn=WTF?!?!

[TheZami999]

the music is sucks!!!

[wordcaster27]

this video is great, my friend .I thank God for people like you

[maskanio1]

I felt like i was harry potter at the school of hogwarts learning some magic shit

[TEB368]

@maskanio1 Thank you for making me chuckle loudly! :)

[Redbloodedichigo]

What are you using to see that preview part on the bottom?

[MapleBirdxD1333]

there's no 8:02 :(

[duguder]

Does anybody like reading?

[MeGAelitExX]

@rustytoe LMFAO

[anhdiepmmk]

Cảm ơn bạn

Mình xin phép up video của bạn lên lập trình . tv

hãy liên lạc với mình nếu có thắc mắc nhé :D



[darwell23]

@JavaScriptTeacher do you teach python too? is the spelling correct? I just heard it from my classmates.

[autumnreign86]

lol music is perfect

[rustytoe178]

repeatedly pause between 1:32 and 1:33, in the history bar that pops up it says "freep0rn"

[thesickbeat]

@rustytoe178 LMAO u sneaky bastard

[xXGANGaST3RXx]

@rustytoe178 What? I dont see it.

[xXGANGaST3RXx]

@rustytoe178 Oh lol now I see it

[pomfan45]

Buggy shit language. Us poor web programmers.

[xdrfvgyhn64]

I think he's using firebug.

[HaDao205]

Can you give me a link to download the program that allow me to write the javascript code like the box in your video? I tried to write the code to change background color in my website but it does not change

[HaDao205]

Can you give me a link to download the program that allow me to write the javascript code like the box in your video? I tried to write the code to change background color in my website but it does not change

[thesickbeat]

@HaDao205 That program is an addon for firefox called firebug, but I wouldn't recommend using it. For him its just easy because he can record it all in one window, but for now I'd say its best for you to use notepad++.

[NegativePotatoe]

Sorry to ask, but, what's the box you are writing in?? (sorry for my bad english)

[nrviognjiocfmbkirdom]

I'm an Analphabet, so I don't know how to understand your video. But you have great music. I think it's Beethoven. Whoever it was, he made a great job in composing music that can be used to make a javascript-tutorial without voice, so it looks a bit like the beginning of starwars. Now read again the fourth word of my comment!

[AllAwesomeThings]

5:03 he writes his first typing mistake.. he writes its, when it should be "it's".

You fail. L2type kid

[heavendigunner123]

thnak you very much sir !! its a big help for my incomming exam

[CanadianTechHelps]

Thanks alot

[ixXgamerXxi]

ye.. that WAS lame..

[1997metalhead]

LOL Free porn Nice Work

[geordie5153]

Lol at your history.

'free porn'

[tbone12378]

Excellent: Clear, Clean, Creative.

Impressive effectiveness of communication.

Thank you.

[ktbsupremo]

I was woderin if you could send me the software or tell me where youy got it, because I am new to javascript and cant get it to show only the text in my brouser.

Thanks

[ktbsupremo]

whhere can i get the software u where using?

Id really like to use it.

Thanks

[LimitedWard]

This is a great tutorial. I only wish I was a higher resolution so I can differentiate between single and double quotes.

[Zane284]

Are you using a website? What is that box thing?

[pacmansaav]

im 12 and im just starting to learn javascripting. Im self taught =)

[rax7]

you should make a fast typing tutorial.

[coladomestre]

Awesome tutorial, very clean and easy to understand, very well explained

-are you really typing that, or did you fastforward the camera?

-there's a page in your history that looks a little like mine xD, and i'm not talking about the facebook :p

im gonna continue to the next tut... very good,thanks ^^

[getrichquickideas]

please change song to "stan" by eminem. Thank you.

[ldelporte]

If I wanted to read, I wouldn't have searched for a video. o_O

[icommentonvideos1]

You should watch the standford programming lectures, the teacher is nice, calm, slow, understandable.

[ByDef4ult]

What program ,you use on video?

[Dailybabble]

Just Google 'SAMS Teach Yourself JavaScript in 24 hrs" and download Dreamweaver on ThePirateBay

[Rubicksman1]

Way too slow. You could have covered all that material in 2 minutes instead of 8.

[TheSoftwareFuture]

hey i just got a question: when do we use type="text/javascript" and when do we use language = javascript ? whats the difference between these 2? thanks for your answer ;)

[LetBeMahFan89]

I have a question!

I've heard about SQL Injection used for hacking a website.

Can we use JavaScript to hack a site.

Anyone has an idea?

Thanks

[LetBeMahFan89]

7:31 - 7.52 - It's amazing!

[takeover1996]

you type slow... i type 10x faster

[xpoxxpox]

@xpectoptronm thank you very much! :)

[LuxiorLove]

I actually enjoyed reading all the texts xDDD

[DuncanHanson]

Rocking out to this tune

[druidofluhn]

@xpoxxpox: He was doing it in firefox, using something he'd made with JavaScript (I think). You could use Notepad/Text Edit, Coda, BBedit, Text Wrangler, Notepad++, Text Mate, Edit Rocket, Kompozer, ...

[druidofluhn]

Great tutorial, thanks

I like the third page from the bottom of your history ^_^

[nuclearstrokes]

this is such an ebook

[jarunpatil]

YOU ARE AWESOME..!!!!

[coolapple14]

what would i save it as?

[JACK019930]

@coolapple14 I saved it as a .html file and then opened it with my broswer

[jeff28emailspam]

This is fucking AWESOME. The best I've seen!

[HuevosRotos]

amazing. im gonna start my FP next september and im already trying to understand some basics with you tutorials! subscribed.

[xpoxxpox]

i need some answer about, what program did he use? can someone reply ASAP? i would really much be thankful.

[xpectoptronm]

@xpoxxpox hey u can use notepad (what i use) and just save as an .html file by going under and clicking the dropdown on save type to all files and saving as ex. eatmypoo.html or anything html. then save ot desktop n click it to see ur site in progress :)

[speciali3tproduction]

how did you get it up to show the ansewr]

[LoverOfPixels]

Love it!

[LoverOfPixels]

Subscribed

[orchidstream]

Simply excellent! 

[AliWasntHere]

Woah, how about a seziour warning at the beggining!

Any, great tutorial.

[Brettjenkins7]

@AliWasntHere seziour?

[wiiman250]

Ah, Beethoven's 9th symphony movement 2. One of my favorite classical pieces of all time. Also, loved the tutorial.

[videowatcher1997m]

excellent tutorial XD

[EdwardCaffyM]

This is exactly the speed every tutorial should have!

[Vorbis5]

Your English is extremely good. O.o

[MrNightmarerh]

Very nice tutorial, great for beginners! THANKS!

[macoronicheez]

hey guys if your looking for a place to test web codes go to htmlbin(dot)info

its a free sandbox and site host to test css html and javascript and dosnt require sighn up

[mizamk14]

your typing so fast with no mistake...

you the pro...

[rifinio88]

@mizamk14 : well dude he just made it fast motion so that it would not take Soo much time in the video :p

[mizamk14]

@rifinio88 owh...^_^

[wilfred05777]

Question:

What Program Editor did you use?

[Dadomatto888]

U da Best man!



[liuupson]

thank you

[josipbabok2]

what program is this and where to download

[myandroidvideo]

Wow, very helpful

[minecraftthekid]

HES USING A BOT TO TYPE YOU HACKER

[fancysnake1]

@minecraftthekid oh shut the hell up

[eshvartz]

Thank you, I'll keep watching, much obliged.

[1997AshF]

@Scatebord3 i know coders type unbeleiveabley quick because they write codes so often

[lordexies]

ok i want the box thing

may you host it???

and thanks for the help

[TheMasterMind555]

WHAT!! It can do more then little Pop-Up boxes!!! :O

[ssibi100]

2:06 it's tag and not tad

[Scatebord3]

you type faster than i can read

[jackpiston]

@Scatebord3 i thought i was the only one slow reader lol

[KasperxDDD]

@Scatebord3 Then you read slow. I knwo he types fukcing fast, but you should be able to read that.

[Joombalo]

how did you make the little coding box??

[pheaneasphreak77]

That´s what i was looking for.You Sir are a Scholar

[GimpIsNuts]

you should make a noob friendly tutorial for me and people that are noobs (well.. yah like me ;{ )

[SuperThatShow]

43 people use c++ not javascript...

[mjmmobile]

Wow, I've searched for years for a programming teacher with a style like you! Thank you so much.

[Screenfreezer]

5/5 This. Is. Just. Perfect!!!!!

[TheJaslanin]

That was what I was looking for. Great introduction, seems more clear than many other "spoken" tutorials. Well Done, Thank You

[Tzahnke]

Boy, YouTube brings some great people into this world! I've been programming client-side JS since September 2006, when I was only nine (9). You started your channel a year after that, and I just found it 5 minutes ago! Thanks for making geeks like me happy.

[scottyupiner]

@Tzahnke YOU STARTED JS SCRIPTING WHEN YOU WAS NINE! IM 12 AND I THOUGHT I WAS WAY TO YOUNG! (but i don't care about age, anyone can learn anything)

[FitoOlivaresSongs]

@scottyupiner Same here! I expect much out of that 9-year-old...

[MrDadcard]

that program did not workfor me

[spritemakergager]

how can i download what you were doing the program

[spritemakergager]

how can i download what you were doing

[fize4ever]

I watch pr0nz too. Problem?

[Jerix11]

It's kinda easy to understan cause I used to work with .pwn code =)

[urbuller]

hey guyz whr can i open this window tht he is working on (is it a program to download)?

[hotcreativepicks]

Would it not have been easier to just speak into a mic. It has been around a while and there's a little plug in for it on most computers if you look for it.

Step one. Hold pink mic plug-in in with one hand and computer / laptop with the other... Step two. Then plug in mic and speak into the little thing at the other end of the cable that comes from the pink plug-in point. It is now safe to turn off Vivaldi as it may annoy the person trying to hear your instructions.

Your video will be shorter.

[Aggregate02]

@hotcreativepicks Probably the person does not want to use a microphone or probably his/her computer does not have a microphone jack. Also Youtube has a wonderful mute button to turn off the music.

[xBangBros]

omg :D it feels so exciting with this music!

[JoesMonkeyLand]

For some reason my parentheses and brackets don't work. Does anyone know what's wrong? Please Help!

[fastang2]

In the next lesson do you teach us about porn? o.o

[StarKeeper8]

What program do you use!?

[JoesMonkeyLand]

@StarKeeper8 I don't know what program he uses, but you can try using Notepad++.

[3blocks511]

this is no better than reading a book, i didn't understand shit...

[SirAvalord]

@3blocks511 Then learn to flipping read!

[vitorbugulin]

Para quem gosta de Bosta é um prato cheio

[amirdj3]

hey man what program was u using??i use notepad ++ have u got better suggestion?

[cooldude2598]

How do i save and edited HTML file to a webpage without being an admin

[zeloskie]

Hi there im new to javascript and everytime I try to implement a script in DW or even outside DW it doesnt work when I preview it in a browser -.- someone tell me why ?

[lazzermusen]

nice and neat with javascript videos, but go to hell for not having your voice in this. i use Youtube to ignore having to read boring shit on w3schools.

[drummerg2]

man you type fast, good video,thanks

[xSHaDoWFiGhTeR]

omg ur damn fast >.<

[jojosjuaninha]

@xSHaDoWFiGhTeR hey do u know what software hes using to test it, wonder if i can use dreamweaver for the same thing? lol i mean so i can view what i do

[xSHaDoWFiGhTeR]

@jojosjuaninha i dunno i wanna know more about it too but i don't really get it :P

[iSouljaRapper]

where tha fuck i have to write that shit up ?

[bacharyou1]

It is good, but it is very basic and I wish you were reading. Thanks anyways.

[FlipSideRnB]

hey, so where do you type this stuff into to make results?

[1JoshT1]

javascript:document.body.conte­ntEditable ='true'; document.designMode='on'; void 0

[jonath198]

@1JoshT1 I memorized that shit.

[1JoshT1]

@jonath198  What do u mean you memorized it ??

[jonath198]

@1JoshT1 Like, I can type it without looking it up or anything.. I memorized the code.

Javascript: document.body.contentEditable = 'true'; document.desginMode = 'on'; void 0 (Typed it)

Yours had a few mistakes.

[1JoshT1]

@jonath198 Oh i never realised that XD

[econtrerasguzman]

cool!! second movement of Beethoven's 9th symphony :) good choice

[SlagTeamUK]

Is it wrong the whole way through I was thinking of a spot of Ultra-violence?

[MrPlayer1up]

Wow. I first learned that adding an Alert took, like, 3 minutes and involved a lot more coding. You taught me it takes 2 seconds, and i'ts a single line.

[Gh0StSecurity]

interesting ty 

[SoulConstruct]

Have to be careful not to induce seizures in people with that bonus code at the end =/

Otherwise great vid =)

[zeificaiOn]

How did you make the two boxes to show the thing in the bottom one?

[Plexis32]

Man, Thats the best tutorial! Thx a lot dude!! :D

I finally can start programming!(or not?)

[ccbug1238]

Hier ist noch ein schönes jquery und Ajax Tutorial:

easy-image.[com]/blog/

[1646Alex]

What application did you use? I think this would be useful. And by the way, amazing video. If only you spoke during it...

[chokhuLetz03]

what application you used?

[chris03653837]

dont name the video "the Basics" if you dont add the basics!!!!

dingas!!!

[TheHurulv]

@chris03653837 That actually was the basics.

[anitabonghit123]

cheers needed that :P

[wo95]

hi

what is this programmes name?

[radexopoblete]

w3schools(dot)com free javascript tutorials & codes

[youshanitube]

Great Work... I really learn.

[cplsjkidd]

Haha



[yusolaifdfer]

man do type or play some animation ? you are very fast

[chickenoodlestu]

SEIZURE!!!!!

[Dragon3164]

lmao.... free porn

[AndeyC4]

this guy is freaking me out 

[MacTutorial98]

OMG stop pointing out that he watches porn!!! You're ruining the moment

[BOS6940]

oh yeah what software did you use for the demonstration?

[BOS6940]

Nice tut, nice scripts, overall perfect, one bad thing, your computer hates you, trying to humiliate you by showing everyone that you watch porn... :(

[Sporkinator4]

hahaha 1:30 box has a porn site haha wat a teacher

[th3masco]

FIIRRREEEBUUUGG!

[theMacBoy11]

you almost gave me a seizure at the end of the video XD Overall, nice tutorial, you are a very good teacher!

[johnnydicamillo]

i lovw the music for this is funny and relaxing

[redm4rco]

you are typing to the BEAT!

[dapizz1]

@REDSKINS8923 LOL, Well Spotted! Can't imagine a coder would really...

[dapizz1]

@RydahMSHacks You could just mute the player, but yeah, not my taste, either! :)

[odinmp5]

for someone who does not know shit (me).

this was really help full