CS50W - Lecture 6 - User Interfaces

TABLE OF CONTENTS

00:00:00 - Introduction
00:15:00 - User Interfaces
00:01:09 - Single Page Applications
00:19:03 - Scroll
00:32:21 - Animation
00:52:37 - React

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

HOW TO TAKE CS50

HOW TO JOIN CS50 COMMUNITIES

HOW TO FOLLOW DAVID J. MALAN

***

CS50 SHOP

***

LICENSE

CC BY-NC-SA 4.0
Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International Public License

David J. Malan

[joshuaroehm]

I’ve watched one video and learned more than I did in 5 weeks in my web programming course

[lamkhoi]

This is why Harvard is your dream university!

[Zealotux]

The course I wish I had when I started out, good luck to everyone learning the web, take it easy :)

[jenishmonpara]

Huge respect to the tutor for the way he covered necessary stuff for teaching react with a simple game. Loved the flow of lecture!!

[gowinidea]

Thanks Harvard and the instructor for creating and sharing this class to the world!

[familyfoxslove-officialcha]

He explains everything he writes and I appreciate it because it helps a lot to beginners like me, thx bro

[qwertyui]

The best Javascript course I have ever seen. Lots of things packed there, and everything is very clear, easy to re-use right away.

[space_]

He’s a really good lecturer. Very clear and engaging.

[mobileLegendFunMoments]

Any time I get any problem related to these topic I just watch this video again and again. As he used react and explain this is the best way to use react, and can save some computing 🖥 power of my poor i3 laptop becz that react compiler need lot of ram as windows does. Thanka for explaining these all topics. This is like 4 or 5 th time I m watching this video.and in this just one video I learned more than I learned in last 2 months.
I can just say thanks 😊 to Him for explaining thinks in well organized way.

[goisborges]

Wow! There is hole semester of college right here!!!!

[harshatechnicalschool]

Brian yu is very clear at what he is teaching....he had a concise style in delivering his lectures.. great fan of his teaching
FOUNDER@
ACADAMIX TECHNOLOGIES.

[mohibahmed]

I come from a Python background and this course is the best place for me the get started with Javascript!

[eduardorpg]

Another amazing lecture from Brian! That was awesome!

[lawniczakjohn]

Another awesome class! Thanks Brian and team.

[jaddadzakaria]

Zakaria Jaddad was here thanks for this lecture Mr Brian

[mehmedkukavica]

Fantastic, Super, but the only thing missing is a scarf around the neck to protect the vocal cords.

[moomanao]

after this I apply react job immediately

[freeeagle]

1:12:00 The count variable is like the pointer in c++. Saves a lot of code.

[malithsenanayakentgl-]

Another excellent Lecutre. Appreciate if the code Brian used is downloadable for practicing.

[rayroman]

I can't catch up now the pacing differs from the previous Lectures

Luckily the pacing returned during the React Discussion