CS50W - Lecture 5 - JavaScript

An introduction to JavaScript for web development, covering events, DOM manipulation, local storage, and APIs.

This is CS50W, CS50's Web Programming with Python and JavaScript. Register for free at cs50.edx.org/web. Slides and source code at cs50.harvard.edu/web. Playlist at youtube.com/playlist?list=PLhQjrBD2T380xvFSUmToMMzERZ3qB5Ueu. TABLE OF CONTENTS 00:00:00 - Introduction 00:00:15 - JavaScript 00:05:05 - Events 00:09:16 - Variables 00:13:18 - querySelector 00:22:53 - DOM Manipulation 01:19:11 - Intervals 01:21:27 - Local Storage 01:29:38 - APIs This course picks up where Harvard University's CS50 leaves off, diving 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. Through hands-on projects, students learn to write and use APIs, create interactive UIs, and leverage cloud services like GitHub and Heroku. By semester’s end, students emerge with knowledge and experience in principles, languages, and tools that empower them to design and deploy applications on the Internet. *** This is CS50, Harvard University's introduction to the intellectual enterprises of computer science and the art of programming. *** HOW TO SUBSCRIBE youtube.com/subscription_center?add_user=cs50tv HOW TO TAKE CS50 edX: cs50.edx.org/ Harvard Extension School: cs50.harvard.edu/extension Harvard Summer School: cs50.harvard.edu/summer OpenCourseWare: cs50.harvard.edu/x HOW TO JOIN CS50 COMMUNITIES Discord: discord.gg/cs50 Ed: cs50.harvard.edu/x/ed Facebook Group: facebook.com/groups/cs50/ Faceboook Page: facebook.com/cs50/ GitHub: github.com/cs50 Gitter: gitter.im/cs50/x Instagram: instagram.com/cs50 LinkedIn Group: linkedin.com/groups/7437240/ LinkedIn Page: linkedin.com/school/cs50/ Medium: cs50.medium.com/ Quora: quora.com/topic/CS50 Reddit: reddit.com/r/cs50/ Slack: cs50.edx.org/slack Snapchat: snapchat.com/add/cs50 SoundCloud: soundcloud.com/cs50 Stack Exchange: cs50.stackexchange.com/ TikTok: tiktok.com/@cs50 Twitter: twitter.com/cs50 YouTube: youtube.com/cs50 HOW TO FOLLOW DAVID J. MALAN Facebook: facebook.com/dmalan GitHub: github.com/dmalan Instagram: instagram.com/davidjmalan/ LinkedIn: linkedin.com/in/malan/ Quora: quora.com/profile/David-J-Malan TikTok: tiktok.com/@davidjmalan Twitter: twitter.com/davidjmalan *** CS50 SHOP cs50.harvardshop.com/ *** LICENSE CC BY-NC-SA 4.0 Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International Public License creativecommons.org/licenses/by-nc-sa/4.0/ David J. Malan cs.harvard.edu/malan malan@harvard.edu