Summary
Keywords
Full Transcript
Welcome, How to create a complete responsive navbar using React JS in Hindi in 2021 π Check my Instagram to Connect with me: https://www.instagram.com/thapatechnical π Free Source Code Link: https://www.thapatechnical.com/2021/07/create-react-js-responsive-navbar-from.html β‘οΈ ReactJS Tutorial in Hindi 2020 Playlist Link: https://www.youtube.com/playlist?list=PLwGdqUZWnOp3aROg4wypcRhZqJG3ajZWJ --------- Timeline ------------- 0:00 Intro & Brief 1:45 Folder structure 3:00 Creating Files 3:40 Run our react project 5:05 UI Explain 5:55 Actual JSX code 8:30 Social Media Links 11:16 Hero section 12:05 How to Link CSS 13:30 CSS Styling 17:55 Menu Style CSS 20:00 Social Media CSS Style 27:00 Hamburger Menu Code 29:30 React Menu Toggle 32:00 Mobile UI Explained 33:00 Toggle with React 36:30 Secret Tips 37:10 Outro ************* Must Watch Videos For Web Development ************* β‘οΈ React JS Project Netflix App Part #1 in Hindi in 2020: https://youtu.be/HRhJVGjIraE β‘οΈ Install VS Code for ReactJS LINK: https://www.thapatechnical.com/2020/05/install-reactjs-windows-install-nodejs.html ππ Check Programming Videos in One Hourπ β‘οΈ 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 *********** CLICK HERE TO WATCH ************* β‘οΈ Fetch API in JavaScript: https://youtu.be/TojSXOuGUW4 β‘οΈ AJAX tutorial for beginners in Hindi: https://www.youtube.com/playlist?list=PLwGdqUZWnOp3ZgLj8upMGSRSC1ezBfEZs β‘οΈ Template literals (Template strings) in ES6 in JavaScript in Hindi: https://youtu.be/Qcph3GB1JFs β‘οΈ Async Await in JavaScript in Hindi: https://youtu.be/hFLXE5-JCcs β‘οΈ Promises in JavaScript in Hindi: https://youtu.be/xGBhmi4wwMI β‘οΈ Callback Hell in JavaScript: https://youtu.be/fr67u98nckk β‘οΈ Advanced JavaScript in Hindi Playlist: https://www.youtube.com/playlist?list=PLwGdqUZWnOp0hSGwasCjbrWSPrEKqB_kz&disable_polymer=true β‘οΈ ECMAScript Tutorial in Hindi 2020: https://www.youtube.com/playlist?list=PLwGdqUZWnOp19VX-DM4oHtmWhDfWblFh- β‘οΈ 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 β‘οΈ Source Code Link: https://www.thapatechnical.com/2019/11/how-to-get-source-code.html β‘οΈ Top 5 Programming Languages in 2020: https://youtu.be/czroY5nAD0c β‘οΈ Ludo Game JavaScript Link: https://youtu.be/_tlncjn1JpU β‘οΈPlz show some love to My Siter Youtube Channel and Plz Subscribe Link: https://www.youtube.com/channel/UCEst8yZ12JEYsSVVXmtU7GQ ***************** MUST WATCH VIDEOS ****************** β‘οΈ How to become a Full Stack Developer 2020: https://youtu.be/etZ4jq_YjyM β‘οΈ How To Become a Web Developer 2020: https://youtu.be/Ur9LGVT-GXs β‘οΈ How JavaScript Works: https://youtu.be/VaBP6_pBOgM β‘οΈ Follow me on Instagram: https://www.instagram.com/vinodthapa55/ Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi β‘οΈ Link: https://youtu.be/cKR9gzco3Kc Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines. Don't Forget to Follow me on all Social Network, Website Link: https://www.thapatechnical.com Instagram Link: https://www.instagram.com/vinodthapa55 Facebook Link: https://www.facebook.com/vinodthapa55 Twitter Link: https://twitter.com/vb55thapa Facebook ThapaTechnical Page Link: https://www.facebook.com/vinodbahadurthapa/?ref=aymt_homepage_panel&eid=ARCTi5kdE1POliSOXnW51qZdo6NcpcSOqrioqut1KDac_CfgY5OCey-vcHlgRDgc_OK6eYNFCF_Rrfiq
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
