CS50W 2018 - Lecture 6 - Front Ends
TABLE OF CONTENTS
00:00:00 - Introduction
00:00:53 - Single-Page Apps
00:02:22 - multipage
00:05:48 - singlepage0
00:15:06 - HTML5 History API
00:16:19 - singlepage1
00:25:38 - window
00:30:03 - scroll.html
00:33:12 - posts0
00:42:36 - posts1
00:47:47 - dice0
00:52:37 - dice1
00:55:06 - dice2
00:59:50 - dice3
01:06:32 - CSS Animation
01:07:56 - animate0.html
01:10:31 - animate1.html
01:12:40 - animate2.html
01:14:42 - animate3.html
01:16:55 - posts2
01:17:48 - posts3
01:22:09 - posts4
01:23:37 - circle0.html
01:25:27 - circle1.html
01:27:20 - rect.html
01:28:07 - circle2.html
01:29:51 - circle3.html
01:31:48 - stoplight.html
01:35:05 - draw0.html
01:38:12 - draw1.html
01:40:41 - draw2.html
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 Flask, Django, 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 course's end, students emerge with knowledge and experience in principles, languages, and tools that empower them to design and deploy applications on the Internet.
https://www.youtube.com/playlist?list=PLhQjrBD2T382hIW-IsOVuXP1uMzEvmcE5
***
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/cs50
Ed: https://cs50.harvard.edu/x/ed
Facebook Group: https://www.facebook.com/groups/cs50/
Faceboook Page: https://www.facebook.com/cs50/
Git
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
Hello, World: Hadi Partovi
CS50
Content Distribution and Archival in a Digital Age
CS50
CS50 2014 - Week 1
CS50
CS50 2014 - Week 3
CS50
CS50 2014 - Week 0, continued
CS50
CS50 2014 - Week 4
CS50
Week 3, continued
CS50
Quiz 0 Review
CS50
CS50 2014 - Week 3, continued
CS50
CS50 2014 - Week 7
CS50
CS50 2014 - Week 7, continued
CS50
Breaking Through The (Google) Glass Ceiling by Christopher Bartholomew
CS50
Introduction to Amazon Web Services by Leo Zhadanovsky
CS50
CS50 2014 - Week 9
CS50
How to Build Innovative Technologies by Abby Fichtner
CS50
Light Your World (with Hue Bulbs) by Dan Bradley
CS50
Building Dynamic Web Apps with Laravel by Eric Ouyang
CS50
CS50 2014 - CS50 Lecture by Steve Ballmer
CS50
CS50 2014 - Week 10
CS50
This is CS50 with Steve Ballmer?
CS50
Meteor: a better way to build apps by Roger Zurawicki
CS50
Data Analysis in R by Dustin Tran
CS50
Data Visualization and D3 by David Chouinard
CS50
CS50 2014 - Week 6
CS50
Build Tomorrow's Library by Jeffrey Licht
CS50
CS50 2014 - Week 9, continued
CS50
Essential Scale-Out Computing by James Cuff
CS50
iOS App Development with Swift by Dan Armendariz
CS50
Sam Clark Leads Yale Students on Tour to CS50 at Harvard
CS50
3D Modeling and Manufacture by Ansel Duff
CS50
CS50 2014 - Week 5, continued
CS50
hello, world
CS50
CS50 2014 - Deep Thoughts - Hash Table
CS50
CS50 2014 - Deep Thoughts - Binary Tree
CS50
CS50 2014 - Deep Thoughts - Scratch
CS50
CS50 2014 - Deep Thoughts - MySQL
CS50
LaunchCode Visits CS50
CS50
CS50 Live, Episode 100
CS50
CS50 Field Trip to Google
CS50
This is CS50 AP
CS50
Week 4: Monday - CS50 2011 - Harvard University
CS50
Week 2: Wednesday - CS50 2011 - Harvard University
CS50
Week 1: Wednesday - CS50 2011 - Harvard University
CS50
Week 11: Monday - CS50 2011 - Harvard University
CS50
Week 3: Wednesday - CS50 2011 - Harvard University
CS50
Week 12: Monday - CS50 2011 - Harvard University
CS50
Week 1: Friday - CS50 2011 - Harvard University
CS50
Week 3: Monday - CS50 2011 - Harvard University
CS50
Week 10: Wednesday - CS50 2011 - Harvard University
CS50
Week 2: Monday - CS50 2011 - Harvard University
CS50
Week 9: Monday - CS50 2011 - Harvard University
CS50
Week 7: Monday - CS50 2011 - Harvard University
CS50
Week 5: Monday - CS50 2011 - Harvard University
CS50
Week 5: Wednesday - CS50 2011 - Harvard University
CS50
Week 7: Wednesday - CS50 2011 - Harvard University
CS50
Week 8: Monday - CS50 2011 - Harvard University
CS50
Week 9: Wednesday - CS50 2011 - Harvard University
CS50
Week 8: Wednesday - CS50 2011 - Harvard University
CS50
Week 10: Monday - CS50 2011 - Harvard University
CS50
Week 2: Wednesday - CS50 2010 - Harvard University
CS50
Related AI Lessons
⚡
⚡
⚡
⚡
Managing Permissions Directly via SQL in BigQuery
Medium · Data Science
Data’s Best Decade is Ahead. Most Companies Are Looking at it Wrong.
Medium · AI
Data’s Best Decade is Ahead. Most Companies Are Looking at it Wrong.
Medium · Machine Learning
Data’s Best Decade is Ahead. Most Companies Are Looking at it Wrong.
Medium · Data Science
Chapters (31)
Introduction
0:53
Single-Page Apps
2:22
multipage
5:48
singlepage0
15:06
HTML5 History API
16:19
singlepage1
25:38
window
30:03
scroll.html
33:12
posts0
42:36
posts1
47:47
dice0
52:37
dice1
55:06
dice2
59:50
dice3
1:06:32
CSS Animation
1:07:56
animate0.html
1:10:31
animate1.html
1:12:40
animate2.html
1:14:42
animate3.html
1:16:55
posts2
1:17:48
posts3
1:22:09
posts4
1:23:37
circle0.html
1:25:27
circle1.html
1:27:20
rect.html
1:28:07
circle2.html
1:29:51
circle3.html
1:31:48
stoplight.html
1:35:05
draw0.html
1:38:12
draw1.html
1:40:41
draw2.html
🎓
Tutor Explanation
DeepCamp AI