I’m excited to share my latest project: a Quiz Application built using HTML, CSS, and JavaScript. This project focuses on building an interactive user experience while managing application logic on the front end. Key features: Multiple-choice questions with randomized order Countdown timer for each question Immediate feedback on user answers Controlled navigation between questions Final score calculation and display Restart functionality Through this project, I strengthened my understanding of: DOM manipulation and dynamic rendering State management for quiz flow (questions, score, timer) Event handling and user interaction Writing cleaner, more maintainable JavaScript code This was a valuable step in improving how I approach building real-world front-end applications, especially in handling logic and user experience together. Next, I plan to enhance this project by integrating it with an API and making it more scalable. I’d appreciate your feedback. #JavaScript #FrontendDevelopment #WebDevelopment #SoftwareEngineering #LearningJourney

Today I attended a fantastic DOU Live webinar by Сергій Бабіч on the topic: “JavaScript (almost) not needed: how to build functional UI with just HTML & CSS” 🚀 It was eye-opening to see how modern HTML and CSS features let us significantly reduce (or even eliminate) JavaScript and third-party libraries, resulting in simpler, cleaner, more performant code. We covered pure no-JS implementations of: - toggling a list between list and grid layouts with responsive design changes - a simple modal dialog - custom tooltips, tabs, and select-like components All without a single line of JavaScript! What impressed me the most was watching an experienced developer’s approach to project structure and mastering the cascade. Several techniques were either new to me or ones I’d only heard about: - @container queries - @layer for better cascade control - @starting-style - native <dialog> element - the powerful :has() pseudo-class - and a few more gems! I’m already planning to apply several of these ideas to my current landing page project - both to solidify the knowledge hands-on and to make the code cleaner and more maintainable. Who else is experimenting with “CSS-only” interactivity in 2026? What are your favorite modern CSS tricks that replace JS? 😄 Huge thanks to Сергій Бабіч for the inspiring session! #Frontend #CSS #HTML #NoJavaScript #WebDevelopment #LearningInPublic

I built a Vocabulary Learning Website and implemented several useful features using simple web technologies. Tech Used: HTML5 • Tailwind CSS • DaisyUI • Vanilla JavaScript • SpeechSynthesis What I implemented today: • Lesson-wise vocabulary system (click a lesson → see related words) • Dynamic vocabulary display using JavaScript • Modal popup to show detailed information of each word • Search functionality to quickly find a word • Voice pronunciation using SpeechSynthesis • Loading spinner while data is fetching • Fallback UI when no vocabulary is available in a lesson • Smart handling for missing/null data Everything was built using Vanilla JavaScript, focusing on DOM manipulation and user experience. Small project, but a big learning step for me. Always trying to improve my problem solving and JavaScript skills. #VanillaJavaScript #FrontendDevelopment #WebDevelopment #TailwindCSS #SpeechSynthesis #DaisyUi

🚀 Project Update: Textarea Character Counter I recently built a Textarea Character Counter using HTML, CSS, and JavaScript as part of my front-end development practice. This project helped me understand how to work with JavaScript events and DOM manipulation to create interactive web features. Live demo:https://lnkd.in/g9V42Hhj 🔹 Key Features ✅ Live character counter inside the textarea ✅ Maximum character limit ✅ Red border indication when the limit is reached ✅ Copy button to copy the entered text ✅ Message displayed after copying text 💡 What I learned • Handling user input using JavaScript • Using event listeners for real-time updates • Implementing character limits in forms • Improving UI feedback for better user experience Small projects like this help me improve my front-end development skills and gain practical experience. More projects coming soon as I continue my learning journey in Web Development 💻 💻 Technologies Used: HTML | CSS | JavaScript #WebDevelopment #FrontendDevelopment #JavaScript #HTML #CSS #LearningJourney #CodingPractice

Everyone on the internet claiming credit: HTML: “I built the whole website.” 😎 CSS: “Relax… I made it look beautiful.” 💅 React: “Guys… calm down. I made the UI interactive and reusable.” ⚛️ Backend: “None of this works without my APIs.” 🧠 Database: “I store everything. I’m the real MVP.” 🗄️ Meanwhile JavaScript in the corner: “Guys… I’m literally making all of you work.” ☕👨💻 • Button clicks? JavaScript • Form validation? JavaScript • Dynamic UI updates? JavaScript • React components rendering? JavaScript • Real-time notifications? JavaScript • API calls? JavaScript Without JavaScript the website would just be… A very beautiful PDF. 😂 Love it or hate it, one thing is clear: JavaScript is quietly running the internet. #javascript #reactjs #webdevelopment #frontend #programming #develop

