Harvard CS50’s Web Programming with Python and JavaScript - Full University Course

This web programming course from Harvard University picks up where CS50x leaves off. It dives more deeply into the design and implementation of web apps with Python, JavaScript, and SQL using frameworks like Django, React, and Bootstrap. Topics include database design, scalability, security, and user experience. You will learn how to write and use APIs, create interactive UIs, and leverage cloud services like GitHub and Heroku.
💻 Slides, source code, and more at cs50.harvard.edu/web/2020/
✏️ Brian Yu teaches this course.
🖥 Watch the original CS50x course: • Harvard CS50 - Full Co...
⭐️ Course Contents ⭐️
⌨️ (00:00:29) Introduction
⌨️ (00:02:42) Lecture 0: HTML, CSS
⌨️ (02:06:14) Lecture 1: Git
⌨️ (02:59:29) Lecture 2: Python
⌨️ (04:07:10) Lecture 3: Django
⌨️ (05:46:15) Lecture 4: SQL, Models, and Migrations
⌨️ (07:40:21) Lecture 5: JavaScript
⌨️ (09:31:46) Lecture 6: User Interfaces
⌨️ (11:12:01) Lecture 7: Testing, CI/CD
⌨️ (12:45:59) Lecture 8: Scalability and Security
🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan
--
Learn to code for free and get a developer job: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news

[@anactualalpaca7016]

Man, I love the internet, I have access to entire college level courses from my bedroom for free

[@bahumi_afrika3086]

😂 Shout out to your wifi

[@ilovepeace]

Shout out to your dad's card 🤣

[@srirambalaka2325]

​@@bahumi_afrika3086 🤣😂

[@grahamconquer8117]

Try understand it I went to a military school and learnt it but I never understood it now I'm 40and I'm just finishing the entire course yeah the deep learning course this is easy

[@peter-tm4ex]

Have you finished the course yet?

[@shweeppsm2656]

0:45 - Introduction 2:58 - HTML 40:23 - CSS and SCSS 2:06:29 - Git 2:59:44 - Python 4:07:26 - Django 5:46:30 - SQL, Model and Migrations 7:40:38 - JavaScript 9:32:03 - User Interfaces 11:12:17 - Testing and CI/CD 12:46:15 - Scalability and Security

[@congdatt]

Thanks bro !

[@JACKY142128]

Omg in yelling in HTML wonderful!!!

[@h-818]

👍👍

[@elsalmon_]

Ídolo!

[@go64bit]

Its already there in the description but I appreciate your help 👍🏻

[@kenkioqqo]

What a time to be alive. I never imagined that we would one day receive Havard education FREELY online. The fact that anyone with an internet connection, even people in less developed countries, can access it shows how much the internet has changed the world.

[@carleesfoont_]

Literaly...

[@user-ll4on9my7h]

3hours in still talking about Hello World.. so sad. I would say the mass censorship and the fact that influences are used to push agendas is more concerning and the internet is more or less being used for more wrong than good. The internet is now about censorship and control of information. There is no anonymity you are registering with every single service usually using your cellphone. It is only going to get worse and more intrusive as the internet is capitalized more and more for marketing and propaganda and less for the exchange of information. AI Chat bots are a good example of propaganda in action as these AI bots have their bias and weights set by organizations that can gear the predictive chat results in favor of an ideology. Information has always been available online that is not new and it still will be but the information is being more controlled and regulated. This free course... is actually worthless and useless it is 14 hours of information that could be learned in maybe 1 or 2.

[@cusematt23]

Really is amazing. You can even work with people all over the globe with GIT. It's just incredible really.

[@germantoenglish898]

Thank you, Brian...very concise and easy-to-follow the presentation. I'm working through it step-by-step as a general brush-up on Web Dev.

[@boby4751]

I love the way he teaches html as in a new file for a new content and codes CSS in the html to break it down even more.

[@cusematt23]

Brian, you are an absolute legend. I really appreciate how deeply you explain even the "mundane" aspects of many concepts. Often times I find that the gap in my understanding comes from never having heard someone explain a seemingly "mundane" aspect. For example, in HTML when you explained "required attributes" ... I have been playing around w HTML for a WHILE now ... somehow I never knew certain elements had required attributes and some did not, it almost seemed like attributes were meaningless to me (only being referenced by CSS or JS). Hearing you say that was an "ah ha" moment, among many more. Things that sound "dumb" but until you know that's just how the computer is programmed to parse and render your HTML, you just don't know that it's a thing. I appreciate you and Malan for putting all of this content out. It is truly life changing for anyone that has the patient to sit through and learn it.

