JavaScript 10 Projects in 10 Days Course for Beginners

Build the hello name application by creating a container, h1, and span, plus a button that prompts for a name and updates the span with JavaScript.

Learn to style a hello name application with css: center content using flex, reset margins, apply fonts, colors, and button effects, including hover transitions and a future javascript prompt integration.

Build a simple hello name app in JavaScript by binding a button and a span in script.js, using query selector and getElementById, and updating the span with the prompted name.

Build a light bulb on/off app in this module, with a green button and yellow bulb when on, and a gray bulb when off, using the fontawesome cloudflare library.

Build the light bulb on/off HTML project by linking index.html with styles.css and script.js, and adding the cloudflare font awesome icons for bulb and power switch.

Style the generate random password app with css, reset browser defaults, apply box-sizing, create a gradient background, and center the content with flex while styling the input and button.

Preview a JavaScript email validation project with a fade-in card, showing an error for invalid emails and a green tick for valid ones, while learning dynamic CSS and HTML basics.

Build the HTML scaffold for an email validation project, including a container, labeled email input, icon placeholder, and an error message, with Font Awesome integration and on input checker function.

Configure CSS for the email validation project by resetting styles, centering a gradient card, and styling labels, inputs, icons, and a hidden error message for JavaScript validation.

Build a real-time email validation UI in JavaScript by wiring an email input, error message, and icon to a validate email function with DOM updates for valid and invalid emails.

Build a JavaScript prime number checker, connect input and check button to reveal prime status, show green for primes and red for not a prime number.

Apply a universal reset and border-box sizing, then build a centered card UI with a styled input and blue button for the prime number checker, setting up JavaScript logic next.

Implement a prime number checker in JavaScript by wiring DOM elements, parsing input with parseInt, and updating a result message using an isPrime function.

Preview the hide and show password app and learn to implement the feature in a simple form using a toggle icon to switch a password input between hidden and visible.

Implement the HTML for a hide and show password feature by using a password input with a Font Awesome eye icon and integrating the CDN.

Learn to reset browser defaults with a universal selector, style a centered password input via the input-box class, and use a pink font awesome eye icon to toggle visibility.

Create the HTML framework for the counter application by adding a container with an h1 heading, a value span, and three buttons (decrease, reset, increase) using the btn class.

Style a counter app with css essentials, including reset, centered container, animated entry, and button styling. Next lecture adds JavaScript to update the value.

Build a JavaScript counter app by wiring script.js to a count variable and updating the display via DOM elements and button events, coloring green, red, blue on reset.

Build the palindrome checker HTML interface by linking style.css and script.js, and add a container with a heading, text input, a check button, and a result div.

Master CSS styling for the palindrome checker app: create a centered container, set background and fonts, style inputs and buttons, and craft a fade-in animation for the results.

Create a palindrome checker in javascript by binding the input and button, using an isPalindrome function to normalize and reverse the text, then update the result with a fade-in.