Skip to main content Accessibility Feedback

Classic Vanilla JS Project Bundle

Hands-on learning with real projects. You get starter templates, helpful tips and resources, and step-by-step tutorials.

Start learning now →

The Projects

  1. Fortune Teller. See into the future by building a fortune-teller app that provides answers to any question.
  2. Rock, Paper, Scissors. Play even when your friends aren’t around by making an interactive JavaScript game.
  3. Drum Machine. Make, record, and loop your own beats by building a drum machine app.
  4. Peg Art Game. Channel your inner artist and build a peg art game. Place colored pegs onto a game board to create beautiful pictures.

How it works

There are two ways you can approach this project:

  1. Try to build it on your own. I provide you with a template to get started, and some recommended articles and resources to help you along the way. When you’re done, check out my completed project to see how you did.
  2. Build it along with me. I’ll walk you through how I would approach this project, step-by-step. Follow along as I explain what I’m doing and why.

📱Read in DRM-free ebook in PDF, EPUB, MOBI, and HTML formats on any device.

Wanting to learn JavaScript from scratch, make the transition from jQuery or some other library? Already pretty competent and just want to get better?

Chris Ferdinandi has got your back and his learning platform is a *tremendously good value*.- Jonathan Schofield

Go from beginner to JavaScript expert

  • Learn modern best practices and code patterns.
  • Spend less time Googling and more time working on cool stuff.
  • Get the skills and confidence to really understand JavaScript.
  • Work on real projects and build your portfolio.

Your 100% Money-Back Guarantee 💰

Don’t put off learning vanilla JavaScript! If you’re not 100% satisfied with the project, let me know and I’ll give you a full refund.

Hi, I'm Chris Ferdinandi. 👋

Chris Ferdinandi

I help people learn front-end web development, and I believe there’s a simpler, more resilient way to make things for the web.

I’ve advised and written code for organizations like NASA, Apple, Harvard Business School, Chobani, and Adidas. My developer tips newsletter is read by over 14k developers each weekday.

I want to help you master web development, without all of the painful false starts and roadblocks I encountered when I was learning.

The Complete Bundle

Get everything you need to build cool projects.

  • The Project Guides (in DRM-free PDF, EPUB, MOBI, and HTML formats)
    • Fortune Teller
    • Rock, Paper, Scissors
    • Calculator
    • Peg Art
  • The Starter Templates
  • The Step-by-Step Tutorials
  • Tips & Resources

Buy Now for $149

[One of the] absolute webdev blogging MVP's of 2018- Chris Coyier
I thank you from the bottom of my heart. If it had not been for you, I would not be able to learn JavaScript.- Patricia Parker
God, you're amazing... I'm learning so much from you.- Mojtaba Seyedi, Front End Developer
Clarity. Brevity. Unpretentious explanation. Care for best practices. Obvious attentiveness. Available to help "unstuck" students. You actually rock, Chris.- Kabolobari Benakole

If you have any questions or comments, send me an email at