The absolute basics of HTML, CSS and JavaScript

Christopher Okhravi
Visualizações 338 040
97% 4 227 108

This screencast walks you through some of most important basic concepts of creating websites using HTML, CSS and JavaScript. While staying fast and on-topic.
If you've used any of these before this video is probably NOT for you. If you're however completely new, or just curious about explanations, this video is indeed for you.
Please do let me know what you think, and ask if you have questions :)
📣 Ask Me Anything
💪 Patreon Community
📚 Products I Recommend
🎧 Audiobooks for the win
BTC: bc1q4k330f3g0mjd70g8ws4zwxheu4ym065f8j8djh
ETH: 0xa9342b308d480239d64c967bf7d53c4877474f25
LTC: ltc1q7ja5xvnkj32knp3mnhmgagdcwk8atevdswnft0
BCH: qqa8xpggmx68udkwjvpmmmv22rw6rx68p5ehe5rgmu
ZEC: t1XyiVNTTEoSxWT8WdESwsUsp6fbySesYc2

Publicado em


26 Set 2013



Baixar vídeos:

Carregando o link.....

Adicionar a:

Minha playlist
Assista mais tarde
Comentários 310
Duarte Palhinha
Duarte Palhinha 6 dias atrás
welcome to the scattman's world bah boh beh, bah bah ri bih bah boh beh
Zahid Rahman
Zahid Rahman 6 dias atrás
well done excellent presentation
very cool i learned so much wow thanks so much
viki creations
viki creations 16 dias atrás
viki creations
viki creations 16 dias atrás
OSSAM it 's really super i am really learn about that
Tewodros Gezemu
Tewodros Gezemu 18 dias atrás
Very simple way presented and easy to understand. Thank you!
really fantastic
Talha Rasheed
Talha Rasheed Mês atrás
Amazing and very fine explanation for beginners. Thank you👍
A !
A ! Mês atrás
Thanks for the comment :) Glad I could help.
Fake Cheater
Fake Cheater Mês atrás
I am iOS developer , didn't know anything about js but now I am clear about js.
HiddenRakoon Mês atrás
Thank you very much Chris. Your video helped fill in some of the gaps and I appreciate it being on point, 20/20
Quinsen Joel
Quinsen Joel 2 meses atrás
Awesome explanation, this is really helping me understand. I have a question: How does the browser know where to look for the .css and .js files (and the image source file)? Ie. How does the environment work for coding web pages? Does it just automatically search in the same folder as the Html file which references it?
Jamie Messenger
Jamie Messenger 2 meses atrás
Great introduction video👍🏻
Net King
Net King 2 meses atrás
name of notepad?
Socrates 2 meses atrás
Youre so good ar explaining this
Paul Ojuara
Paul Ojuara 2 meses atrás
Hi Christopher! Great super-quick tutorial! I'm engaged in a very interesting (although pretty basic) tutorial of HTML-CSS-JS on Khan Academy, and your insights has helped me a lot! Thanks a bunch!
Just DO it DO it Now
Just DO it DO it Now 2 meses atrás
Guys, how to make the header/background change color depending on the size of the screen?
Just DO it DO it Now
Just DO it DO it Now 2 meses atrás
@Paul Ojuara Thanks for your advice but this is not what I'm looking for. Exactly what I need is: I want to make the header change color depending on the size of the media screen... I Can't find solution... :/
Paul Ojuara
Paul Ojuara 2 meses atrás
I'm just a beginner, therefore probably it's not the best or most elegant solution... but I'd do it as an image (a .jpg or .png file, for example), include it into the body and define responsive parameters into the .css file. Those are css parameters. Include them into a .css file (better) or between <style> </style> tags into the <head> .header-image { /* following commands will render the image responsive */ display: block; margin-left: auto; margin-right: auto; width: 100%; } <img class ="header-image" src = "Blog_header.png" alt="That's the Header")> Should work! PS: I've just came across this video... maybe it's what you need:
Olaf Zwingenberger
Olaf Zwingenberger 3 meses atrás
Very well explained. Thanks a lot.
Just For Fun
Just For Fun 3 meses atrás
are you using notepad?
SuperXrunner 3 meses atrás
I'm loving this video Very well explained. Now I'm less intimidated as I understand how these programs work together. Thank you, thank you!!
A !
A ! Mês atrás
Thanks for the comment :) Glad I could help.
dream big
dream big 3 meses atrás
Fantastic job man...nicely explained...
Alex Plaze
Alex Plaze 3 meses atrás
when i am maiking web sites im using a html starting fill her is wer to download it
Optimizer PT
Optimizer PT 3 meses atrás
thanks for the tip
Ollerius07 4 meses atrás
Very helpful video, I discovered when I wanted to contact css, so it don´t work. If you are in windows 10, DO NOT use the usual notepad, download Notepad ++ and it will work
Life Scholar
Life Scholar 4 meses atrás
14:45 Superr ~ Red..
Anisa Ul
Anisa Ul 4 meses atrás
What is use application?
EuclideanPrime Numbers
EuclideanPrime Numbers 4 meses atrás
Fantastic overview.
QUICKSLIDE DJPOP 4 meses atrás
I'm taking a course where I'm falling behind. I was able to follow along and understand, thanks bro!
Patty A
Patty A 5 meses atrás
Couldn't find a better explanation. Thanks for sharing the video!
Elisa Bajcic
Elisa Bajcic 5 meses atrás
Thank you very much for this tut, the way you explain is fantastic! Simple, clear. All the stuff seem much easier that way. Keep goin', man!! :)
Merrittm4 5 meses atrás
I couldn't believe you said, "rock your JavaScript in a separate file." Anyway. I have watched a lot of JS videos and Yours is the #1 best one for a beginner. You explain thing extremely concise and easy to understand. I hope you have videos like this that go into a little more detail. I am about to check right now. Thank you for the #1 best introductory video that I have watched to date, and I have watched a bunch. I even will be watching yours again because it is so informative and I really want to have my basics tight and on point!!!!!!.
Our Lives
Our Lives 5 meses atrás
you've done a perfect job, thanks so much
DeAd Venom
DeAd Venom 5 meses atrás
im subscribe
Mark B
Mark B 5 meses atrás
I love how clearly you explain everything.Thank you!
mamo balcha
mamo balcha 6 meses atrás
Seand me html note my e-mail address
mamo balcha
mamo balcha 6 meses atrás
thanks bro but i want more note please send me my e-mail address
Mohit Tiwari
Mohit Tiwari 6 meses atrás
Tim Berners Lee predicted this ?
BNL11 6 meses atrás
BNL11 6 meses atrás
IchorX 6 meses atrás
Nothing better than a good tutorial, thanks.
Mohammad Al Amin
Mohammad Al Amin 6 meses atrás
Great tutorial in any sense
Vilnius Faslan
Vilnius Faslan 7 meses atrás
May I know the text editor name please
Vilnius Faslan
Vilnius Faslan 7 meses atrás
Andre Johnston Thanks buddy
Andre Johnston
Andre Johnston 7 meses atrás
sublime text
Sacha M
Sacha M 7 meses atrás
gg super videooooooo
Cardinal 7 meses atrás
Hello, i love your teaching on HTML CSS JS. Am new to these. Please, what file do you use to write and store your works in order to see them via chrome. Is there file i need to download like notepad ++, sublime text. Please help me out. I want to change Manuel cleaning to programming field. I need your kind help. No math background. I believe i can learn and acquired knowledge. Snälla, hjälp mig att gå till ett nytt arbetsområde. Tack så mycket.
1L_ Ismael
1L_ Ismael 7 meses atrás
u actually go through this much better then i learn in school
Bling By Kylie
Bling By Kylie 7 meses atrás
Great tutorial! Just an FYI for Windows users following along, pay attention to the file you're recalling (whether they're images, .css or .js files) You have to include the correct extension for them. Your browser won't know what "main.css" is if it is a text file - it needs to be saved as a text file and recalled as "main.txt", not "main.css".
R Kalaiselvi
R Kalaiselvi 7 meses atrás
Wow... Simply good explanation. Easy to understand 😄😄😄
Bobby Jay
Bobby Jay 7 meses atrás
You have explained it better than anyone else. Thank you
tommy lennhamn
tommy lennhamn 7 meses atrás
Absolutely brilliant - even 5+ years later! Thx!
Sohail Ansari
Sohail Ansari 8 meses atrás
BurningBlackKnight 8 meses atrás
I like to think that HTML is the bones of the body, CSS is the flesh of the body, and javascript is the muscles of the body.
greatidea11 8 meses atrás
Very good intro explanation
Primo Banalnal
Primo Banalnal 8 meses atrás
Very informative. Thank you for this vid
Sharp Projects
Sharp Projects 8 meses atrás
Thank you so much for this introduction Christopher. Your ability to describe the subject in a clear and understandable manner is a gift.
Compilation MT
Compilation MT 8 meses atrás
Thank you so very very very very teacher.
Ariel Spalter
Ariel Spalter 8 meses atrás
Amazing tutorial. Thank you a ton for this!
tehcakelie17 9 meses atrás
Great explanation of the basics
mae fungo
mae fungo 9 meses atrás
ow it is so great hehe
Faisal Patel
Faisal Patel 9 meses atrás
Damn helpful for beginners
Amarnath Sundaramurthy
Amarnath Sundaramurthy 9 meses atrás
This is so old yet this is the best intro to this subject. !!! Thanks
Christopher Okhravi
Christopher Okhravi 9 meses atrás
Awesome :) I’m glad to hear it still works :)
HATEM TALAAT 9 meses atrás
very good
Tom Dice
Tom Dice 10 meses atrás
what are you gonna put here? wowowowow I almost started crying laughing
Próximos vídeos
Browns vs. Jets Week 2 Highlights | NFL 2019
Visualizações 1 973 496
Что такое HTML?
Visualizações 6 844
HTML Full Course - Build a Website Tutorial
NÃO compre CELULAR de 32GB
Visualizações 150 422