CS50 2020 - Lecture 8 - HTML, CSS, JavaScript

CS50 · Beginner ·🔍 RAG & Vector Search ·5y ago
TABLE OF CONTENTS 00:00:00 - Introduction 00:00:49 - Internet 00:03:59 - Routers 00:05:23 - Protocols 00:06:19 - TCP/IP 00:07:52 - IP Addresses 00:10:07 - DNS 00:11:54 - TCP 00:15:10 - Web Server Demo 00:21:44 - The Internet, recap 00:24:30 - HTTP 00:26:45 - HTTPS 00:27:53 - Domain Names 00:32:34 - Status Codes 00:34:32 - Developer Tools 00:42:55 - curl 00:45:17 - URL Parameters 00:52:35 - HTML 01:01:20 - http-server 01:05:41 - paragraphs.html 01:09:13 - headings.html 01:10:44 - list.html 01:12:54 - table.html 01:14:29 - image.html 01:17:00 - link.html 01:27:40 - search.html 01:34:18 - CSS 01:44:17 - Selectors 01:45:17 - Classes 01:52:35 - IDs 01:52:54 - JavaScript 02:00:31 - document.querySelector 02:06:01 - addEventListener 02:11:57 - Anonymous Functions 02:16:36 - background.html 02:20:18 - Inspect 02:21:09 - size.html 02:21:39 - blink.html 02:24:20 - autocomplete.html 02:25:36 - light.py *** This is CS50, Harvard University's introduction to the intellectual enterprises of computer science and the art of programming. *** HOW TO SUBSCRIBE http://www.youtube.com/subscription_center?add_user=cs50tv HOW TO TAKE CS50 edX: https://cs50.edx.org/ Harvard Extension School: https://cs50.harvard.edu/extension Harvard Summer School: https://cs50.harvard.edu/summer OpenCourseWare: https://cs50.harvard.edu/x HOW TO JOIN CS50 COMMUNITIES Discord: https://discord.gg/T8QZqRx Ed: https://cs50.harvard.edu/x/ed Facebook Group: https://www.facebook.com/groups/cs50/ Faceboook Page: https://www.facebook.com/cs50/ GitHub: https://github.com/cs50 Gitter: https://gitter.im/cs50/x Instagram: https://instagram.com/cs50 LinkedIn Group: https://www.linkedin.com/groups/7437240/ LinkedIn Page: https://www.linkedin.com/school/cs50/ Reddit: https://www.reddit.com/r/cs50/ Quora: https://www.quora.com/topic/CS50 Slack: https://cs50.edx.org/slack Snapchat: https://www.snapchat.com/add/cs50 Twitter: https://twitter.com/cs50 YouTube: http://www.youtube.com/cs50 HOW TO FOLLOW DAVID J. MALAN
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Playlist

Uploads from CS50 · CS50 · 0 of 60

← Previous Next →
1 Hello, World: Hadi Partovi
Hello, World: Hadi Partovi
CS50
 2 Content Distribution and Archival in a Digital Age
Content Distribution and Archival in a Digital Age
CS50
 3 CS50 2014 - Week 1
CS50 2014 - Week 1
CS50
 4 CS50 2014 - Week 3
CS50 2014 - Week 3
CS50
 5 CS50 2014 - Week 0, continued
CS50 2014 - Week 0, continued
CS50
 6 CS50 2014 - Week 4
CS50 2014 - Week 4
CS50
 7 Week 3, continued
Week 3, continued
CS50
 8 Quiz 0 Review
Quiz 0 Review
CS50
 9 CS50 2014 - Week 3, continued
CS50 2014 - Week 3, continued
CS50
 10 CS50 2014 - Week 7
CS50 2014 - Week 7
CS50
 11 CS50 2014 - Week 7, continued
CS50 2014 - Week 7, continued
CS50
 12 Breaking Through The (Google) Glass Ceiling by Christopher Bartholomew
Breaking Through The (Google) Glass Ceiling by Christopher Bartholomew
CS50
 13 Introduction to Amazon Web Services by Leo Zhadanovsky
