5 JavaScript Coding Projects from Scratch Course

Perfect to practice and learn more about JavaScript and DOM interactions create useful components and more

   Watch Promo

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

  • Change Content on the page with Intervals setInterval()
  • Select and manipulate DOM page elements with JavaScript querySelector() classList.add() append() remove()
  • Create interactive Page content - addEventListener()
  • Practice common JavaScript Fundamental coding - forEach() push() into arrays Array.length
  • DOM disable buttons - classList.add()
  • Create HTML elements and create interactive content dynamically

Project #4 JavaScript Dynamic List builder with Download and saving of list items to localstorage.

  • How to generate a text file with JavaScript from string content
  • DOM document createElement(), append(), querySelector() - elements innerHTML and textContent
  • Add user interaction DOM document createElement()
  • Element updates to style setAttribute() style.display()
  • Add and remove page elements appendChild() removeChild() methods
  • Check element classes classList.contains()
  • Set element focus focus()
  • createTextNode() and createElement()
  • Save items to local Storage localStorage.setItem() localStorage.getItem()
  • Convert object to string JSON.stringify() convert String to Object JSON.parse()
  • encodeURIComponent() to create text file dynamically and set download click of hyperlink

Project #5 JavaScript Dynamic TimeLine Component

  • DOM document createElement(), append(), querySelector() - elements innerHTML and textContent
  • Move elements using Styling
  • Interactive Content with event listeners
  • Generate Page content from JSON data object
  • JavaScript Methods querySelector() addEventListener() forEach() classList.add() classList.remove() parseInt() Number() createElement() append()
  • Generate Page content randomly from string characters
  • Move elements on the page using Transform X
  • Adding styling and JavaScript for dynamic and interactive content
  • ----- Source Code included - build your own version of the projects -----

Taught by an instructor with over 20 years of REAL WORLD experience ready to answer any questions you may have.

You have nothing to lose - build your own version of the projects HAVE FUN - Join NOW

Your Instructor

Laurence Svekis
Laurence Svekis

Providing Smart digital solutions online since 2001. I am considered a true web technology expert. Having professional experience in a wide range of digital areas. Everything from Search Marketing, Video Marketing, Content creation, User Experience, application architecture, and web programming.

Understanding how users flow through the web and learning what drives users to interact online has been the cornerstone of what I do. The more seamless the process the better the user experience and the more likely they are to interact again and share their experiences.

After launching my first websites I quickly realized that to get traffic on your site you need to be able to market online. Research and using personal experimentation as to what are the most successful ways to effectively drive traffic to my websites, I was able to successfully build multiple success eCommerce sites. I used my expertise to provide Search Engine Marketing Services SEO to 100's of clients.

In the advent of Social Media in 2006, I had identified it as an excellent opportunity to drive traffic and connect with users. I created many successful sites that integrated with Myspace and then later into Facebook. I was able to monitize the traffic on several platforms, driving in some cases 10K+ clicks daily to the various platforms. I continued to perfect the art of Internet marketing and adapt to new technology and changes.

In 2008 I created my first YouTube video, and channel. Realizing that there was another great opportunity with video I have been experimenting with video marketing and video monization. Youtube being the second largest search engine has a very bright future. As technology progresses the trend has always been quicker, easier means of delivering content always wins out. Images beat out text as they are easier and quicker for us to process, videos beat out images being the most efficient means of getting content to users. As bandwidth increases, and more platforms that can even easier deliver videos become available videos will be the trend for the future.

Understanding technology provides a means to better connect with users.

Applications I've created have entertained, informed and engaged tens of millions of people. I have over billions of page views on various platforms, and have sent millions of click through visitors.

I have developed hundreds of web applications, from micro sites to enterprise level platforms.

Course Curriculum

  Introduction to applying JavaScript to Create mini projects Course
Available in days
days after you enroll

Frequently Asked Questions

When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.

Get started now!