159. Creating a Fullstack Project: Structure and Data Capture (Frontend).
Let's get started with live coding of our weather service! In this lesson, we'll set up the workspace and create the front-end of our application. We'll split the project into two parts—Frontend and Backend—and learn how to retrieve what the user entered in the search field.
In this video:
Project Organization: Create frontend and backend folders and learn how to manage them correctly in VS Code.
Clean Layout: Quickly throw together HTML: a heading, an input field, and a button.
JavaScript Targeting: Use document.querySelector to find the desired elements on the page.
Value Capture: How to retrieve the city name entered by the user and validate it using an alert.
👇 COURSE RESOURCES:
🌐 My website (Frontend database): https://sites.google.com/view/devhots...
🎓 Full course on Udemy: https://www.udemy.com/course/backend-...
📢 Telegram (source code and chat): https://t.me/devhotspot
#fullstack #frontend #javascript #devhotspot #programmingtraining #html #weatherproject