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.

✏️ Brian Yu teaches this course.

⭐️ 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

--

[anactualalpaca]

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

[shweeppsm]

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

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

[boby]

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.

[germantoenglish]

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.

[farzadalirdofficerscci]

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

[cusematt]

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.

[yolamontalvan]

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.

[diego]

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

[jamesenrique]

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.

[diffchoice]

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 !

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

[alonsoalarconaguilar]

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.

[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

[Akh]

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

[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!

[samoylov]

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

[kytv]

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