
Create a newsletter pop-up by implementing the ToggleNewsletter function in script.js, using document.getElementById('newsletter') and classList.toggle('active') to show and hide the popup.
Build a css changer app by linking style.css and script.js to index.html, run via go live server, and control color, width, border radius, padding, and blur on image with sliders.
Configure the CSS part of the project by editing style.css, resetting browser defaults, defining variables, building a centered layout, and styling color inputs and range sliders with gradients and shadows.
Build a css changer app with JavaScript by selecting inputs, listening for changes, and updating CSS variables on the root to adjust width, border radius, padding, and blur.
Create a counter web application by structuring HTML with a container, card, heading, counter display, and a button group for decrease and increase, starting from zero.
Style the counter web app with a gradient, centered card, and rounded counter display, and apply button styles with positive and negative color cues for later JavaScript logic.
Implement a JavaScript counter web app using an IIFE in script.js, select buttons with querySelectorAll, and update the counter displayed in a counter machine element with dynamic border color feedback.
Build a live character count app in html and javascript, counting spaces as you type. Implement layout, textarea sizing, and a functional length calculation in the update flow.
Learn to style a live character count app with css, linking style.css and script.js in index.html, centering content and styling the container, text area, placeholder, and a blue counter.
Build a live character count feature in JavaScript by updating a counter element as you type in a text area using a function, querySelector, and innerText.
Learn to build a JavaScript random number generator by linking script.js to index.html, creating a generate random number function using Math.random and Math.floor, and updating the result.
Create a code editor HTML project by establishing index.html, slide.css, and script.js, wiring font awesome icons, and implementing left panes for HTML, CSS, and JavaScript with a right output pane.
We'll style a code editor project UI in CSS: reset defaults, apply a gradient background, build a two-pane container, and style text areas and an iframe.
Build a JavaScript code editor project that links script.js to index.html, captures HTML, CSS, and JS inputs, and live-updates an iframe output using contentDocument and eval.
Build the day-of-week HTML project by creating a hidden container, an h1 for today's message, and spans with IDs to display weekday and quote updated by JavaScript.
Reset browser defaults, center content with flex, and style h1, weekday, and quote in the day of the week project using specified colors, font family, and sizes.
Create a day of the week project in JavaScript using the date object, switch-case, and DOM updates to display the weekday and a quote.
Build HTML for a stopwatch by linking style.css and script.js to index.html, create a container with a stopwatch heading, seconds and milliseconds spans, and start, stop, reset buttons.
Welcome to 100 Days of JavaScript, a practical and project-based course designed to help you learn JavaScript in an easy and effective way.
Learning JavaScript concepts is important, but many learners struggle when it comes to using those concepts to build real projects. This course focuses on helping you bridge that gap by learning through hands-on practice. It is perfect for beginners as well as those who already know some JavaScript and want to improve their skills.
In this course, you will build many real-world projects step by step. Each project is explained clearly, so you understand how the code works and why it is used. You will learn how to apply JavaScript concepts to create interactive and useful web features.
By the end of this course, you will feel confident writing JavaScript code and building projects similar to those used in modern websites and web applications.
Below is the list of projects included in this course
1. News Article Pop-up.
2. CSS Changer Application.
3. Counter Application.
4. Live Character Count.
5. Random Number Generator.
6. Write a Message Project.
7. Code Editor Project.
8. Day of the Week Project.
9. Stopwatch Application.
10. Weight Converter Application.
11. FORM Validation Project.
12. Color Changer Application.
13. Accordion Project.
14. Telephone Formatter Project.
15. Cursor Animation Project.
16. Background Animation.
17. Jumping Letters.
18. Bell Notification.
19. Scrollbar Indicator.
20. Captcha Generator.
21. JavaScript Tabs.
22. Simple Password Application.
23. Illumination Projects.
24. Scratch Effect Project.
25. Disco Light Effect Project.
26. Search Box Project Preview.
27. GitHub Contribution Project.
28. Rotating Animation Project.
29. Currency Stack Project.
30. Scrolling Images Project.
31. Key Codes Project.
32. Drops Animation Project.
33. Name Tag Sticker Project.
34. Coin Flip Application.
35. Smoke Effect Project.
36. Timeline Project.
37. Drag and Drop Application.
38. Temperature Converter Project.
39. Click on Visible Application.
40. Copy to Clipboard Application.
41. Slider to Change Background Color.
42. Bubbles Particle Application.
43. Testimonial Application.
44. Icon hover Project.
45. Navbar Project.
46. Speech To Text.
47. Piano Application.
48. Text to Voice Application.
49. Robot Joke Generator Application.
50. HSL Color Generator Project.
51. Modal Application.
52. Digital Clock Application.
53. Color Flipper.
54. Percentage Calculator.
55. Calculator Project.
56. Read-More-Less Project.
57. Start Rating Project.
58. Animated Counter.
59. HEX to Binary Converter Application.
60. Quik URL Application.
61. Typing Text Effect Project.
62. Image Compression Slider Application.
63. Search Functionality Project.
64. Words Counter Application.
65. Dynamic Color Changer Application.
66. Awesome Cursor Project.
67. Image Carousel Application.
68. Browse File To Upload the Project.
69. Animated Vowel Counter Project.
70. Poll System Application.
71. Random Password Application.
72. Cash Calculator Application.
73. Random HEX Color Generator Application.
74. Note Taking Application.
75. Dictionary Application.
76. Text Animation Project.
77. Mouse Wheel Zoom-In-Out Application.
78. Paragraph Generator Project.
79. Loan Calculator Application.
80. Advanced Tip Calculator Application.
81. Cool Digital Clock Application
82. Expense Tracker Application.
83. Finance Deposit Calculator.
84. Simple To-Do List Project.
85. Body Mass Index Calculator Project.
86. Date and Time Widget Project.
87. Age Calculator Application.
88. Love Calculator Application.
89. Palindrome Checker Application.
90. RGB Color Generator Application.
91. Get Unicode Character Value.
92. Very Simple Piano Board Application.
93. Hexadecimal Color Generator Application.
94. Popover Application.
95. Very Simple Tip-Calculator Application.
96. ASCII and Unicode Character Detector.
97. A Vowel Card Counter Project.
98. Very Basic Background Color Changer Application.
99. Password Strength Checker Project.
100. Advanced To-Do List Application Project.
Unlock Your Full Potential
By the end of "Javascript Programming Course Build 100 Projects in 100 Days" you'll have honed your skills in web development, gained confidence in HTML, CSS, and JavaScript, and acquired a remarkable portfolio of interactive web projects. Whether you're a beginner or looking to enhance your web development capabilities, this course is your gateway to an exciting and rewarding journey in the world of web development.
Enroll now and unlock your full potential in creating high quality web applications!