100 Days of JavaScript Build 100 JavaScript Project from scratch
Sharpen your JavaScript skills by building Amazing projects over the next 100 Days with HTML, CSS and JavaScript.
JavaScript ES6,HTML & CSS,HTML,CSS
Lectures -383
Resources -99
Duration -46.5 hours
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
Greetings and welcome to 100 Days Of JavaScript, an interactive JavaScript course centered around practical projects. While grasping the core concepts of JavaScript is essential, translating that knowledge into functional web applications can pose challenges, particularly for those new to programming.
This course is meticulously designed to support newcomers and intermediate JavaScript developers enhance their understanding and confidence through hands-on project development. We aim to empower you to construct remarkable projects using JavaScript.
Each project within this course is comprehensively elucidated, ensuring a thorough understanding of the concepts and techniques involved. Many of these projects mirror the components commonly found in contemporary websites and web applications.
Here is a list of projects we build in the course
List of the Projects
- News Article Pop-up.
- CSS Changer Application.
- Counter Application.
- Live Character Count.
- Random Number Generator.
- Write a Message Project.
- Code Editor Project.
- Day of the Week Project.
- Stopwatch Application.
- Weight Converter Application.
- FORM Validation Project.
- Color Changer Application.
- Accordion Project.
- Telephone Formatter Project.
- Cursor Animation Project.
- Background Animation.
- Jumping Letters.
- Bell Notification.
- Scrollbar Indicator.
- Captcha Generator.
- JavaScript Tabs.
- Simple Password Application.
- Illumination Projects.
- Scratch Effect Project.
- Disco Light Effect Project.
- Search Box Project Preview.
- GitHub Contribution Project.
- Rotating Animation Project.
- Currency Stack Project.
- Scrolling Images Project.
- Key Codes Project.
- Drops Animation Project.
- Name Tag Sticker Project.
- Coin Flip Application.
- Smoke Effect Project.
- Timeline Project.
- Drag and Drop Application.
- Temperature Converter Project.
- Click on Visible Application.
- Copy to Clipboard Application.
- Slider to Change Background Color.
- Bubbles Particle Application.
- Testimonial Application.
- Icon hover Project.
- Navbar Project.
- Speech To Text.
- Piano Application.
- Text to Voice Application.
- Robot Joke Generator Application.
- HSL Color Generator Project.
- Modal Application.
- Digital Clock Application.
- Color Flipper.
- Percentage Calculator.
- Calculator Project.
- Read-More-Less Project.
- Start Rating Project.
- Animated Counter.
- HEX to Binary Converter Application.
- Quik URL Application.
- Typing Text Effect Project.
- Image Compression Slider Application.
- Search Functionality Project.
- Words Counter Application.
- Dynamic Color Changer Application.
- Awesome Cursor Project.
- Image Carousel Application.
- Browse File To Upload the Project.
- Animated Vowel Counter Project.
- Poll System Application.
- Random Password Application.
- Cash Calculator Application.
- Random HEX Color Generator Application.
- Note Taking Application.
- Dictionary Application.
- Text Animation Project.
- Mouse Wheel Zoom-In-Out Application.
- Paragraph Generator Project.
- Loan Calculator Application.
- Advanced Tip Calculator Application.
- Cool Digital Clock Application
- Expense Tracker Application.
- Finance Deposit Calculator.
- Simple To-Do List Project.
- Body Mass Index Calculator Project.
- Date and Time Widget Project.
- Age Calculator Application.
- Love Calculator Application.
- Palindrome Checker Application.
- RGB Color Generator Application.
- Get Unicode Character Value.
- Very Simple Piano Board Application.
- Hexadecimal Color Generator Application.
- Popover Application.
- Very Simple Tip-Calculator Application.
- ASCII and Unicode Character Detector.
- A Vowel Card Counter Project.
- Very Basic Background Color Changer Application.
- Password Strength Checker Project.
- Advanced To-Do List Application Project.
Goals
1. Master essential JavaScript concepts through practical application in diverse projects.
2. Develop proficiency in building functional web applications spanning various domains and functionalities.
3. Gain confidence in their JavaScript skills by creating a comprehensive portfolio of projects that mirror real-world scenarios.
4. Acquire problem-solving abilities and critical thinking skills through tackling project challenges and implementing creative solutions.
5. Be well-equipped to pursue further learning or embark on professional endeavors in web development, armed with a robust understanding of JavaScript fundamentals and practical experience in project development.
Prerequisites
1. Basic understanding of HTML and CSS.
2. Familiarity with programming concepts and logic.
3. Access to a computer with a code editor and a modern web browser.
4. Willingness to learn and experiment with JavaScript code.
5. Internet access for accessing course materials and resources.
![100 Days of JavaScript Build 100 JavaScript Project from scratch 100 Days of JavaScript Build 100 JavaScript Project from scratch](https://d3mxt5v3yxgcsr.cloudfront.net/courses/18204/course_18204_image.png)
Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction module of the Course
2 Lectures
-
Introduction and Demo of the Projects 07:09 07:09
-
Download the Required Software's for the Course 06:57 06:57
News Article Pop-up:
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
CSS Changer Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Counter Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Live Character Count Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Random Number Generator Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Write A Message Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Code Editor Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Day of the Week Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Stopwatch Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Weight Converter Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
FORM Validation Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Color Changer Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Accordion Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Telephone Formatter Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Cursor Animation Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Background Animation
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Jumping Letters
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Bell Notification
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Scrollbar Indicator
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Captcha Generator
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
JavaScript Tabs
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Simple Password Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Illumination Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Scratch Effect Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Disco Light Effect Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Search Box Project Preview
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
GitHub Contribution Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Rotating Animation Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Currency Stack Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Scrolling Images Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Key Codes Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Drops Animation Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Name Tag Sticker Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Coin Flip Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Smoke Effect Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Timeline Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Drag and Drop Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Temperature Converter Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Click to Visible Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Copy to Clipboard Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Slider to Change Background Color
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Bubbles Particle Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Testimonial Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Icon Hover Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Navbar Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Speech to Text
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Piano Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Text to Voice Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Robot Joke Generator Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
HSL Color Generator Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Modal Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Digital Clock Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Color Flipper
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Percentage Calculator
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Calculator Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Read More Less Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Star Rating Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Animated Counter
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
HEX to Binary Converter Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Quick URL Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Typing Text Effect Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Image Compression Slider Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Search Functionality Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Words Counter Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Dynamic Color Changer Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Awesome Cursor Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Image Carousel Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Browse File to Upload Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Vowel Counter Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Poll System Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Random Password Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Cash Calculator Application
5 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Random HEX Color Generator Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Note Taking Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Dictionary Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Text Animation Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Mouse Wheel Zoom-In-Out Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Paragraph Generator Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Loan Calculator Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Advance Tip Calculator Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Cool Digital Clock Application
3 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Expense Tracker Application
3 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Finance Deposit Calculator
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Simple To-Do List Project
3 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Body Mass Index Calculator Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Date and Time Widget Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Age Calculator Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Love Calculator Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Palindrome Checker Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
RGB Color Generator Application
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Get Unicode Character Value
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Very Simple Piano Board Application
2 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Hexadecimal Color Generator
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Popover Application
3 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Very Simple Tip-Calculator Application
3 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
ASCII and Unicode Character Detector
3 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Vowel Counter Card Application
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Very Basic Background Color Changer Application
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Password Strength Checker Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Advanced To-Do List Application Project
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Instructor Details
![Vijay Kumar](https://www.tutorialspoint.com/assets/profiles/766102/profile/200_2999962-1700916713.png)
Vijay Kumar
Mr. Vijay Kumar is a highly skilled Android and Web Developer with over 7 years of experience in the ever-evolving world of technology. With a strong passion for coding and a deep understanding of programming languages, he has successfully delivered numerous projects, showcasing his expertise in building robust and user-friendly applications.
Throughout his career, Mr. Kumar has honed his skills in Java, Kotlin, HTML, CSS, JavaScript, and other cutting-edge technologies. His proficiency in developing innovative solutions and his meticulous attention to detail have earned him a reputation for delivering high-quality work within deadlines.
Driven by a continuous desire to stay ahead of the curve, Mr. Kumar consistently keeps himself updated with the latest industry trends and best practices. His ability to adapt to new technologies seamlessly and his commitment to delivering exceptional results make him a sought-after developer in the field.
Whether it's crafting intuitive user interfaces, optimizing app performance, or solving complex coding challenges, Mr. Vijay Kumar brings his expertise and passion to every project he undertakes. With a strong track record of success and a deep understanding of the coding landscape, he is a valuable asset to any development team.
Course Certificate
Use your certificate to make a career change or to advance in your current career.
![sample Tutorialspoint certificate](/market/public/assets/newDesign/img/primePacks/V-certificate.png)
Our students work
with the Best
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfc bank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfcbank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now![Annual Membership Annual Membership](/market/public/assets/newDesign/img/membership-large-small.jpg)
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now![Online Certifications Online Certifications](/market/public/assets/newDesign/img/traning-for-a-team.png)