[@diego1552]

I ready appreciate this opportunity to learn that this channel provides . Much love to you guys.

[@WALEED197908]

Really great channel!

[@farzadalirdofficerscci4689]

0:45 - Introduction 2:58 - HTML 40:23 - CSS 1:41:18 - Bootstrap 1:50:42- SASS 2:06:29 - Git 2:59:44 - Python 4:07:26 - Django 5:46:30 - SQL, Model and Migrations 7:40:38 - JavaScript 9:32:03 - User Interfaces 10:24:50 - React 11:12:17 - Testing and CI/CD 12:46:15 - Scalability and Security

[@huzaifaahmed8623]

only 9 mints for boostrap?

[@jamesenrique648]

I've seen only 1 hr 30 mins of course and is really amazing what I can do cause explanation is very clear and easy to understand.

[@yolamontalvan9502]

I learned more here watching this video in one day than reading the book “Learn HTML in 15 Days” which took me two months and still haven’t learned much. Thank you.

[@diffchoice11]

Thank You Sir ! It is really amazing you put this selflessly.... The world will surely be a happy and peaceful place when Youth are involved in affordable and sensible study ! God bless you and your team !

[@sallarsepehrniya]

I love this channel, the educational videos they post are really unique. Thanks for this channel and this teacher

[@saibeach]

i can't stop to finish. the course in 2 days, thanks for the content, very impressive

[@sarcartik]

After i complete this, will i get a beginner knowledge or I can do any web dev project??

[@1000VideoPlus]

Thanks a lot. I appreciate it for giving too much effort to make this course. Thanks Brian, you are the best teacher.

[@Nodsaibot]

python starts at 3:00:00 webdev starts at 7:39:00

[@joshua_226]

Thank you

[@elsalmon_]

The spoiler we didn't knew we needed

[@keshavbhardwaj374]

web dev stamp is not right

[@daniszwarc]

@@elsalmon_ What spoiler? Andá pa'lla bobo :D

[@jai-kk5uu]

You best watch the whole thing. Html, css and git are important

[@samoylov1973]

Wow! Thank you ever so much for such a course! What a treat! Great!

[@samoylov1973]

Syntax in selenium has changed. Now the right one would be increase = driver.find_element("id","increase") starts at 12 hour mark

[@Akh608]

I'm new to all this programming stuff, but how great is it to have people uploading high quality content like this for people to learn for free? Thank you so much for this video and for the channel in general, it is a great experience.

[@hack-ezi]

I love how Brian Yu taught the course. He's a great teacher 💯💯

[@blaineprickett8045]

He really is. Working through the Wiki Django project now.

[@techwizard8214]

@@blaineprickett8045 I am scared, i am 21 already and starting to learn coding from tomorrow.

[@blaineprickett8045]

@@techwizard8214 I'm 35 returning to coding hoping to transition careers back to what I love. You got this

[@destroyer620]

@@blaineprickett8045 hey I am new to programming are these course sufficient to get complete knowledge of web development or there is something more or maybe too much to be known???

[@blaineprickett8045]

@@destroyer620 Not a complete knowledge of web development. But this is one aspect.

[@sabata9717]

Big THX Brian! Very good comprehensive tutorial!

[@alonsoalarconaguilar7113]

Template files are rendered by the server (the backend) that sends the HTML response to the client. We use render() to be able to render templates with their logic. Template files do change we don't put them in static/ folder. CSS and JS are static.

[@kytv9000]

This guy is so fluent in his lecture...I wish I could speak like him in a cafe or bar...

[@hedejan]

06:39:25 Using Django's shell to interact with models Week 1: Introduction to web programming, HTML, and CSS Week 2: JavaScript Week 3: Python Week 4: SQL Week 5: Django Week 6: React Week 7: Bootstrap Week 8: APIs Week 9: Testing Week 10: Deployment Week 11: Security Week 12: Final project

[@bullyversal5313]

That's what I needed right now!! Thanks a lot

[@RamoeletsiMokotjo]

thank u very much. nowi see the light since i had no clue about programming at all.

[@pope1089]

Explained brilliantly. I learnt alot. Thank you

[@FinArt119]

