CS50x 2024 - Lecture 8 - HTML, CSS, JavaScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ม.ค. 2025

ความคิดเห็น • 141

  • @joyofblender
    @joyofblender ปีที่แล้ว +238

    BINGO!
    41:46 - "Underneath the hood"
    47:05 - "Let me go ahead and.."
    49:00 - "Germane"
    53:10 - "So to speak"
    54:43 - Question you cannot hear...
    57:36 - "I claim"
    58:43 - "Let me propose"
    1:10:53 - "Humans"
    1:21:02 - "Whereby"
    1:21:54 - "It turns out that..."

    • @alisanan9090
      @alisanan9090 11 หลายเดือนก่อน +29

      Your mac, your pc, your phone

    • @meraj5393
      @meraj5393 10 หลายเดือนก่อน +1

      1:25 it's this game

    • @cheeseboi8769
      @cheeseboi8769 10 หลายเดือนก่อน +3

      30:31 - Phew

    • @zDoubleE23
      @zDoubleE23 10 หลายเดือนก่อน +1

      Humans at 13:16.

    • @wiseolman
      @wiseolman 7 หลายเดือนก่อน

      @@zDoubleE23 Humans at 7:01
      Edit: Also 12:22

  • @expeditionbasset
    @expeditionbasset 11 หลายเดือนก่อน +108

    Learned more in this 1 video than my entire degree at Montana State. Never knew teachers like this existed!

    • @UnboxRacing
      @UnboxRacing 8 หลายเดือนก่อน +5

      He's the Top Man. Even got my wife watching "nerd stuff"

    • @otrqffaimajg
      @otrqffaimajg 3 หลายเดือนก่อน +5

      Everyone talks like CS50 teaches North Korea level programming but no they're just skids.

    • @OsmanGhazi-w1s
      @OsmanGhazi-w1s 2 หลายเดือนก่อน

      @@otrqffaimajg Is North Korea that good in Programming?????

  • @realJaeyongLim
    @realJaeyongLim 11 หลายเดือนก่อน +70

    I can't believe that this overwhelming-quality lectures are open to everyone.

    • @CygnusX-11
      @CygnusX-11 2 หลายเดือนก่อน

      Well, if you think about it, you'll realize that HARVARD wants to enter the online teaching market

  • @diyasharma96
    @diyasharma96 ปีที่แล้ว +70

    Came here for 5 minutes. Stayed here for 150 - even though I was already comfortable with all these languages. Simply fabulous teaching of the highest quality.
    Professor Malan - Please never stop! Also, if you ever decide to take requests, a deep-dive into SQL (beyond just lecture 7) would be awesome.

    • @davidjmalan
      @davidjmalan ปีที่แล้ว +38

      Thanks for the kind words! See th-cam.com/play/PLhQjrBD2T382v1MBjNOhPu9SiJ1fsD4C0.html !

    • @wakemewhenitsover2010
      @wakemewhenitsover2010 11 หลายเดือนก่อน +3

      @@davidjmalanNow how about NoSQL for those of us who have to unlearn everything we learned ?!😂 I feel like a db traitor every day, lol

  • @HIZ3N
    @HIZ3N ปีที่แล้ว +40

    Thank you for providing us such free quality content. Thank you Professor David Malan and team. Wish you a happy and prosperous new year

  • @anuradhamangalpalli2774
    @anuradhamangalpalli2774 11 หลายเดือนก่อน +6

    Every lecture of yours is invaluable. Thank you for providing such intellectual stuff free of charge. Sitting here in NZ I feel transported to Harvard classroom.

  • @bit_blocky
    @bit_blocky 6 หลายเดือนก่อน +19

    "underneath the hood" is my favourite quote from the bingo card LOL

  • @dom2326
    @dom2326 2 หลายเดือนก่อน +1

    I graduated with a bachelor's degree in IT and I've learned a lot of stuff here in just 2 hours more than I did when I was in UNI. Good instructors are really rare.

  • @tensevo
    @tensevo 3 หลายเดือนก่อน +3

    i have honestly watched lots of video lectures on html, css and js,
    but, they all jump straight into rote learning mode, without any context,
    thank you, for getting this right, of course, start with Ip and networking.
    great course

  • @aspiretechie1191
    @aspiretechie1191 4 หลายเดือนก่อน +4

    This single video is way more bigger in content than a 4 year CS degree in a mid-level college lectures in India. Hope this kind of system will be implemented in the colleges.

  • @Guylovesleep6802
    @Guylovesleep6802 8 หลายเดือนก่อน +29

    1:17:13 i am getting reckrolled by an Harvard course
    this is on a next level

    • @kent1k359
      @kent1k359 6 หลายเดือนก่อน +7

      have you seen some previous lectures? there were many rickrolls in cs50

    • @Guylovesleep6802
      @Guylovesleep6802 6 หลายเดือนก่อน

      @@kent1k359 sadly no just came in for the html and css
      well i do plan on seeing those a little latter

  • @AskforQAli
    @AskforQAli ปีที่แล้ว +23

    Happy New year to you all!! May 2024 be the best year for your personal growth

    • @potffin
      @potffin หลายเดือนก่อน +1

      so how was your year?

    • @Jackozzzzz
      @Jackozzzzz 24 วันที่ผ่านมา

      Happy new year!!!! January 2025!!!!!

  • @alexandrubaginean7369
    @alexandrubaginean7369 9 หลายเดือนก่อน +9

    A two hour course from this gentleman regarding java script would be life and career changing...

    • @regularnick
      @regularnick 7 หลายเดือนก่อน +1

      You wouldn't believe, it exists, not particularly from David, but from other guy on the team, so just as good!

    • @shiny5176
      @shiny5176 5 หลายเดือนก่อน +1

      @@regularnicksay me the name of this please

  • @rakshitverma07
    @rakshitverma07 8 วันที่ผ่านมา +1

    This one is better than the latest CS50x 2025 Week 8 lecture. I watched both together, some part of the lecture from 2025th one and some from the 2024th one. Although that one is not bad, its just that this one is better because obviously the same and the great David J. Malan sir!

  • @himpoo42
    @himpoo42 3 หลายเดือนก่อน

    A brilliant and exciting demonstration of so many different languages and the inner workings of the internet! CS50's lectures keep getting more and more enticing as they near the end.

  • @kuimovplay9633
    @kuimovplay9633 2 หลายเดือนก่อน +1

    Geez. I feel such a huge expression from David Malan. What a nice teacher!

  • @ImHansana123
    @ImHansana123 3 หลายเดือนก่อน +3

    5:36 "This is a feature, not a bug"
    Every programmer's words when they find a bug in their code. 😂

  • @shrutisinghal2490
    @shrutisinghal2490 8 หลายเดือนก่อน +4

    Professor David is like a computer companion everyone has he changed my life and I would like to say thank you for being there sir. #CS50islove

  • @ashwinkumarbv-fv1zm
    @ashwinkumarbv-fv1zm 2 หลายเดือนก่อน +2

    The intro is such a banger..

  • @TravexEDM
    @TravexEDM 6 หลายเดือนก่อน +9

    People attending these lectures drastically reduced the same as TH-cam views 😂 first lecture got million views and here it stuck at 150k 😢

  • @x_xRosex_x
    @x_xRosex_x 7 หลายเดือนก่อน +3

    The Best part of All his videos are about talking about when "snacks" will be served. feeling hungry...🥪

  • @sosummer217
    @sosummer217 5 หลายเดือนก่อน +2

    Amazing lecture!

  • @yash1152
    @yash1152 หลายเดือนก่อน

    1:23:45 & 1:26:37 form part starts here

  • @anita.popovic
    @anita.popovic ปีที่แล้ว +8

    Down to basics lecture where emphasis is on entry level coding for all segments and then JavaScript which IMHO is more important in this context (compared to HTML and CSS anyway) is somewhat glossed over at the very end. Anyway, to whom it may concern, since the lecturer seems to be a stickler for good form and syntax, which he definitely should be, the example html file hello3 should be corrected to align with hello2 where as the lecturer says the "annonymous function" that "apparently takes an argument as input called event" the event argument is included but it is excluded in the hello3 version and is renamed to e. Both can perhaps be confusing. for some with no prior experience whatsoever.

    • @maxxx973
      @maxxx973 11 หลายเดือนก่อน

      Yes, its kindda confused about the JS part especially for no prior people, I think the "e" and "event" argument is set deliberately to tell people its just a arg of a callback fuction which includes a preventDefault() method of a event

  • @ttwong7980
    @ttwong7980 10 หลายเดือนก่อน +2

    This lesson reminds me of the time I used LaTex to write my thesis, a painful memory.

  • @zxcvfdhgbaknksnakc
    @zxcvfdhgbaknksnakc 10 หลายเดือนก่อน +2

    TABLE OF CONTENTS
    00:00:00 - Introduction
    00:01:01 - Bingo Board
    00:01:51 - The Internet
    00:06:37 - TCP/IP
    00:14:25 - Ports
    00:18:05 - DNS
    00:21:20 - DHCP
    00:23:35 - HTTP
    00:36:30 - Inspect
    00:43:01 - Status Codes
    00:45:24 - HTML
    01:30:54 - Harvard Pep Squad Prank
    01:33:47 - Regular Expressions
    01:44:02 - CSS
    02:02:19 - Bootstrap
    02:09:31 - JavaScript
    02:22:33 - Autocomplete
    02:26:20 - Geolocation

  • @abhishektarun09
    @abhishektarun09 7 หลายเดือนก่อน +7

    Never expected to be Rickrolled by a Harvard Course.

    • @fakrulotaku5655
      @fakrulotaku5655 6 หลายเดือนก่อน +2

      Bro they did it earlier in this course too. Why are you saying it now?

    • @user-sb5vt8iy5q
      @user-sb5vt8iy5q 4 หลายเดือนก่อน

      In the recovering JPEGs from a camera binary dump problem, if you open camera.raw with a hex editor there's a hidden link to a rick roll, I wish they did more hidden surprises like that

  • @Lucky7th7450
    @Lucky7th7450 11 หลายเดือนก่อน +2

    The opening is as dramatic as usual. Good.

  • @harshpareta-o6o
    @harshpareta-o6o 3 หลายเดือนก่อน +1

    Thanks a alot; Mr. David J Malan

  • @MartaBayou
    @MartaBayou หลายเดือนก่อน +1

    Oh my god it's the best course really I was want it

  • @junhuama68
    @junhuama68 9 หลายเดือนก่อน +1

    At 2:17:00 would it be better to use "const" instead of "let"?

  • @zDoubleE23
    @zDoubleE23 10 หลายเดือนก่อน +2

    I wish DM would create lessons for embedded systems.

  • @Aman-fz1ew
    @Aman-fz1ew 11 หลายเดือนก่อน +2

    amazing lecture

  • @Serhii007
    @Serhii007 ปีที่แล้ว +4

    Дякую!

  • @riyajath_hmd
    @riyajath_hmd 11 หลายเดือนก่อน +4

    1:19 I was searching for "No pun intended"

  • @이이이-g4f2y
    @이이이-g4f2y 6 หลายเดือนก่อน +4

    If you're having a hard time with javascript, the cs50 web javascript episode can help. No, it's very helpful

    • @mohammadsuhaanhaq3590
      @mohammadsuhaanhaq3590 6 หลายเดือนก่อน

      should i just watch the js lecture or do I have to start from the beginning of the playlist of cs50 web

    • @이이이-g4f2y
      @이이이-g4f2y 6 หลายเดือนก่อน

      @@mohammadsuhaanhaq3590 only js

    • @이이이-g4f2y
      @이이이-g4f2y 6 หลายเดือนก่อน

      @@mohammadsuhaanhaq3590 only js

    • @이이이-g4f2y
      @이이이-g4f2y 6 หลายเดือนก่อน

      ​@@mohammadsuhaanhaq3590js onlyy

    • @이이이-g4f2y
      @이이이-g4f2y 6 หลายเดือนก่อน

      js only

  • @juli.72
    @juli.72 9 หลายเดือนก่อน +3

    1:19
    "someone at harvard asks a question you can't hear"
    "hopefully by now you understand [something you do not understand]"
    these made me laugh quite a bit lol

  • @HIZ3N
    @HIZ3N ปีที่แล้ว +6

    I wish the students present in the hall were more interactive with the professor and asked some more questions.

    • @shafialanower3820
      @shafialanower3820 ปีที่แล้ว

      Agreed like by now you think they would ask more questions be more curious

    • @siyabongampongwana990
      @siyabongampongwana990 ปีที่แล้ว

      They need some Javascript in their dna.

    • @v2-kaj
      @v2-kaj ปีที่แล้ว +1

      Harvard students likely already know the stuff.

    • @carnap355
      @carnap355 ปีที่แล้ว +2

      It is easy to say that but try actually coming up with one question

    • @ProfShibe
      @ProfShibe 4 หลายเดือนก่อน

      @@carnap355 pretty easy if you're interested in the subject..but they were probably busy taking notes. I had to pause to take notes sometimes it's hard in person.

  • @HarryAlesna
    @HarryAlesna 9 หลายเดือนก่อน +1

    David got us rick rolled 🤣🤣🤣 what an absolute legend

  • @Ryguy12543
    @Ryguy12543 11 หลายเดือนก่อน +2

    epic intro

  • @alainrouleau
    @alainrouleau 8 หลายเดือนก่อน +5

    1:20:55 Best line for when you're being duped, hoodwinked, scammed, you know, being lied to...
    "you're being socially engineered" 😂
    So funny! Definitely going to use that one in the future on my idiot friends...
    "John, don't you know it's a scam? And that you're being socially engineered, LOL" 😁 😁 😁

  • @mattybadger13
    @mattybadger13 24 วันที่ผ่านมา

    this one has SO MANY more ads than the other ones. I can't even get through a chapter without several ads. I don't know if its youtube being terrible but WOW.

  • @Vincentxke
    @Vincentxke ปีที่แล้ว +3

    Thank you professor happy new year

  • @HaHa-ym7qr
    @HaHa-ym7qr 2 หลายเดือนก่อน

    What’s the difference between this course and the live session on the CS50 channel?

  • @likevideo00
    @likevideo00 ปีที่แล้ว +3

    Awesome free course 🎉

  • @amirhosseinrajabi3063
    @amirhosseinrajabi3063 6 หลายเดือนก่อน

    Excellent ❤

  • @superdiegodussan9845
    @superdiegodussan9845 8 หลายเดือนก่อน

    Thanks for this information

  • @ParadoX-yh1py
    @ParadoX-yh1py 2 หลายเดือนก่อน

    I want to be a lecturer like you ❤

  • @이이이-g4f2y
    @이이이-g4f2y 7 หลายเดือนก่อน

    Frankly speaking, I'm very confused like when i make Mario blocks first or don't know what is standard input/output..

  • @CODEBREAKER975
    @CODEBREAKER975 9 หลายเดือนก่อน +1

    "feture not a bug" you will use that line in the future

  • @polaris_babylon
    @polaris_babylon ปีที่แล้ว +1

    We need that cats page on Harvard's website

  • @HoangNguyen-pv6fz
    @HoangNguyen-pv6fz 11 หลายเดือนก่อน

    Arigato, sonsaengnim.

  • @李好烦-n9j
    @李好烦-n9j 2 หลายเดือนก่อน +1

    I just wondering why this video so much advertisement than the video before? ...

  • @nevil_Valorant
    @nevil_Valorant ปีที่แล้ว +5

    the rick roll was unexpected lol

  • @the_infinity_snake
    @the_infinity_snake 4 หลายเดือนก่อน +1

    23:32
    "And undoubtedly, the most popular form of the internet nowadays is something called HTTP.
    That is the World Wide Web, though most people don't really say it in long form ..."
    I'm not a native English speaker and i don't understand what he meant by that.
    HTTP is a protocol, so it should be something like the most popular protocol, right?
    How can it be "the most popular form of the internet"?
    Like the internet has many forms and the most popular form of them is HTTP?
    Like Zeus in Greek mythology has many animal forms and the most popular form is an eagle?
    Something like that?
    It doesn't make any sense, a protocol is a form of the internet?
    And what did he mean about the World Wide Web?
    HTTP is the World Wide Web?
    It doesn't make any sense... 🤨
    🤔...

  • @ThatEsque
    @ThatEsque ปีที่แล้ว +2

    Can we get certificate for this course?

    • @polaris_babylon
      @polaris_babylon ปีที่แล้ว +2

      Yes, it's on edX!

    • @enisten
      @enisten ปีที่แล้ว +1

      Yes, but I've seen reviews of this course where people recommend that you don't pay for the edx certificate because Harvard already gives you a free certificate upon completion. I just don't know if you need to take it on the cs50 website or you get the free Harvard certificate even if you audit it on the edx website. Maybe someone who knows can clarify?

    • @antonipokrzywa4776
      @antonipokrzywa4776 11 หลายเดือนก่อน

      @n I've made entire course on website (cs50.harvard) and received cert. I was just in case enrolled on edX (but its free), the only one benefit that u get from the paid one is that they check your final project and get a slightly better certificate. But it won't get u a job anyways so saving your money is a great option.

  • @AbuTaher-ws3ll
    @AbuTaher-ws3ll 10 หลายเดือนก่อน

    ❤thanks

  • @playvideogames369
    @playvideogames369 ปีที่แล้ว

    Timestamps for each parts plz.

  • @white-listochechki
    @white-listochechki 8 หลายเดือนก่อน

    1:13:00

  • @SamirSELLAMI
    @SamirSELLAMI 5 หลายเดือนก่อน

    I like the methodology of this course. It builds the web architecture by putting the necessary concepts one over the others in short amount of time. It will be interesting if future version of this course could also tackles the current Semantic Web extension and it’s related technology (RDF, OWL, KGs) as the inventors of web and W3C are working on it ❤

  • @johnv1374
    @johnv1374 4 หลายเดือนก่อน

    20:02 something

  • @mewos838
    @mewos838 10 หลายเดือนก่อน

    1:27:01

  • @suryaanshchawla742
    @suryaanshchawla742 6 หลายเดือนก่อน

    1:17:11 News: College prof rick rolls 150000 students

  • @smoothoperatah
    @smoothoperatah 2 หลายเดือนก่อน

    friends don’t let friends put squirly braces on a new line.

  • @FarmerNash
    @FarmerNash 8 หลายเดือนก่อน +2

    SDSU was definitely not like this

  • @d.k.1545
    @d.k.1545 11 หลายเดือนก่อน +1

    Pushing the envelope huh...

  • @quang.luu.179
    @quang.luu.179 7 หลายเดือนก่อน +1

    👍👍👍

  • @abdulquavi5918
    @abdulquavi5918 22 วันที่ผ่านมา

    who off fan !!!

  • @maikel_bits
    @maikel_bits 7 หลายเดือนก่อน +4

    She forgot to mention "all right" at the beginning of each lecture

    • @Apex3dits
      @Apex3dits 6 หลายเดือนก่อน

      "Alllllright..." is my favorite

  • @SothearithKONGMrMuyKhmer
    @SothearithKONGMrMuyKhmer 4 หลายเดือนก่อน

    ❤❤

  • @jeffrycochran8418
    @jeffrycochran8418 7 หลายเดือนก่อน

    I love the Rick Roll!

  • @sahilghuge5302
    @sahilghuge5302 4 หลายเดือนก่อน +1

    we want a separate course on TCP,, HTTP, php by David

  • @mewos838
    @mewos838 10 หลายเดือนก่อน

    Got rick rolled 😂

  • @Listen_02
    @Listen_02 10 หลายเดือนก่อน

    Hi,
    I will appreciate if you help me a little bit with my gmail account I am facing the problem while recovering my account due to 2 step verification.
    I accidentally factory reset my phone and I didn't have a backup kindly if you help me with this.
    I shall be thankful...

  • @alisanan9090
    @alisanan9090 11 หลายเดือนก่อน +2

    His most repeated words in this video.
    Word Frequency
    the: 1017
    to: 894
    and: 871
    of: 703
    a: 676
    that: 506
    is: 463
    this: 455
    in: 431
    i: 413
    Comment if you want the JavaScript code for this😊

    • @karthik_sama
      @karthik_sama 8 หลายเดือนก่อน +1

      Yes i do

  • @AnythingGoesCodes
    @AnythingGoesCodes 7 หลายเดือนก่อน

    2:22:10 Those ugly web designs still live on as advertisements, spam, and clickbait.

  • @syedzainulabideen4455
    @syedzainulabideen4455 ปีที่แล้ว +181

    1like = 5pushups in 2024

    • @indiamarispereira6944
      @indiamarispereira6944 11 หลายเดือนก่อน

      How it's going?

    • @itsmesunnyverma
      @itsmesunnyverma 11 หลายเดือนก่อน +2

      In how many days you complete your pushaps

    • @indiamarispereira6944
      @indiamarispereira6944 11 หลายเดือนก่อน

      @@itsmesunnyverma I was waiting for a video ajahahy

    • @TehminaRuhi
      @TehminaRuhi 3 หลายเดือนก่อน

      Best of luck for pushups

    • @220SouthlandAve
      @220SouthlandAve 2 หลายเดือนก่อน

      Plot twist: I will reduce the amount of push-ups I do by 5 for every like of the original comment.

  • @grindinguy
    @grindinguy 11 หลายเดือนก่อน

    market leader programming language has 12 minutes at this lecture. nice.

  • @technical5880
    @technical5880 10 หลายเดือนก่อน

    wow

  • @andyt7631
    @andyt7631 9 หลายเดือนก่อน

    Alguien en español?

  • @superdiegodussan9845
    @superdiegodussan9845 8 หลายเดือนก่อน +1

    Nice & Sexy course thanks guys

  • @Senko1800
    @Senko1800 8 หลายเดือนก่อน

    STOP RICKROLLING US PLEASE 😢

  • @siyabongampongwana990
    @siyabongampongwana990 ปีที่แล้ว

    Dancing = Javascripting.

  • @zxcvfdhgbaknksnakc
    @zxcvfdhgbaknksnakc 8 หลายเดือนก่อน +1

    the most boring week of cs50

  • @GosuNoKami
    @GosuNoKami 4 หลายเดือนก่อน

    1:00:32 hehe

  • @jennhi
    @jennhi ปีที่แล้ว +1

    You need to ask if anyone in the audience is epileptic before showing them a simulation of the "blink" tag, as that is one of the reasons it was removed in the first place. TH-cam needs to add a photosensitive warning to this video. Please remove it from your future lectures.

    • @enisten
      @enisten ปีที่แล้ว

      Where is it?

    • @FlorentChardevel
      @FlorentChardevel 11 หลายเดือนก่อน +2

      The implementation he shows seems very safe to me, as it's just a small black text blinking slowly on a white background.
      I'm not epileptic but I don't think there's any risk in this part of the video.

    • @BKrazy211
      @BKrazy211 10 หลายเดือนก่อน +1

      @@FlorentChardevel Picky generation.

  • @bpopphixo9627
    @bpopphixo9627 4 หลายเดือนก่อน

    hahah rickroll

  • @otrqffaimajg
    @otrqffaimajg 3 หลายเดือนก่อน +1

    Everyone talks like CS50 teaches North Korea level programming but no they're just skids.

  • @EdwinMasina93
    @EdwinMasina93 ปีที่แล้ว +12

    50 likes = 50 push ups

  • @01juniorpen
    @01juniorpen 7 หลายเดือนก่อน

    1:00:00