The absolute basics of HTML, CSS and JavaScript

Поделиться
HTML-код
  • Опубликовано: 25 сен 2013
  • 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

Комментарии • 405

  • @Cpt.-Sparklez
    @Cpt.-Sparklez 6 лет назад +78

    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 года назад +1

      Thanks for the comment :) Glad I could help.

  • @joshdeagon2654
    @joshdeagon2654 9 лет назад +139

    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 лет назад +2

      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 года назад +1

      Did you get a job?

    • @icyhawt2854
      @icyhawt2854 3 года назад

      How did the course go, did you learned properly

    • @abdelkaderoutzourhit5440
      @abdelkaderoutzourhit5440 2 года назад

      @@farhadcohan8867 ⁰

  • @birdreviewer1732
    @birdreviewer1732 2 года назад +1

    The best explanation i've seen through internet about html css javascript.

  • @markbrito21
    @markbrito21 5 лет назад +2

    I love how clearly you explain everything.Thank you!

  • @saisamratmashetty
    @saisamratmashetty 8 лет назад +17

    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 года назад +1

      But they are 24:20 minutes 🥺

  • @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.

  • @justwatchandwatch
    @justwatchandwatch 8 лет назад +60

    This is truly a great lecture. Thanks for giving the understanding in such a quick time . Thumbs up,,,

    • @christhecode8153
      @christhecode8153 8 лет назад +1

      Thanks. I'm glad it helps :)

    • @msmkhan3952
      @msmkhan3952 5 лет назад

      Learn how to create custom upload button | HTML CSS JavaSript
      ruclips.net/video/clo35ldNk9g/видео.html

  • @UNS3CUR3D
    @UNS3CUR3D 2 года назад +4

    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

  • @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.

  • @BertF1966
    @BertF1966 4 года назад +2

    Just learning the basics and needed a mini refresher, this was perfect, very clear and very well explained. Excellent, thank you.

  • @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!

  • @curiouslyt2123
    @curiouslyt2123 6 лет назад +3

    I love how simple it's explained, I'm keeping up so far. Then practice makes perfect. 👌

  • @csabasaf
    @csabasaf 6 лет назад

    Best no-nonsense intro I've EVER seen! Thank you.

  • @gul7675
    @gul7675 4 года назад

    You taught me what my teachers couldn't in the past 3 1/2 years. Respect to you

  • @tolex3
    @tolex3 5 лет назад

    Absolutely brilliant - even 5+ years later! Thx!

  • @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

  • @annamarie8633
    @annamarie8633 5 лет назад +4

    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!

  • @aminimal_
    @aminimal_ 8 лет назад +1

    So concise. You are talented. Thank you!

  • @lycan2494
    @lycan2494 6 лет назад +1

    5 minutes in and i'm already impressed by your explanation so far.... amazing! :D

  • @lerenah
    @lerenah 6 лет назад +1

    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!

  • @lesegokeetse4035
    @lesegokeetse4035 4 года назад +2

    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!

  • @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. :)

  • @ItsMe4loki
    @ItsMe4loki 6 лет назад

    Best tutorial ever, no bullshitting, straight to the point, full of information! This is how you do it! Thank you!

  • @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..

  • @HiddenRakoon
    @HiddenRakoon 4 года назад +1

    Thank you very much Chris. Your video helped fill in some of the gaps and I appreciate it being on point, 20/20

  • @sputhod8462
    @sputhod8462 3 года назад +1

    Great Video. Tried it all and it worked as expected. Thank you.

  • @patiko6498
    @patiko6498 5 лет назад

    Couldn't find a better explanation. Thanks for sharing the video!

  • @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!

  • @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

  • @edgarvargas2169
    @edgarvargas2169 6 лет назад

    Great job on explaining the Basics for the Beginner! Thank You

  • @tewodrosgezemu8150
    @tewodrosgezemu8150 4 года назад

    Very simple way presented and easy to understand. Thank you!

  • @phdingboth5
    @phdingboth5 7 лет назад +24

    far better than my school teacher !

  • @turbo2970
    @turbo2970 Год назад

    Christopher, thank you brother for making this very simple to understand.

  • @BobbyJay1
    @BobbyJay1 5 лет назад

    You have explained it better than anyone else. Thank you

  • @dianahorska1926
    @dianahorska1926 6 лет назад

    Great! I love it, perfectly described for beginners, understandable and clear.

  • @andrewhall3340
    @andrewhall3340 6 лет назад

    really well explained - great look into getting started or understand HTML, CSS and JAVASCRIPT

  • @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.

  • @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

  • @johnborron1059
    @johnborron1059 7 лет назад +2

    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.

  • @quickslidedjpop4966
    @quickslidedjpop4966 5 лет назад +3

    I'm taking a course where I'm falling behind. I was able to follow along and understand, thanks bro!

  • @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!

  • @1l_ismael304
    @1l_ismael304 5 лет назад +1

    u actually go through this much better then i learn in school

  • @nguyenhuuanhtuan5360
    @nguyenhuuanhtuan5360 4 года назад +1

    It's helped me get clear about css link , Thank you ever so much for making the tutorial ❤️❤️

  • @jeenap.r6648
    @jeenap.r6648 2 года назад

    So far I am searching for this type of class.last I got it.
    thank you very much,

  • @FourAlexia
    @FourAlexia 4 года назад

    I love this tutorial, gives anybody an easy glimpse into front end web development

  • @aliounehane6015
    @aliounehane6015 6 лет назад +1

    Dude this video is so awesome and you concisely explained the material.
    Thanks a lot!

  • @adefemie.kolawole9336
    @adefemie.kolawole9336 6 лет назад +3

    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 :)

  • @davidtaylor8144
    @davidtaylor8144 9 лет назад +2

    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

  • @harryc5097
    @harryc5097 6 лет назад

    What an awesome overview. Thank you!

  • @gregorygibson3287
    @gregorygibson3287 9 лет назад

    Thanks for the great introduction to HTML, JS, and CSS!

  • @12311DaROCK
    @12311DaROCK 10 лет назад

    This is a amazing tutorial! Perfect for beginners or people who just want to touch up memory!

  • @dromen2001
    @dromen2001 3 года назад

    This explains so much. Thank you!

  • @user-ch6mu3zn7k
    @user-ch6mu3zn7k 2 года назад

    Great! Thanks so much! This was digestible and very clear for me (I'm a language teacher).

  • @radiolib1010
    @radiolib1010 6 лет назад

    Wow ! You are a very goo teacher. So clear and concrete. Thank you Christopher :)

  • @simplySumne
    @simplySumne 5 лет назад

    This is so old yet this is the best intro to this subject. !!! Thanks

  • @andrewslowe6216
    @andrewslowe6216 6 лет назад

    Love the pace, thanks!

  • @emavrick
    @emavrick 5 лет назад

    This is awesome! Such a lifesaver. Thank you!

  • @LinkinPark1871
    @LinkinPark1871 7 лет назад

    Incredibly well made video, well explained, thank you

  • @frankie_goestohollywood
    @frankie_goestohollywood 7 лет назад

    Such an excellent video...precise and concise . I hope that you continue to make more tutorials :-) Thank You !!!

  • @ojuarapaul
    @ojuarapaul 5 лет назад

    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!

  • @IchorX
    @IchorX 5 лет назад

    Nothing better than a good tutorial, thanks.

  • @Nerrrddi
    @Nerrrddi 9 лет назад +8

    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.

  • @rishavkumar2182
    @rishavkumar2182 5 лет назад +1

    Fantastic job man...nicely explained...

  • @inspirationalworld5610
    @inspirationalworld5610 5 лет назад

    you've done a perfect job, thanks so much

  • @arielspalter7425
    @arielspalter7425 5 лет назад

    Amazing tutorial. Thank you a ton for this!

  • @elitomegah7192
    @elitomegah7192 3 года назад

    You are the best teacher so far.

  • @NealHartsChannel
    @NealHartsChannel 3 года назад

    Wow this was very interesting. I was hoping this was the beginning of a series. I could keep learning.

  • @lycan2494
    @lycan2494 6 лет назад

    Thank you for this tutorial. You are truly a legend.

  • @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.

  • @vangoghh2340
    @vangoghh2340 7 лет назад +1

    Good video! I like how you explain stuff. Easy and smooth.

  • @sonalimore1501
    @sonalimore1501 4 года назад

    Thank you sir.. it helps for better understanding

  • @kolmmore6062
    @kolmmore6062 3 года назад +1

    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

  • @minasafi8223
    @minasafi8223 Год назад

    Best tutorial ive evr seen bro ur d best!!!!!

  • @toptrash8077
    @toptrash8077 2 года назад +1

    nice explanation, great video, keep doing it bro, this really mean a lot for me, thanks dude you save my day !!

  • @aldisilvia
    @aldisilvia 2 года назад

    Amazing tutorial. Thank you so much.

  • @mariajamba5525
    @mariajamba5525 5 лет назад

    super clear intro, thanks!!

  • @primunx4699
    @primunx4699 Год назад

    So simple and detailed video, it's now going to help to start working wid softsoft!!

  • @primobanalnal3537
    @primobanalnal3537 5 лет назад +1

    Very informative. Thank you for this vid

  • @PrinceKumar-hh6yn
    @PrinceKumar-hh6yn Год назад

    Really absolute basic. Great content never gets old.🎉❤🙏

  • @gerdsfargen6687
    @gerdsfargen6687 2 года назад

    I learned design patterns off this dude. Absolute legend he is!

  • @junkiecosmonaut5050
    @junkiecosmonaut5050 7 лет назад +1

    Very nice tutorial, thank you for sharing with us!:)

  • @ollerius0760
    @ollerius0760 5 лет назад +6

    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

  • @haithamug7697
    @haithamug7697 5 лет назад

    Thanks your a great lecturer so far

  • @olafzwingenberger9117
    @olafzwingenberger9117 5 лет назад

    Very well explained. Thanks a lot.

  • @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.

  • @utkarshgupta8858
    @utkarshgupta8858 7 лет назад +5

    love you sir, it really helped me a lot

  • @andrija_mihalic
    @andrija_mihalic 4 года назад

    Thank you, very well explained!

  • @aliza7893
    @aliza7893 6 лет назад

    This is awesome! Very helpful!!!

  • @lianawarnakulasooriya7243
    @lianawarnakulasooriya7243 3 года назад

    Thanks man! Learned lots :)

  • @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".

  • @mahwishraoof1711
    @mahwishraoof1711 2 года назад

    absolutely wonderful video ❤️

  • @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!!!!!!.

  • @BornYooper
    @BornYooper 5 лет назад

    Fantastic overview.

  • @tehcakelie17
    @tehcakelie17 5 лет назад

    Great explanation of the basics

  • @cristhianlaluna5412
    @cristhianlaluna5412 7 лет назад +16

    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 6 лет назад +1

      WO WO WO, Did you say your english is bad, Your english is good I am just learning. (I was from finland)

  • @ninglizhu2255
    @ninglizhu2255 7 лет назад

    very structured and clear

  • @cutelittlebirdie789
    @cutelittlebirdie789 5 лет назад

    this is informative! great tutorial!

  • @zt.5677
    @zt.5677 4 года назад

    This is actually very good.

  • @YeslynCasasola
    @YeslynCasasola 4 года назад

    You sir are an amazing teacher!