10:24:01 React 11:12:16 Testing and CI/CD (Continuous integration/ Continuous delivery) 12:29:15 Docker 12:46:15 Scalability & Security

[@chibuezeuga8750]

I did it, looking forward to seeing Brian

[@michaelshultz5584]

A great teacher!

[@FinArt119]

Python summary: Variables Basic input output Comment with # Data structure: list tuple set dict Condition: if elif else Loops: for Function Class Decorator Lambda 3:57:45 Exception 4:02:00

[@ghausiyunus121]

I have heard that your a genius in communications and teaching styles…you are one of the best as always…I would like to know to get access to the data base or program itself..thank you so much…how lucky is the Harvard to have you…..

[@stephenokpala6589]

so happy to come across this course.

[@coding_ant]

I guess I can now advance my knowledge in web. Well, its all thanks to CS50 team. Really Appreciate it...

[@r7rahuls]

⭐ Course Contents ⭐ ⌨ (00:00:29) Introduction ⌨ (00:02:42) Lecture 0: HTML, CSS ⌨ (02:06:14) Lecture 1: Git ⌨ (02:59:29) Lecture 2: Python ⌨ (04:07:10) Lecture 3: Django ⌨ (05:46:15) Lecture 4: SQL, Models, and Migrations ⌨ (07:40:21) Lecture 5: JavaScript ⌨ (09:31:46) Lecture 6: User Interfaces ⌨ (11:12:01) Lecture 7: Testing, CI/CD ⌨ (12:45:59) Lecture 8: Scalability and Security

[@lasanthaab8151]

👍👈

[@lasanthaab8151]

👍👈

[@heavysaur149]

And voilà, someone that just copies from the description -> same exact time stamps, same exact emojis, same exact writing. Nice

[@envt]

This is the best teacher ever

[@stgamer2531]

Thanks a lot .... I'm searching this type of video in youtube from a month finally now this I got today ....💞

[@HelicopterRidesForCommunists]

This is really well done. What a gold mine and a treasure for knowledge seekers.

[@God_of_Kiwi]

Crazy value, can't believe this is just free for everyone and not many people are taking advantage of this knowledge. I am more interested in developing with js but still

[@vbounyar]

Dope. Needed this 😆

[@pmssmp5876]

I will never let this channel die. I will support you till my last breath

[@alosheikh977]

Constantly best wishes this for this teacher..& Happy learning...

[@livermoreable]

Amazing! Thank you for this info.

[@superboomerbaby]

Thank you for the oral presentation 30:02 ❤

[@christophernjenga6708]

This is great .Respect to you friends. You keep equipping as for free

[@RobBarrere-uu5nh]

Excellent course, thank you!!

[@vladimirpetrovic3541]

Brian, you are a legend. 🍀

[@suhailvaniiii5486]

This is the real way of teaching.

[@CleverNameTBD]

This is good. But one point in the CSS section. He missed out on the fact that, due to specificity, if you have two elements that are otherwise the same, the one lower in the code will take effect. So in the example where he brings up variables in CSS, he could've also just done ol,ul{font-size: 14px; color: red;} and ol{font-size: 18px;} and the color would've taken effect on both elements but the font would be overwritten by the second line of code.

[@MG-jk8ez]

Thx

[@hugovetrano9125]

I havent watched the og CS50, can I start with this one ?

[@bullyversal5313]

It's ok pal.. there are many ways of doing something and every way can't be taught..

[@polarbearprogramming]

it is really awesome lecture i ever have seen in my life and thanks for your made job in order to provide us this perfect content in my life thanks again

[@sharab2639]

every single seconds is Worth it

[@user-vd4xu1iz7i]

This is one of the most interactive and easy to learn program to learn code

[@user-dc6td5ts4l]

It's 6:20 a.m. , 17/July/2023; the comments helped a lot for telling the value of this course thanks for the comment people. and especially a lot of THANKS TO THE CREATOR AND PUBLISHER OF THIS GREAT COURSE!.

[@NicusorBarbu]

this is pure gold

[@haibaidzokwomandre1468]

Thanks for the upload

[@riyadh5449]

Very good, It's really a solid content.. thank you Harvard.

[@JV-ge8bm]

Awesome job. You are a gift bro

[@Gaby-fd5dh]

thank you for sharing this course for free!!

[@byakenda9692]

Loved this ❤🎉

