In this Tutorial we are going to build a random user generator using html css and javascript. You will learn how to fetch data from an api and how to use async await. Hope you guys enjoy and learn something from this video. Like Share and Subscribe to my channel. Background Image : 🤍drive.google.com/file/d/1Y9VariwphArBVfh0jMLXpMODsh3oBTGn/view?usp=sharing GET Source Code : 🤍gum.co/iDGOv Timestamps : 00:00 Intro 02:20 Project Setup 06:05 Adding HTML 12:06 Adding CSS 28:24 Adding JavaScript 42:20 Final Demo Previous Videos : ➔ Live Characters & Words Counter | HTML CSS & JS 🤍youtu.be/1QABtnGi8EA ➔ Dark / Light Mode Theme Toggle | HTML CSS & JS 🤍youtu.be/D2V2DT1FCNk ➔ Drag & Drop or Browse to Upload File | HTML CSS & JS 🤍youtu.be/HuVI3p1MNPo ➔ Create Responsive Website | HTML & CSS 🤍youtu.be/YYslBFPrFoU ➔ Responsive Footer Design | HTML & CSS 🤍youtu.be/2-5LpaN2LF8 You can find me on: 📸 Instagram: 🤍🤍instagram.com/somanath_goudar 🌎 Website: 🤍somanath-goudar.github.io/portfolio/ 📝 LinkedIn: 🤍🤍linkedin.com/in/somanath-goudar-063aa21ba/ 📂 GitHub: 🤍github.com/somanath-goudar
Your chanel has been very helpful for me
These properties will get the same result in CSS without having to do a separate pseudo class.
background-size: cover;
background-repeat: no-repeat;
background-position: bottom center;
background-color: youtube.com/results?search_query=%23333 #333 ;
background-blend-mode: multiply;
Also, another way of writing, top: 0; left: 0; right: 0; and bottom: 0; is simply, inset: 0;
Anyways, thanks for the video as I am just learning about APIs and getting my head fully around it. If you could please make API videos in the future with the use of frameworks such as Tailwind CSS, that would be much appreciated.
Thanks
So nice project! Keep it up.