Totally lost with frontend development: where do i even begin?

hey everyone,

i'm a complete newbie trying to build my first ever website/app. super excited but also a bit overwhelmed, ya know? it's been a fun journey so far learning the basics but i've hit a pretty big road block.

i'm getting totally lost with frontend development. there's just so many languages, frameworks, libraries... i don't know what to learn first or what's actually neccessary. every time i think i'm making progress, i hear about something new and feel like i'm back to square one.

here's what i've tried (and honestly, just got more confused):

• watched some HTML/CSS tutorials, felt okay. i can make some static pages, nothing fancy.
• then jumped into a JavaScript course, that was a lot. i can do basic DOM manipulation and understand variables, loops, etc., but applying it to a real project feels like a different ballgame.
• heard about React, tried a basic 'hello world' but it felt like i was missing a ton of foundational stuff. the component structure and build tools were just baffling.
• also saw Vue and Angular mentioned everywhere, now i just feel like i'm drowning in options and don't know which direction to take.

my brain is kinda fried trying to figure out a logical path. for someone completely new to this, i have a few specific questions:

• what's a good, structured learning path for frontend development? like, a proper roadmap from absolute beginner to being able to build a basic interactive app.
• are there specific frameworks or tools that are more beginner-friendly than others to start with? maybe something less intimidating than React for a first go?
• how do all these pieces (HTML, CSS, JS, frameworks, build tools) fit together in a real project? i struggle to see the big picture.
• what should i focus on mastering before moving to the next thing? like, should i be a JS wizard before touching any framework?

really hoping someone can point me in the right direction. waiting for an expert reply!