Most front end tutorials on the internet are teaching a version of the web that no longer exists. 👀 If you’re still fighting z-index battles, writing custom deep-clone utilities, or importing heavy libraries for something as simple as an accordion… you might be working harder than necessary. The modern web platform has evolved a lot. Today we have native browser features replacing many things we used to depend on tools like Lodash, Popper.js, or complex SCSS setups. So we put together a 3-part cheatsheet covering the modern stack: 1. JavaScript: Data structures, async control flow, and cleaner object handling. 2. CSS: Modern layout systems, native theming, and smarter responsive logic. 3. HTML: Built-in interactivity, performance features, and better semantic forms. If you're preparing for front end interviews, check out GFE for real-world practice questions and solutions. 🚀 https://lnkd.in/de4ZFkz9 #webdevelopment #frontend #javascript #css #html #greatfrontend #frontenddeveloper

🚀 Just Built My Date Calculator using WebDevelopment! 📅✨ I’m excited to share a small project I recently built while learning JavaScript. This project helped me understand how JavaScript works with dates, DOM manipulation, and user input. 🔹 Project: Date Calculator 🔹 Built With: HTML, CSS, JavaScript ✨ What this project does: 📆 Lets users select a Start Date and End Date 🧮 Calculates the difference in Years, Months, and Days ⚡ Shows the result instantly on the screen ⌨️ Includes keyboard functionality for smoother input 📱 Responsive and works across different screen sizes This project helped me practice: 💡 JavaScript Date objects 💡 DOM manipulation 💡 Event handling 💡 Responsive UI design 🔗 Project Link: https://lnkd.in/g9yAtFT3 I’m continuously learning and improving my JavaScript skills by building small projects like this. If you have any feedback or suggestions, I’d love to hear them! 😊 #JavaScript #WebDevelopment #FrontendDevelopment #Coding #LearningByBuilding #100DaysOfCode #HTML #CSS

🌟 Star Rating Component – Live! Just built a dynamic star rating using HTML, CSS & JavaScript! ✨ It’s interactive, sleek, and ready to add some sparkle to any web project. Try it out here: https://lnkd.in/guZ-EXyg Loving these small projects that make coding both fun and practical! 💻 #FrontendDevelopment #JavaScript #HTML #CSS #UI #WebDev #MiniProjects #CodingJourney #LearningByDoing

Just built a Quiz Game using HTML, CSS, and JavaScript! This project helped me strengthen my understanding of core front-end development concepts, especially how JavaScript interacts with the DOM to create dynamic user experiences. What I learned: • Manipulating the DOM to update content dynamically • Handling user interactions with event listeners • Managing application state (score, current question, progress) • Structuring clean and reusable code • Debugging real issues (which taught me a lot ) 🛠️ Tools & Technologies: • HTML • CSS • JavaScript The app includes: ✅ Interactive questions ✅ Real-time score tracking ✅ Progress bar ✅ Final results screen with feedback This project reminded me that small bugs can break everything — but solving them is where real learning happens. Looking forward to building more projects and improving my skills. #WebDevelopment #JavaScript #FrontendDevelopment #CodingJourney #100DaysOfCode

🚀 Just Built a Wikipedia Viewer! Excited to share one of my recent projects — a Wikipedia Viewer built using HTML, CSS, and JavaScript. 🌐 This project allows users to search for any topic and instantly view short summaries and information from Wikipedia. It was a great hands-on experience working with APIs and dynamic content rendering. 🔗 Live Demo: https://lnkd.in/g2BmRNWg 💻 GitHub Repository: https://lnkd.in/gFF3aGm3 💡 Key things I learned while building this project: • Fetching data from APIs using JavaScript fetch & async/await • Dynamically rendering results with DOM manipulation • Designing responsive UI using HTML & CSS • Handling user search input and displaying results Projects like this help strengthen core JavaScript and frontend development skills, especially when working with external APIs that return structured data. Many Wikipedia-based tools work by fetching article summaries or previews dynamically from Wikipedia services. (npm.io) I’m continuing to build more projects to sharpen my web development and problem-solving skills. 🚀 #WebDevelopment #JavaScript #HTML #CSS #APIs #BuildInPublic #LearningInPublic