Dynamic Landing Page | JavaScript

In this project we will build a homepage or landing page with the time that we can interact with and save our name/focus to local storage.

Code:

Sponsor: Freelancer Bundle (Use "brad25" for 25% off)

💖 Become a Patron: Show support & get perks!

Website & Udemy Courses

Follow Traversy Media:

[TraversyMedia]

I know it has been a bit slower than usual. I think I may make a video on this, but I am taking some extra time this summer to learn new things so that I can further my reach into things like asp.net for instance There is a ton of stuff I want to get into. So YouTube will be 1-2 videos per week for a little while as oppose to 3-4. I am still working on courses as well.

[joelokoro]

The People's Champion. Thanks for all your hard work Brad. You're helping and changing so many lives. God bless you.

[rakshithsn]

Brad, Most of the People say that the best way to learn about any Library or some

Frameworks is through their Documentation.

But what they don't tell you is that how one should approach them in an

effective manner to get most of that documentation.

Plz make a video, On who a person should approach about his learning methodology

when he is learning a library like React Js for example purely from that

Documentation.

What are some of the strategies that you use personally to get most of any

Documentation when you are dealing any Project Based On It.

[aleb]

If you don't like the numbers resizing the <time> field while they progress, use:
font-family: monospace to #time in CSS.
This way each character has the same width regardless of it being a 0 or a 1

[Almighty_Flat_Earth]

Almost 15 videos in past 2 months about frameworks averaging around 28K views, but this pure JavaScript video has 80K views which clearly tells that people are much more interested in pure JavaScript than any framework.

[michrisoft]

Hey, everyone. If you're using a screen that is bigger than the image and it starts to repeat on you and look really crappy, you can fix that by adding a little css after each url link in setBgGreet:
= 'no-repeat';
= 'cover';

[cagrioz]

Brad, you're always uploading many videos and saving people's days. Really I appreciate it, thank you.

[dongkyle]

I'm a graduate students from Taiwan, thanks for your hard work, I bought the course yesterday, It's very helpful for me.

[Lemeechi]

Good job, Brad. Just a couple of tweaks I added to the JS. When AM/PM not required the full 24-hour time is shown. Then using concatenation to build time.innerHTML is simpler than using that long back-ticked string as you won't need to use <span> for the ':' character.

[matthewreid]

I have been trying for years to learn javascript. This tutorial showed me so much in a 35 minute video. You. Are. The. Man.

[Glamorah]

Your video tutorials always rock. Thanks Brad!

[JKaromo]

cool.... I've been waiting for another upload. Really love your content Brad.

[Piyush-yppo]

revised entire vanilla js from your playlist this week, loved them.

[orj]

I love this! Please do a video on how we can build the weather function as seen on the Momentum chrome extension in the top right corner!

[mrrolandlawrence]

Indeed the tiny payload of svelte does make it appealing... For tiny page sizes.

[kevinzhang]

Thanks Brad. I always like your landing page small project. very good for refresh syntax and easy to manage to code along with you. I just completed. Thank you!

[fernwood]

This is so cathartic to watch. You explain everything as you go so well.

[el]

i like these types of videos that is heavily focused on JS

[nishes]

PLEASEEEE I LOVE YOU FOR MAKING THIS I never know where to start and lots of tutorials are overly boring or rambly. I love this tutorial love love love!

[rafasantos]

*Thanks Brad, I was with difficult at do the clock work, I didn't know code for adjust when it be am or pm, but it was too simple hehehe*