Introduction to Amazon Web Services by Leo Zhadanovsky
CS50
 14 CS50 2014 - Week 9
CS50 2014 - Week 9
CS50
 15 How to Build Innovative Technologies by Abby Fichtner
How to Build Innovative Technologies by Abby Fichtner
CS50
 16 Light Your World (with Hue Bulbs) by Dan Bradley
Light Your World (with Hue Bulbs) by Dan Bradley
CS50
 17 Building Dynamic Web Apps with Laravel by Eric Ouyang
Building Dynamic Web Apps with Laravel by Eric Ouyang
CS50
 18 CS50 2014 - CS50 Lecture by Steve Ballmer
CS50 2014 - CS50 Lecture by Steve Ballmer
CS50
 19 CS50 2014 - Week 10
CS50 2014 - Week 10
CS50
 20 This is CS50 with Steve Ballmer?
This is CS50 with Steve Ballmer?
CS50
 21 Meteor: a better way to build apps by Roger Zurawicki
Meteor: a better way to build apps by Roger Zurawicki
CS50
 22 Data Analysis in R by Dustin Tran
Data Analysis in R by Dustin Tran
CS50
 23 Data Visualization and D3 by David Chouinard
Data Visualization and D3 by David Chouinard
CS50
 24 CS50 2014 - Week 6
CS50 2014 - Week 6
CS50
 25 Build Tomorrow's Library by Jeffrey Licht
Build Tomorrow's Library by Jeffrey Licht
CS50
 26 CS50 2014 - Week 9, continued
CS50 2014 - Week 9, continued
CS50
 27 Essential Scale-Out Computing by James Cuff
Essential Scale-Out Computing by James Cuff
CS50
 28 iOS App Development with Swift by Dan Armendariz
iOS App Development with Swift by Dan Armendariz
CS50
 29 Sam Clark Leads Yale Students on Tour to CS50 at Harvard
Sam Clark Leads Yale Students on Tour to CS50 at Harvard
CS50
 30 3D Modeling and Manufacture by Ansel Duff
3D Modeling and Manufacture by Ansel Duff
CS50
 31 CS50 2014 - Week 5, continued
CS50 2014 - Week 5, continued
CS50
 32 hello, world
hello, world
CS50
 33 CS50 2014 - Deep Thoughts - Hash Table
CS50 2014 - Deep Thoughts - Hash Table
CS50
 34 CS50 2014 - Deep Thoughts - Binary Tree
CS50 2014 - Deep Thoughts - Binary Tree
CS50
 35 CS50 2014 - Deep Thoughts - Scratch
CS50 2014 - Deep Thoughts - Scratch
CS50
 36 CS50 2014 - Deep Thoughts - MySQL
CS50 2014 - Deep Thoughts - MySQL
CS50
 37 LaunchCode Visits CS50
LaunchCode Visits CS50
CS50
 38 CS50 Live, Episode 100
CS50 Live, Episode 100
CS50
 39 CS50 Field Trip to Google
CS50 Field Trip to Google
CS50
 40 This is CS50 AP
This is CS50 AP
CS50
 41 Week 4: Monday - CS50 2011 - Harvard University
Week 4: Monday - CS50 2011 - Harvard University
CS50
 42 Week 2: Wednesday - CS50 2011 - Harvard University
Week 2: Wednesday - CS50 2011 - Harvard University
CS50
 43 Week 1: Wednesday - CS50 2011 - Harvard University
Week 1: Wednesday - CS50 2011 - Harvard University
CS50
 44 Week 11: Monday - CS50 2011 - Harvard University
Week 11: Monday - CS50 2011 - Harvard University
CS50
 45 Week 3: Wednesday - CS50 2011 - Harvard University
Week 3: Wednesday - CS50 2011 - Harvard University
CS50
 46 Week 12: Monday - CS50 2011 - Harvard University
Week 12: Monday - CS50 2011 - Harvard University
CS50
 47 Week 1: Friday - CS50 2011 - Harvard University
