A beginner-friendly journey from HTML → CSS → JavaScript → React.js
Hey there, welcome to Open-Source Learning Sessions — a project I started with one clear goal:
👉 make the first steps into web development easier for juniors and beginners.
When I first started, I struggled with scattered tutorials and confusing resources.
That’s why this repo is built as a step-by-step journey: starting from the absolute basics (HTML, CSS, JavaScript) and moving into React.js fundamentals.
Each section contains a lesson (explained in simple words) + examples you can run right away:
- 📄 HTML Basics → structure, forms, images, tables, sectioning, semantic html, SEO, Goodbye Practice lesson
- 🎨 CSS Basics → selectors, flexbox, grid, responsive layouts
- ⚡ JavaScript Basics → variables, loops, DOM, events
- ⚛️ React.js → components, props, state, event handling
Teaching others = learning better yourself ✨
As a mid-level developer, this project is both:
- 📝 a way for me to solidify my own knowledge
- 🤝 a way to give back to juniors who are just starting out
This repo isn’t just code — it’s meant to be a community-driven learning path.
- 🌱 Juniors taking their first step into web dev
- 🎓 Students who want structured, beginner-friendly examples
- 🌍 Anyone who enjoys learning in an open-source way
This is an open project, and I’d love to grow it together with you:
- 🔄 Fork it and practice at your own pace
- 🛠️ Add your own examples or improve mine
- 💬 Share suggestions, feedback, or positive thoughts through issues/PRs
💡 I’m still learning too — so if you spot mistakes or have better ideas, please let me know.
Your suggestions will not only help this project, but also help me become a better developer 🙌
⭐ If you find this helpful, don’t forget to star the repo and share it with others.
Learning is better when we do it together 💙