Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
#24: Complete Home Page using React with CSS Styling🔥
Play lesson

MERN STACK IN HINDI 2025 - #24: Complete Home Page using React with CSS Styling🔥

4.0 (4)
43 learners

What you'll learn

This course includes

  • 14.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

Welcome, we will look into homepage styling in our latest tutorial! From creating a dynamic hero section to mastering CSS styling, buttons, analytics, and more, it's an exciting journey. Explore free source code and a challenge awaits you at the end! 👩‍💻 🔗🌟MERN Series Free Source Code and Notes 👉 https://thapatechnical.shop/courses Join us on this exciting coding journey to master the MERN Stack together! Be sure to hit that subscribe button and ring the notification bell, so you never miss our engaging Hindi tutorials. Your web development skills are about to level up – let's do this! 👍 Feel free to like, share, and ask questions in the comments. We're here to help! ----------------------------------------------------- ✌️ Become Member, get access to perks, free Source code, & more.. https://www.youtube.com/channel/UCwfaAHy4zQUb2APNOGXUCCA/join 🚀 Check my Instagram to connect with me: https://www.instagram.com/thapatechnical 🗨️ Discord Server Link for Programmer to Hangout: https://discord.gg/MdScmCsua6 ----------------------------------------------------- ⏳TIMELINE⏳ 0:00 - Introduction 1:32 - Free Source Code Access 2:10 - Home Page Overview 2:40 - Crafting the Hero Section on Our Homepage 7:25 - Explanation of Default CSS Styling 10:05 - CSS Styling for the Home Page 11:30 - Styling CSS Buttons and States 19:15 - Layout and Content Styling for the Home Page 22:10 - Styling Home Page Images 23:50 - Button Layout Styling 26:10 - Analytics Section Implementation on Home Page 28:30 - Styling for the Analytics Section 31:30 - Third Section of the Home Page 33:20 - Challenge for You ************* 😍 Must Watch Videos For Web Development 😍 ************* ➡️ Complete Reactjs in One video here https://youtu.be/43IbFDSVdB0 ➡️ HTML in One Video: https://youtu.be/pN7BFLfSjFw ➡️ CSS in One video: https://youtu.be/hkQv0NIxKQY ➡️ CSS FlexBox in 30 Minutes: https://youtu.be/6L-PAmZajfA ➡️ JavaScript in One video: https://youtu.be/PODgPW-hbfU ➡️ ECMAScript 6 in One Video: https://youtu.be/Iek4DtRobLA ➡️ HTML5 in one video: https://youtu.be/4V0-YpO-KZo ➡️ CSS3 in one video: https://youtu.be/TFrFx7H5ZI8 ➡️ Bootstrap4 in One video: https://youtu.be/yZnNnvXO8HI ➡️ Jquery in One video: https://youtu.be/PNvyPEQ0y-I ➡️ JSON in one video: https://youtu.be/bMqevPKAPD4 ➡️ ReactJS in one video: https://youtu.be/43IbFDSVdB0 ➡️ PHP in One Video: https://youtu.be/3024Kc6SDJ0 ➡️ NodeJS in one video: https://youtu.be/ipnWAKoiBt ➡️ MySQL in one video: https://youtu.be/5bFxbwjN-Gk ➡️ Advanced JavaScript in Hindi Playlist: https://www.youtube.com/playlist?list=PLwGdqUZWnOp0hSGwasCjbrWSPrEKqB_kz&disable_polymer=true ➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: https://youtu.be/Iek4DtRobLA ➡️ JavaScript Game Development Series in 2020: https://www.youtube.com/playlist?list=PLwGdqUZWnOp1Ub0K1CBuLxLOEN6wTq2bg

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

FAQs

Course Hive
Download CourseHive
Keep learning anywhere