CS50x 2024 - Lecture 8 - HTML, CSS, JavaScript

[@expeditionbasset]

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

[@UnboxRacing]

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

[@otrqffaimajg]

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

[@OsmanGhazi-w1s]

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

[@joyofblender]

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]

Your mac, your pc, your phone

[@meraj5393]

1:25 it's this game

[@cheeseboi8769]

30:31 - Phew

[@zDoubleE23]

Humans at 13:16.

[@namanmishra703]

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

[@realJaeyongLim]

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

[@CygnusX-11]

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

[@diyasharma96]

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]

Thanks for the kind words! See kzbin.info/aero/PLhQjrBD2T382v1MBjNOhPu9SiJ1fsD4C0 !

[@wakemewhenitsover2010]

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

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

[@tensevo]

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

[@ashwinkumarbv-fv1zm]

The intro is such a banger..

[@AskforQAli]

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

[@anuradhamangalpalli2774]

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.

[@TravexEDM]

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

[@himpoo42]

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]

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

[@Guylovesleep6802]

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

[@kent1k359]

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

[@Guylovesleep6802]

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

[@alexandrubaginean7369]

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

[@regularnick]

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

[@shiny5176]

@@regularnicksay me the name of this please

[@bit_blocky]

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

[@x_xRosex_x]

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

[@aspiretechie1191]

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.

[@shrutisinghal2490]

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

[@anita.popovic]

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]

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

[@sosummer217]

Amazing lecture!

[@ttwong7980]

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

[@이이이-g4f2y]

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

[@mohammadsuhaanhaq3590]

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

[@이이이-g4f2y]

@@mohammadsuhaanhaq3590 only js

[@이이이-g4f2y]

@@mohammadsuhaanhaq3590 only js

[@이이이-g4f2y]

​@@mohammadsuhaanhaq3590js onlyy

[@이이이-g4f2y]

js only

[@Aman-fz1ew]

amazing lecture

[@likevideo00]

Awesome free course 🎉

[@harshpareta-o6o]

Thanks a alot; Mr. David J Malan

[@Lucky7th7450]

The opening is as dramatic as usual. Good.

[@Vincentxke]

Thank you professor happy new year

[@Ryguy12543]

epic intro

[@ParadoX-yh1py]

I want to be a lecturer like you ❤

[@amirhosseinrajabi3063]

Excellent ❤

[@superdiegodussan9845]

Thanks for this information

[@HIZ3N]

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

[@shafialanower3820]

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

[@siyabongampongwana990]

They need some Javascript in their dna.

[@v2-kaj]

Harvard students likely already know the stuff.

[@carnap355]

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

[@ProfShibe]

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

[@riyajath_hmd]

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

[@abhishektarun09]

Never expected to be Rickrolled by a Harvard Course.

[@fakrulotaku5655]

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

[@user-sb5vt8iy5q]

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

[@zDoubleE23]

I wish DM would create lessons for embedded systems.

[@HarryAlesna]

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

[@HoangNguyen-pv6fz]

Arigato, sonsaengnim.

[@Serhii007]

Дякую!

[@juli.72]

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

[@SamirSELLAMI]

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 ❤

[@polaris_babylon]

We need that cats page on Harvard's website

[@AbuTaher-ws3ll]

❤thanks

[@nevil_Valorant]

the rick roll was unexpected lol

[@HaHa-ym7qr]

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

[@junhuama68]

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

[@FarmerNash]

SDSU was definitely not like this

[@ImHansana123]

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

[@alainrouleau]

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" 😁 😁 😁

[@CODEBREAKER975]

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

[@SothearithKONGMrMuyKhmer]

❤❤

[@white-listochechki]

1:13:00

[@quang.luu.179]

👍👍👍

[@mewos838]

1:27:01

[@zxcvfdhgbaknksnakc]

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

[@smoothoperatah]

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

[@johnv1374]

20:02 something

[@이이이-g4f2y]

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

[@the_infinity_snake]

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... 🤨 🤔...

[@mauso_code]

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

[@Apex3dits]

"Alllllright..." is my favorite

[@playvideogames369]

Timestamps for each parts plz.

[@sahilghuge5302]

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

[@suryaanshchawla742]

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

[@technical5880]

wow

[@ThatEsque]

Can we get certificate for this course?

[@polaris_babylon]

Yes, it's on edX!

[@enisten]

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]

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

[@d.k.1545]

Pushing the envelope huh...

[@alisanan9090]

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]

Yes i do

[@grindinguy]

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

[@syedzainulabideen4455]

1like = 5pushups in 2024

[@indiamarispereira6944]

How it's going?

[@itsmesunnyverma]

In how many days you complete your pushaps

[@indiamarispereira6944]

@@itsmesunnyverma I was waiting for a video ajahahy

[@TehminaRuhi]

Best of luck for pushups

[@220SouthlandAve]

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

[@siyabongampongwana990]

Dancing = Javascripting.

[@Senko1800]

STOP RICKROLLING US PLEASE 😢

[@jeffrycochran8418]

I love the Rick Roll!

[@mewos838]

Got rick rolled 😂

[@superdiegodussan9845]

Nice & Sexy course thanks guys

[@zxcvfdhgbaknksnakc]

the most boring week of cs50

[@otrqffaimajg]

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

[@duydangdroid]

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

[@Listen_02]

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

[@andyt7631]

Alguien en español?

[@jennhi]

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. KZbin needs to add a photosensitive warning to this video. Please remove it from your future lectures.

[@enisten]

Where is it?

[@FlorentChardevel]

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]

@@FlorentChardevel Picky generation.

[@GosuNoKami]

1:00:32 hehe

[@bpopphixo9627]

hahah rickroll

[@EdwinMasina93]

50 likes = 50 push ups

[@01juniorpen]

1:00:00