Summary
Keywords
Full Transcript
Welcome, to the Complete Web Development Course Project in Hindi in one video using HTML CSS JAVASCRIPT BOOTSTRAP 4, REAL-TIME API, NODE JS, EXPRESS JS, and many more advanced topics in just one video to understand and create a complete dynamic responsive website. We will create a complete responsive dynamic weather website to understand how everything works together in web development in Hindi. I really hope you all gonna learn many new topics, tips, and tricks, and main how to create a real professional website. π Weather API Link: https://openweathermap.org/api π Check my Instagram to Contact Me: https://www.instagram.com/vinodthapa55 β Reference link for Nodemon: https://youtu.be/nyehoZwugeY β NodeJS Tutorial in Hindi 2020: https://www.youtube.com/playlist?list=PLwGdqUZWnOp00IbeN0OtL9dmnasipZ9x8 β Express JS Tutorial In Hindi in 2020: https://www.youtube.com/playlist?list=PLwGdqUZWnOp3Vqww2cL5KbDkShj4NMRzk β‘οΈ Source Code Link: https://www.thapatechnical.com/2019/11/how-to-get-source-code.html ----------- Timeline -------------------- 00:00 Introduction 00:29 Preview of the website 06:05 Folder structure 08:38 installing npm & express js 10:59 express js code 14:47 installing nodemon 17:10 routing 19:06 Creating new folders 21:41 creating static page 24:23 calling static page into express js 28:58 installing bootstrap 30:00 Adding navbar 36:38 Header section 41:18 Adding footer 42:56 Styling home page 1:03:24 Styling about page 1:08:09 Using express js view engine 1:15:34 Using partials 1:25:03 Creating 404 error page 1:30:23 Creating weather page 2:14:13 Conclusion 2:15:03 Outro ************* Must Watch Videos For Web Development ************* ππ 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 β‘οΈ 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