[@hoangainam3245]

thank harvard. i just start learning html and js and this is just what i need.

[@dutchmansem6228]

Good luck dude!

[@OP-ig1fj]

dont just binge watch it. remember that u learn by doing

[@mysteriousshadow395]

I love these Harvard professors

[@cigarmonkey]

Crazy value, can't believe this is just free for everyone and not many people are taking advantage of this knowledge. Please share this with your friends!

[@ay3336]

this course is insanely good!

[@appleifc]

Informative!

[@infosec4cloud]

Love your channel, thanks for do that you do.

[@dandy90]

Is it possible you guys could consider doing a video course on the Full Stack Open from the University of Helsinki? Would be greatly appreciated.

[@TheDataScienceChannel]

Such a great full course for learning the basics of Python. Once you know Python you can learn Data Science and Machine Learning

[@vivekkoul4428]

Is this web dev course a great course for python?

[@boizman3042]

​@@vivekkoul4428 i think he meant cs50p, not this one.

[@vivekkoul4428]

@@boizman3042 he is commenting under "CS50s web programming with python and javascript" video

[@nahdig8yth233]

@@vivekkoul4428 mabe

[@mxtiifilms]

should i watch this if i know basic of python?

[@michellefranklin3182]

This course is excellent!

[@sitamgoma1052]

Great course ever 🤗🤗

[@gustafssonadam]

Thank you for this! I went through this course in my car 😅

[@ramyadam6280]

This is an amazing free lectures thank you for you so much effort

[@nickysalazar1418]

Thanks so much, for sharing information with mortals :)

[@TaylorNelson1]

Good refresher--found some slightly better methods (e.g. scss). Thanks for uploading this!

[@samxaiver9852]

ANOTHER THUMBS UP!

[@jorgejordao]

Is it possible to make a full course of Construct? I would be thankful for that

[@zkmalik]

Security starts at 13:29:00

[@peter-tm4ex]

cs50 is an amazing course. However, You gotta be an independent learner to learn from this course. They literally spend 10 min in CSS. Css is way more tricky and lot more to learn

[@user-bb3ih7ys6j]

Gracias a todas las personas que estuvieron de acuerdo en poner esta informacion de gratis. Especialmente a ti Brian. Thank you

[@ohiogozaimasu]

I'm not brazilian , i don't speak portugese

[@Aravestia]

Such an amazing time we live in where we can learn for free, this really helps for school & personal projects

[@TK-wp3iw]

Okay let's give it a try :)

[@Hacking-NASSA-with-HTML]

thank you so much free code camp❤

[@Hemanthanet]

Great lesson 👈❤️

[@ambiguity1768]

Thanks a lot ♥

[@Hamstimusprime]

cant believe these courses are free!

[@gerryhoekema2561]

I may have done something wrong along the way, but the sqlte3 database used origin_id and destination_id instead of origin and destination. Had to change the code in several places to these values to get the flights listing and Flights in the admin page to work.

[@harpeter9752]

Guys, friendly reminder: listening a lecture (even best lecture ever) will not make you a programmer. You need practice. Wish you success!

[@arituye1904]

Thank you, this is straight and coincide. Please I need help on my image because its not displaying

[@markusdominikus]

Great job!

[@mahendranath2504]

Thank you so much for the amazing content 👍👍👏✌🙌👌👏🙏😍

[@syeddanishabbas7274]

Awesome course!

[@dollarsamount3805]

Brilliant teacher@brian

[@lefamofokeng8291]

Who else is watching this course instead of doing actual schoolwork 😭

[@MirrorNeuron]

I am starting the course today: Thank you @harvarduniversity @6:12 HTML

[@amg4455]

It is surprising that I can learn such a high quality and large amount of knowledges. Thank you so much.

[@anonymousalien1824]

IS there any projects we can do after this course or something is coming for web projects using what been taught in his course.. please try to make if possible that would be great help

[@sonamohialdin3376]

Awesome course thank you very much

[@Rahul_Makes_Noice]

10:25:00 React

[@user-dh6lo7qm8x]

I love this channel so much. But can this channel be used to obtain certification in certain programs.

[@SjarMenace]

thx for the vid!

[@commonman5768]

Need one complete data science course

[@aydaasfahani2959]

This is relly help me , actually i want to create the apps and being to be a soft engineer ❤

[@fmaion]

I wish I could LIKE this video more than once.