JavaScript Projects JS Dynamic interactive DOM elements

Practice and learn more about JavaScript as you create 5 amazing projects all with Vanilla JavaScript

Explore and sharpen your skills with Mini projects that you can extend upon to create some amazing functionality and interactions for web users.  Add them to your portfolio have fun while you learn.

Challenge yourself and design your own versions

Source code is included to get you started.

Perfect for Beginner and intermediate web developers that want to build fun and useful projects with HTML, CSS & JavaScript.

These are unique coding mini projects you won’t find anywhere else.

Sharpen your HTML, CSS & JavaScript skills with these projects.

Project #1 JavaScript Lorem ipsum generator

Adding EventListeners

DOMContentLoaded when page loads

String methods like toUpperCase()

Conditions and Loops (for loops and while)

JavaScript Math method – random()

DOM document createElement(), append(), querySelector()

Array methods sort()

Project #2 Pagination from JSON data multiple pages and content loading app

Adding EventListeners for interaction

DOMContentLoaded when page loads

Ternary operator

Fetch method

JSON data – as JavaScript Objects

DOM document createElement(), append(), querySelector() – elements innerHTML and textContent

DOM disable buttons – classList.add()

Create HTML elements and create interactive content dynamically

Project #3 JavaScript Carousel Images Slider Component