Menon

Web Development Full Course | Module 6 - Full Stack Project | Notes App | JavaScript | @SCALER

Web Development Complete Course | Full Stack Development | HTML | CSS | JavaScript | MongoDB | Node JS | AWS | Projects | SCALER

Are you looking to learn Web Development from scratch? SCALER brings you the All-in-One Web Development Full Course where everything from basics of web dev to frontend, and backend with projects is covered. This is the Module 6- Notes App Full Stack Project. Check out free masterclasses by industry-leading experts: https://www.scaler.com/events?utm_source=Youtube&utm_medium=osocial&utm_campaign=brand_scaler_events_osocial_youtube_web-development-crash-course-notes-app-module-6-with-shivay-lamba&utm_content=YTDescription In this tutorial, Shivay Lamba will be giving you a hands-on example with Notes App Full Stack Project. Check out full playlist on web development with Shivay Lamba- https://youtube.com/playlist?list=PLLhBy6YSIT0D945gPpjSBKJkpJ19vm2RR What is web development? Web development refers to the process of creating and maintaining websites and web applications. It involves various aspects, including web design, front-end development, back-end development, server-side scripting, and database management. Web developers use programming languages, such as HTML, CSS, JavaScript, PHP, and others, to build and deploy websites that are functional, user-friendly, and accessible on different devices and platforms. What is Backend Development? Backend development involves server-side programming and database management that powers a website. Backend developers work behind the scenes to ensure data is processed, stored, and retrieved efficiently, supporting the functionality of the website’s front end. Who is a Web Developer? A web developer is a skilled professional who builds and maintains websites. They use programming languages and tools to create functional and visually appealing websites that meet client requirements. What is Full Stack Web Development? Full-stack web development refers to the practice of working with both the frontend and backend components of a website. Full-stack developers have the skills to handle server-side programming, database management, and front-end development, making them versatile in building complete web applications. What is Javascript? JavaScript is a versatile programming language primarily used for developing web applications. It enables interactivity on web pages, allows manipulation of HTML elements, handles events, and supports a wide range of functionalities, making it a crucial component of modern web development. Take the Hunger Test here: https://bit.ly/3X0wsEy Timestamps: 00:00 - Introduction 01:47 - Creating Folders in VS Code 02:55 - Creating Frontend Server (User Interface) for Notes Application 04:00 - Defining heading in HTML 06:06 - Creating Navigation Bar in HTML 09:50 - Defining CSS for Navigation Bar 29:06 - Adding an element in HTML 29:43 - Defining CSS for an element 30:11 - Adding another element in HTML & defining CSS for that element 31:38 - Linking different HTML pages & defining CSS for those pages 41:28 - Creating CSS file & HTML page for Viewing Notes 55:22 - Creating CSS file & HTML page for Creating Notes 1:06:07 - Working with JS for Fetching Notes to display in Frontend 1:15:14 - Creating a Backend Server for the Notes application 1:17:56 - Creating & Saving in Mongo Database server 1:31:02 - Creating JS file in Frontend server for Saving notes 1:34:59 - Sending data from the Frontend server to Backend server 1:41:42 - Fetching data from the Backend server to Frontend server 1:45:19 - Final testing of the Notes Application #fullstack #scaler #webdevelopment #notesapp ______________________________________________________________________________ About SCALER: A transformative tech school, creating talent with impeccable skills. Upskill and Create Impact. Learn more about Scaler: https://bit.ly/3X0wsEy 📌 Follow us on Social and be a part of an amazing tech community📌 👉 Meet like-minded coder folks on Discord - https://discord.com/invite/ejFeksEtTq 👉 Tweets you cannot afford to miss out on - https://twitter.com/scaler_official 👉 Check out student success stories, expert opinions, and live classes on Linkedin - https://www.linkedin.com/school/scalerofficial 👉 Explore value-packed reels, carousels and get access to exclusive updates on Instagram - https://www.instagram.com/scaler_official/ 📢 Be a part of our one of a kind telegram community: https://t.me/Scalercommunity 🔔 Hit that bell icon to get notified of all our new videos 🔔 If you liked this video, please don't forget to like and comment. Never miss out on our exclusive videos to help boost your coding career! Subscribe to Scaler now! https://www.youtube.com/Scaler?sub_confirmation=1 #fullstack #webdevelopment #apple #scaler

About the course

Complete Web Development Course from scratch. This course covers from the very basic of web development, taking you through all the building blocks such as HTML, CSS, JavaScript and then covering both Front End and Back End development with Projects. Featuring Shivay Lamba, Developer Advocate at Scaler, and Raghav Dhingra, Software Engineer Intern at BlueStacks.