01
Countify
Counter developed using
Vanilla JavaScript. We explore the utilization of the addEventListener method to respond to events, specifically the click event.
Projects
02
Slider v.001
Slider developed using Vanilla JavaScript. In this project we learn how to import data from an external file and how we can insert this data into the DOM using the textContent property.
03
Password Generator
Developed using Vanilla JavaScript. In this project we learn how to use the Math.random() method to generate random numbers and how to deal with input values like range and checkbox.
04
Gradient Generator
Developed using Vanilla JavaScript. In this project we learn how to use the linear-gradient property to create a gradient background and how to use the input event to update the gradient background in real time.
05
To-Do App
To-Do App developed using Vanilla JavaScript. In this project we learn how to use the localStorage method to store and retrieve data from the browser. We also learn how to use matches, closest and contains methods to respond to events.
06
Countdown Timer
Countdown Timer developed using Vanilla JavaScript. In this project we learn how to get the current date and time using the Date() object and how to use the setInterval and setTimeout method to update the DOM every second.
07
Cookie Policy
Developed using Vanilla JavaScript. In this project we learn how to use the document.cookie property to store and retrieve data from the browser. We also continue to explore the localStorage method.
08
Words Counter Pro
This Word Counter is a comprehensive implementation using only Vanilla JavaScript. We explore updating various properties of multiple DOM elements simultaneously whenever the user inputs text into the textarea.
09
BMI Calculator
Developed using Vanilla JavaScript. In this project we learn how to use the parseInt and parseFloat methods to convert strings to numbers and how to use the toFixed method to round numbers to a specific number of decimal places.
10
Stopwatch
This JavaScript code creates a countdown timer with start, stop, and reset buttons using vanilla JavaScript. The updateTimer() function updates the display every second via setInterval(). User interactions trigger start(), stop(), and reset() functions to control the timer.
About
Welcome to The Projects – your go-to destination for mastering the art of web development through hands-on practice with Vanilla JavaScript! Our mission is to empower aspiring developers and enthusiasts to master their skills in manipulating the Document Object Model (DOM) and building dynamic web applications from scratch
At The Projects, we understand the importance of practical experience in the learning journey. That's why we have curated a collection of engaging projects focused on leveraging the power of Vanilla JavaScript to create diverse and exciting web applications. Whether you're a beginner eager to grasp the fundamentals or an experienced developer looking to refine your skills, our projects offers a welcoming space for all skill levels.
What sets us apart is our commitment to delivering fresh content every week. Each project we showcase comes with its complete source code available on GitHub. We encourage you to explore, dissect, and understand the intricacies of the codebase. This open-access approach allows you to not only see the final result but also understand the process and decision-making behind each line of code.
These projects are designed to guide you step-by-step through the process of building real-world applications, providing you with valuable insights and hands-on experience that you can apply to your own projects.
Are you ready to embark on an exciting journey of web development? Join us at The Projects and unlock the potential of Vanilla JavaScript. Start building impactful and dynamic web applications today!
