Summary
Keywords
Full Transcript
Welcome, to frontend development with our MERN Series! 🚀 Learn how to create a user-friendly navbar using React. Learn the magic of opening pages on click without reloading it, for a seamless user experience. 🔗🌟 Get your Free Source Code and Notes now 👉 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 to the navbar in a MERN app. 1:38 Understanding what a component is in React. 2:38 Learning the naming convention for component files. 3:35 Creating a traditional-style navbar. 6:18 Applying the navbar to our React app. 9:15 Building a navbar without refreshing the page. 10:30 Quick update on HTML course for code. 11:01 Continuing with the navbar 12:10 Adding CSS to style the navbar. ************* 😍 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