Week 1: Friday - CS50 2011 - Harvard University
CS50
 48 Week 3: Monday - CS50 2011 - Harvard University
Week 3: Monday - CS50 2011 - Harvard University
CS50
 49 Week 10: Wednesday - CS50 2011 - Harvard University
Week 10: Wednesday - CS50 2011 - Harvard University
CS50
 50 Week 2: Monday - CS50 2011 - Harvard University
Week 2: Monday - CS50 2011 - Harvard University
CS50
 51 Week 9: Monday - CS50 2011 - Harvard University
Week 9: Monday - CS50 2011 - Harvard University
CS50
 52 Week 7: Monday - CS50 2011 - Harvard University
Week 7: Monday - CS50 2011 - Harvard University
CS50
 53 Week 5: Monday - CS50 2011 - Harvard University
Week 5: Monday - CS50 2011 - Harvard University
CS50
 54 Week 5: Wednesday - CS50 2011 - Harvard University
Week 5: Wednesday - CS50 2011 - Harvard University
CS50
 55 Week 7: Wednesday - CS50 2011 - Harvard University
Week 7: Wednesday - CS50 2011 - Harvard University
CS50
 56 Week 8: Monday - CS50 2011 - Harvard University
Week 8: Monday - CS50 2011 - Harvard University
CS50
 57 Week 9: Wednesday - CS50 2011 - Harvard University
Week 9: Wednesday - CS50 2011 - Harvard University
CS50
 58 Week 8: Wednesday - CS50 2011 - Harvard University
Week 8: Wednesday - CS50 2011 - Harvard University
CS50
 59 Week 10: Monday - CS50 2011 - Harvard University
Week 10: Monday - CS50 2011 - Harvard University
CS50
 60 Week 2: Wednesday - CS50 2010 - Harvard University
Week 2: Wednesday - CS50 2010 - Harvard University
CS50

Related AI Lessons

⚡
RAG is a knowledge interpreter. Time for a compiler — Compile-Time RAG
Learn how Compile-Time RAG improves knowledge retrieval by moving it outside the request path, enabling task-optimized artifacts and faster performance
Medium · RAG
 ⚡
I Spent 6 Months Fixing RAG. Here's What I Found (And Built)
Learn how to debug and improve RAG models by following a 6-month debugging session that led to a research paper
Dev.to · vigneshwar
 ⚡
Building Production-Grade RAG: A Complete Architecture Guide
Learn to build a production-grade RAG system with a complete architecture guide, moving beyond basic demos to create a reliable and observable enterprise-ready system
Medium · AI
 ⚡
Building a Hybrid RAG in 200 Lines — SQLite + FTS5 + sqlite-vec + RRF
Learn to build a hybrid RAG system using SQLite, FTS5, and sqlite-vec in 200 lines of Python code, with zero server costs
Dev.to · soy

Chapters (40)

Introduction
0:49 Internet
3:59 Routers
5:23 Protocols
6:19 TCP/IP
7:52 IP Addresses
10:07 DNS
11:54 TCP
15:10 Web Server Demo
21:44 The Internet, recap
24:30 HTTP
26:45 HTTPS
27:53 Domain Names
32:34 Status Codes
34:32 Developer Tools
42:55 curl
45:17 URL Parameters
52:35 HTML
1:01:20 http-server
1:05:41 paragraphs.html
1:09:13 headings.html
1:10:44 list.html
1:12:54 table.html
1:14:29 image.html
1:17:00 link.html
1:27:40 search.html
1:34:18 CSS
1:44:17 Selectors
1:45:17 Classes
1:52:35 IDs
1:52:54 JavaScript
2:00:31 document.querySelector
2:06:01 addEventListener
2:11:57 Anonymous Functions
2:16:36 background.html
2:20:18 Inspect
2:21:09 size.html
2:21:39 blink.html
2:24:20 autocomplete.html
2:25:36 light.py
Up next
Watch this before applying for jobs as a developer.
Tech With Tim
Watch →