• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

JSBeginners

  • Home
  • About JSBeginners
  • 100+ JavaScript Projects List
  • Contact

JavaScript Color Change App

Last updated on November 18, 2020 By jsbeginners Leave a Comment

javascript color change app

The objective for this JavaScript color change app project is to change the color of the canvas when the user clicks on a button.

I feel like I’ve done about a hundred of these color change app variations by now.

Filed Under: Beginner JavaScript Projects Tagged With: arrays, eventListeners, Math.random(), parseInt()

JavaScript Image Slider

Last updated on November 18, 2020 By jsbeginners Leave a Comment

javascript-image-slider

This JavaScript image slider project is pretty straight forward. Images are hard coded in an array and the objective is to use the slider to view each image.

Filed Under: Beginner JavaScript Projects Tagged With: Array.forEach(), JavaScript CSS Manipulation, JavaScript CSS Selectors

Notes from the MDN JavaScript Guide (Loops and Iteration)

Last updated on October 3, 2019 By jsbeginners Leave a Comment

Loops all essentially do the same thing: repeat an action some number of times. JavaScript has 8 statements provided for loops.

Filed Under: MDN JavaScript Documentation Notes Tagged With: JavaScript notes

JavaScript Day of the Week Project

Last updated on November 18, 2020 By jsbeginners Leave a Comment

javascript day of week project

This project uses JavaScript to create a small application that displays the day of the week along with a corresponding quote.

It uses the JavaScript Date object and a switch statement.

Filed Under: Beginner JavaScript Projects Tagged With: Date(), DOM Manipulation, switch statement

Contact Form using Local Storage Project!

Last updated on November 18, 2020 By jsbeginners Leave a Comment

contact form local storage

This project uses JavaScript to retrieve information from the text fields of a contact form and saves it into local storage.

A contact form using local storage isn’t something you’ll likely encounter, but it’s a good project to refresh your memory on localStorage.

Filed Under: Beginner JavaScript Projects Tagged With: DOM Manipulation, eventListeners, localStorage

Notes from the MDN JavaScript Guide (Control Flow and Error Handling)

Last updated on September 29, 2019 By jsbeginners Leave a Comment

Today’s notes cover JavaScript control flow and error handling.

I believe the most important take-aways are 1) Javascript’s uses “falsey” values and that in try…catch…finally statements, the finally statement executives in all cases, whether or not an exception is throw.

Filed Under: MDN JavaScript Documentation Notes

  • « Go to Previous Page
  • Go to page 1
  • Interim pages omitted …
  • Go to page 4
  • Go to page 5
  • Go to page 6
  • Go to page 7
  • Go to page 8
  • Interim pages omitted …
  • Go to page 13
  • Go to Next Page »

Primary Sidebar

100 JavaScript Projects in a comprehensive eBook

Links to source code and a Project Completion Checklist included for #100daysofcode!

 

Completed Projects

  • Beginner JavaScript Projects (48)
  • Intermediate JavaScript Projects (17)
  • JavaScript: Understanding the Weird Parts (6)
  • MDN JavaScript Documentation Notes (4)
  • Simple JavaScript Games (3)

Online Courses with Multiple JavaScript Projects!

Smigla's JavaScript Project Course (30+ Projects)

John Smigla's JavaScript Project Course

30+ JavaScript projects from basic to intermediate, covering everthing from basic DOM Manipulation to API and AJAX projects!

Bluelime's JavaScript Project Course (27 Projects)

BlueLime's JavaScript Project Course

27 basic to intermediate JavaScript projects. A good place to start for JavaScript projects that should take you about 30 minutes on average to complete.

Sveki's Monster JavaScript Project Course (50+ Projects)

Sveki's Monster JavaScript Project Course

50+ JavaScript projects from games to utility applications! This course will keep you busy working on JavaScript projects for weeks!

  • Privacy Policy
  • Cookie Policy
  • 100 Javascript Projects!

Copyright © 2022 ยท Made with Grit by JS Beginners.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Cookie settingsACCEPT
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are as essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
SAVE & ACCEPT