Тёмный

The absolute basics of HTML, CSS and JavaScript 

Christopher Okhravi
Подписаться 152 тыс.
Просмотров 515 тыс.
50% 1

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 :)
💪 Patreon Community
/ christopherokhravi
📚 Products I Recommend
geni.us/71ZXF

Опубликовано:

 

25 сен 2013

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 406   
@Cpt.-Sparklez
@Cpt.-Sparklez 6 лет назад
Amazing job dude, a whole semester of school you managed to explain in less than 25 mins. This video is golden man. Thank you
@user-lg8ky6wu2c
@user-lg8ky6wu2c 4 года назад
Thanks for the comment :) Glad I could help.
@joshdeagon2654
@joshdeagon2654 8 лет назад
I'm going through a Udemy intro course to HTML and CSS. They get pretty deep right away and didn't explain that HTML is for the FRAMEWORK, CSS is for the STYLE and Javascript is for the FUNCTIONALITY of any given website. Now I can go back to it with a better understanding of what they're talking about. Thanks Chris O.
@farhadcohan8867
@farhadcohan8867 5 лет назад
U are 100% correct someone with little brain created way of "teaching" to me they someone should have another class to explain everything i need some kind help to creat info.com but josh have to say i took some class with brad hussy he was great but he also lacked what we and others looking for its all about making money and this chanell has become confusing videos chanell.
@ravijayswal383
@ravijayswal383 4 года назад
Did you get a job?
@icyhawt2854
@icyhawt2854 3 года назад
How did the course go, did you learned properly
@abdelkaderoutzourhit5440
@abdelkaderoutzourhit5440 2 года назад
@@farhadcohan8867 ⁰
@markbrito21
@markbrito21 5 лет назад
I love how clearly you explain everything.Thank you!
@sharpwoodworks
@sharpwoodworks 5 лет назад
Thank you so much for this introduction Christopher. Your ability to describe the subject in a clear and understandable manner is a gift.
@birdreviewer1732
@birdreviewer1732 2 года назад
The best explanation i've seen through internet about html css javascript.
@ACCardFilm
@ACCardFilm 7 лет назад
This is great, I have gotten past this point and figured most of this out by context clues but its wonderful to have such a quick recap of the super basics. Appreciate it!
@BertF1966
@BertF1966 4 года назад
Just learning the basics and needed a mini refresher, this was perfect, very clear and very well explained. Excellent, thank you.
@curiouslyt2123
@curiouslyt2123 6 лет назад
I love how simple it's explained, I'm keeping up so far. Then practice makes perfect. 👌
@cameronzane1448
@cameronzane1448 3 года назад
This is the exact kind of video I was searching for, thanks so much for this! Perfect execution of explaining how it works together.
@csabasaf
@csabasaf 6 лет назад
Best no-nonsense intro I've EVER seen! Thank you.
@aminimal_
@aminimal_ 8 лет назад
So concise. You are talented. Thank you!
@annamarie8633
@annamarie8633 5 лет назад
Thank you for this video. I'm so glad you take time to make videos for free to education those around you. I have high respect for you and you inspire me to dive into the world of programming (someday teaching others as well) Warm Regards from the United States!
@tolex3
@tolex3 5 лет назад
Absolutely brilliant - even 5+ years later! Thx!
@lycan2494
@lycan2494 5 лет назад
5 minutes in and i'm already impressed by your explanation so far.... amazing! :D
@justwatchandwatch
@justwatchandwatch 7 лет назад
This is truly a great lecture. Thanks for giving the understanding in such a quick time . Thumbs up,,,
@christhecode8153
@christhecode8153 7 лет назад
Thanks. I'm glad it helps :)
@msmkhan3952
@msmkhan3952 5 лет назад
Learn how to create custom upload button | HTML CSS JavaSript ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-clo35ldNk9g.html
@saisamratmashetty
@saisamratmashetty 8 лет назад
I would have never got a better idea of these things in such a short time. Best use of my 25mins. Thankyou sir! :)
@christhecode8153
@christhecode8153 8 лет назад
Thanks for the comment :) Glad I could help.
@appie7990
@appie7990 2 года назад
But they are 24:20 minutes 🥺
@lesegokeetse4035
@lesegokeetse4035 4 года назад
I’m so happy I found this video , I am confident that I actually am on the right track . Thank you so much
@jamesforbes4996
@jamesforbes4996 4 года назад
Wow! All of that in less than 25 minutes. Excellent summary. Very well communicated. Subscribed!
@lerenah
@lerenah 6 лет назад
This REALLLLLLLLLLLLLY helped me! Thank YOU TONS! This made things very easy to understand and I was able to grasp the concepts of it all too. Thank you!
@gul7675
@gul7675 3 года назад
You taught me what my teachers couldn't in the past 3 1/2 years. Respect to you
@solojones1138
@solojones1138 6 лет назад
Thank you so much for this. I used to write HTML in the old days before CSS and Java, and I wanted to understand newer standards of applying style and scripts. Thank you!
@sputhod8462
@sputhod8462 3 года назад
Great Video. Tried it all and it worked as expected. Thank you.
@HiddenRakoon
@HiddenRakoon 4 года назад
Thank you very much Chris. Your video helped fill in some of the gaps and I appreciate it being on point, 20/20
@ultimatewarriorfrieza275
@ultimatewarriorfrieza275 3 года назад
The way you explained things may not be enough for us to come up with something really awesome, but you definitely taught us how to approach it the proper way..
@ezcomezgo11
@ezcomezgo11 Год назад
Excellent, Just what I needed. I've been programming off and on since the mid-1970's (as need requires) but have never needed to do anything in HTML, CSS, or javascript. This was VERY helpful. Thank you very much. Keep up the good work. :)
@andrewhall3340
@andrewhall3340 6 лет назад
really well explained - great look into getting started or understand HTML, CSS and JAVASCRIPT
@patiko6498
@patiko6498 5 лет назад
Couldn't find a better explanation. Thanks for sharing the video!
@ItsMe4loki
@ItsMe4loki 6 лет назад
Best tutorial ever, no bullshitting, straight to the point, full of information! This is how you do it! Thank you!
@tewodrosgezemu8150
@tewodrosgezemu8150 4 года назад
Very simple way presented and easy to understand. Thank you!
@edgarvargas2169
@edgarvargas2169 6 лет назад
Great job on explaining the Basics for the Beginner! Thank You
@quickslidedjpop4966
@quickslidedjpop4966 5 лет назад
I'm taking a course where I'm falling behind. I was able to follow along and understand, thanks bro!
@UNS3CUR3D
@UNS3CUR3D 2 года назад
Thank you for this video. This is by far the best breakdown of what HTML, CSS and Javascript is and how they work together to complement each other. I have been searching for this type of explanation. Thanks again
@niranjanmondal2804
@niranjanmondal2804 2 года назад
OK kk
@vladanmihailovic4600
@vladanmihailovic4600 3 года назад
This is the best video, which I watched until now. Thank you very much for the perfect explanation !!!! I am trying now to switch my career from HR to IT, but no clue about IT. This video helps absolutely...step by step !!!! Thanks
@dianahorska1926
@dianahorska1926 6 лет назад
Great! I love it, perfectly described for beginners, understandable and clear.
@greenwildanimals5911
@greenwildanimals5911 Год назад
Hey Mike, thanks for the video. I am considering purchasing soft softs for the first ti. Do you have the personal version or the
@turbo2970
@turbo2970 11 месяцев назад
Christopher, thank you brother for making this very simple to understand.
@johnborron1059
@johnborron1059 7 лет назад
Excellent. I will say that my basic understanding helped my appreciation. I sort of knew most of what you were talking about already, but that said, you really simplified the overarching frame work. Taught me to think about it from an entirely different angle; one that suits the way I process thoughts. Great work. I'm new to this but I'm finding it to be incredibly interesting.
@ChristopherOkhravi
@ChristopherOkhravi 7 лет назад
Solid. That sounds really good. It seems reasonable to me that we learn more when we twist and turn things to make sure that we understand it from multiple angles. Kudos to your effort :) and thanks again for your comments.
@alphachan7118
@alphachan7118 3 года назад
Thank you very much for the video. I am completely new for the html, css and javascript. I begin to understand what are they and would like to learn about them. Thank you again.
@frankie_goestohollywood
@frankie_goestohollywood 6 лет назад
Such an excellent video...precise and concise . I hope that you continue to make more tutorials :-) Thank You !!!
@BobbyJay1
@BobbyJay1 5 лет назад
You have explained it better than anyone else. Thank you
@nguyenhuuanhtuan5360
@nguyenhuuanhtuan5360 4 года назад
It's helped me get clear about css link , Thank you ever so much for making the tutorial ❤️❤️
@therofthew
@therofthew 6 лет назад
Thanks a lot...I was having so much trouble linking my css file to html. I was going crazy trying to find out what I was doing wrong. When I started watching your video I realized I was having problems with the quotation marks. After I fixed that, I started all over following your video and it worked!!! Thank you
@ojuarapaul
@ojuarapaul 4 года назад
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!
@gregorygibson3287
@gregorygibson3287 9 лет назад
Thanks for the great introduction to HTML, JS, and CSS!
@adefemie.kolawole9336
@adefemie.kolawole9336 6 лет назад
As an IT student, I like to understand concepts first before I write code in any kanguage. I perform better that way. I decided to get a htmk, css ,jQuery textbook to complement skills that I learn in school. This is a really good video that I needed to watch before any of those textbooks. Thanks a lot.
@ChristopherOkhravi
@ChristopherOkhravi 6 лет назад
I’m glad to hear! Thanks for sharing your experience and thanks for watching :)
@harryc5097
@harryc5097 5 лет назад
What an awesome overview. Thank you!
@simplySumne
@simplySumne 5 лет назад
This is so old yet this is the best intro to this subject. !!! Thanks
@ChristopherOkhravi
@ChristopherOkhravi 5 лет назад
Awesome :) I’m glad to hear it still works :)
@12311DaROCK
@12311DaROCK 10 лет назад
This is a amazing tutorial! Perfect for beginners or people who just want to touch up memory!
@aliounehane6015
@aliounehane6015 6 лет назад
Dude this video is so awesome and you concisely explained the material. Thanks a lot!
@ChristopherOkhravi
@ChristopherOkhravi 6 лет назад
I'm glad to hear. Thanks for watching :)
@arielspalter7425
@arielspalter7425 5 лет назад
Amazing tutorial. Thank you a ton for this!
@radiolib1010
@radiolib1010 6 лет назад
Wow ! You are a very goo teacher. So clear and concrete. Thank you Christopher :)
@emavrick
@emavrick 5 лет назад
This is awesome! Such a lifesaver. Thank you!
@dromen2001
@dromen2001 3 года назад
This explains so much. Thank you!
@LinkinPark1871
@LinkinPark1871 7 лет назад
Incredibly well made video, well explained, thank you
@SaifUllah-uy6kz
@SaifUllah-uy6kz 3 года назад
If you cannot explain it simply, you don't understand it well enough. Thank you soooooo much for the super clear explanation
@Qjoel6398
@Qjoel6398 4 года назад
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?
@lycan2494
@lycan2494 5 лет назад
Thank you for this tutorial. You are truly a legend.
@inspirationalworld5610
@inspirationalworld5610 5 лет назад
you've done a perfect job, thanks so much
@rishavkumar2182
@rishavkumar2182 5 лет назад
Fantastic job man...nicely explained...
@vangoghh2340
@vangoghh2340 7 лет назад
Good video! I like how you explain stuff. Easy and smooth.
@ChristopherOkhravi
@ChristopherOkhravi 7 лет назад
Van Goghh Thanks for the comment. I'm glad it's useful :)
@FourAlexia
@FourAlexia 4 года назад
I love this tutorial, gives anybody an easy glimpse into front end web development
@tedisrozenfelds7630
@tedisrozenfelds7630 2 года назад
Yes! I am ready to conquer the world of HTML, CSS and JavaScript!!! Super big thanks for this video! Looking forward for more videos from you! Your a good teacher!
@NealHartsChannel
@NealHartsChannel 3 года назад
Wow this was very interesting. I was hoping this was the beginning of a series. I could keep learning.
@andrewslowe6216
@andrewslowe6216 5 лет назад
Love the pace, thanks!
@junkiecosmonaut5050
@junkiecosmonaut5050 7 лет назад
Very nice tutorial, thank you for sharing with us!:)
@davidtaylor8144
@davidtaylor8144 9 лет назад
i had to stop this video in the middle to come and say thank you. now im going to go finish up i have websites to learn to make
@jeenap.r6648
@jeenap.r6648 2 года назад
So far I am searching for this type of class.last I got it. thank you very much,
@user-ch6mu3zn7k
@user-ch6mu3zn7k 2 года назад
Great! Thanks so much! This was digestible and very clear for me (I'm a language teacher).
@phdingboth5
@phdingboth5 7 лет назад
far better than my school teacher !
@ChristopherOkhravi
@ChristopherOkhravi 7 лет назад
Ajay patel :)
@mohittiwari8934
@mohittiwari8934 5 лет назад
Zarooor
@primobanalnal3537
@primobanalnal3537 5 лет назад
Very informative. Thank you for this vid
@IchorX
@IchorX 5 лет назад
Nothing better than a good tutorial, thanks.
@Nerrrddi
@Nerrrddi 9 лет назад
Thank you so much for this! I want to learn as much as possible before college and this was the greatest introductory ever!
@user-lg8ky6wu2c
@user-lg8ky6wu2c 4 года назад
Thanks for the comment :) Glad I could help.
@blingbykylie5960
@blingbykylie5960 5 лет назад
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".
@toptrash8077
@toptrash8077 2 года назад
nice explanation, great video, keep doing it bro, this really mean a lot for me, thanks dude you save my day !!
@mariajamba5525
@mariajamba5525 5 лет назад
super clear intro, thanks!!
@kolmmore6062
@kolmmore6062 3 года назад
I swear bro you are amazing your tutorial is awesome they way you explain things is so special i love that keep on. bringing us another one bro
@elitomegah7192
@elitomegah7192 3 года назад
You are the best teacher so far.
@sonalimore1501
@sonalimore1501 4 года назад
Thank you sir.. it helps for better understanding
@misbahshaukat5935
@misbahshaukat5935 3 года назад
It was a brilliant introduction. I wish that I commented 6 years ago and ask for the full html, css and javascript course.
@aldisilvia
@aldisilvia 2 года назад
Amazing tutorial. Thank you so much.
@minasafi8223
@minasafi8223 Год назад
Best tutorial ive evr seen bro ur d best!!!!!
@1l_ismael304
@1l_ismael304 5 лет назад
u actually go through this much better then i learn in school
@PrinceKumar-hh6yn
@PrinceKumar-hh6yn Год назад
Really absolute basic. Great content never gets old.🎉❤🙏
@80Vikram
@80Vikram 6 лет назад
Thanks a ton for this amazing introduction, can you also explain if I would like to take customer inputs and save in the database, process and show back to customer, how to do it ?
@merrittm4
@merrittm4 5 лет назад
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!!!!!!.
@olafzwingenberger9117
@olafzwingenberger9117 5 лет назад
Very well explained. Thanks a lot.
@utkarshgupta8858
@utkarshgupta8858 7 лет назад
love you sir, it really helped me a lot
@ChristopherOkhravi
@ChristopherOkhravi 7 лет назад
:)
@davisgoodman6621
@davisgoodman6621 6 лет назад
Wow. Extremely well done. I understood everything, but that's certainly because I've written/edited wikipedia pages, which have some similarities. For anyone who is struggling through this condensed quick basics video...try playing around with some wikipedia page (though do not save the page as they are live) or better, create a wikia.com or some other wiki, and you'll be able to play around however you like. Personally I don't think I would have been able to follow this easily without that previous experience. But in any case, Chris, thanks for making a concise video and explaining everything VERY well!!
@ChristopherOkhravi
@ChristopherOkhravi 6 лет назад
Thank you very much for the feedback and kind comments :) Also, thank you for taking the time to edit wiki pages. I’ve always wondered who the awesome people who do that are :) :) :)
@tehcakelie17
@tehcakelie17 5 лет назад
Great explanation of the basics
@primunx4699
@primunx4699 Год назад
So simple and detailed video, it's now going to help to start working wid softsoft!!
@SuperXrunner
@SuperXrunner 5 лет назад
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!!
@user-lg8ky6wu2c
@user-lg8ky6wu2c 4 года назад
Thanks for the comment :) Glad I could help.
@cutelittlebirdie789
@cutelittlebirdie789 5 лет назад
this is informative! great tutorial!
@andrija_mihalic
@andrija_mihalic 4 года назад
Thank you, very well explained!
@ollerius0760
@ollerius0760 5 лет назад
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
@5gururaj5
@5gururaj5 7 лет назад
You are awesome! Thanks for the tutorial!
@ChristopherOkhravi
@ChristopherOkhravi 7 лет назад
Thanks! And thanks for watching :)
@aliza7893
@aliza7893 6 лет назад
This is awesome! Very helpful!!!
@FSU2729
@FSU2729 5 лет назад
You're are not among the professors who cannot teach. Great intro! Frank Suban
@YeslynCasasola
@YeslynCasasola 4 года назад
You sir are an amazing teacher!
@cristhianlaluna5412
@cristhianlaluna5412 7 лет назад
OMG. 24 minutes I learned more than Yesterday that I had studied during 3 hours following the book. Thank you so much! And sorry my bad English, I'm learning haha
@ChristopherOkhravi
@ChristopherOkhravi 7 лет назад
I'm glad it helps :) But remember that there's a lot of great books out there as well :) :)
@DiorlandRippRBLX
@DiorlandRippRBLX 5 лет назад
WO WO WO, Did you say your english is bad, Your english is good I am just learning. (I was from finland)
@gerdsfargen6687
@gerdsfargen6687 2 года назад
I learned design patterns off this dude. Absolute legend he is!
Далее
Horizontal & Vertical Centering using CSS
15:00
Просмотров 92 тыс.
FOUND MONEY 😱 #shorts
00:31
Просмотров 4,9 млн
СКУФСКИЙ УЖИН С DERZKO69
19:52
Просмотров 341 тыс.
the new PS4 jailbreak is sort of hilarious
12:21
Просмотров 138 тыс.
Liskov Substitution Principle (SOLID)
20:16
Просмотров 6 тыс.
26 Incredible Use Cases for the New GPT-4o
21:58
Просмотров 214 тыс.
How good is the latest version of ChatGPT? | BBC News
23:16
Google Data Center 360° Tour
8:29
Просмотров 5 млн
The Only Time You Should Use Polymorphism
13:55
Просмотров 85 тыс.
Only Use Inheritance If You Want Both of These
9:10
Просмотров 11 тыс.
8 Wastes of Lean (for Software Developers)
10:54
Просмотров 8 тыс.
They Knew Waterfall Didn't Work
6:36
Просмотров 12 тыс.
Understanding Covariance and Contravariance
13:31
Просмотров 10 тыс.