What to build after a JavaScript course?

So now and then I see codenewbies that took a course on a course platform and finish them with thought, okay and now what? 🤷‍♀️🤷‍♂️

To be honest I can relate with that feeling. You’re learning all those great concepts, but to apply them or even build something with it seems very hard.

To learn the craft of building an application you need to, hope you guessed it, build multiple applications.

What to do after a JavaScript course?

Web developers don’t need to follow only a course and know everything, no! We need to build applications to train our problem-solving skills.

Because to learn JavaScript, you have to practice a lot more JavaScript.

Build small applications or components

Challenge yourself to use pure JavaScript (vanilla JavaScript), no library nor a framework. Yes it will be a lot faster, but we are practicing your JavaScript skills here 😅

With the list of JavaScript challenges, you will train and developer your skills.

JavaScript challenges

With the list of JavaScript challenges, you will train and developer your skills.

But before that, if you have worked on a challenge, you will learn even more if you ask for feedback from other developers or me 😉 ( I would love to do that).

For someone to give feedback, make sure you have built something on Codepen.io (or other web editors) or have posted it on your Github. Also, describe to the person what you have built and why you build it.

In the challenges I’m not gonna tell you what JavaScript things you should use, I want to trigger your exploration and Google skills 👍

1. Like button

Design by: David Huynh —

Image for post
Image for post

Guidelines

  • Set to 0 after 10 likes
  • Change the number with a fade animation

With this challenge you will practice

  • DOM manipulation

2. Turn a <select> into a Custom dropdown element

Design by: Mate Stojić —

Image for post
Image for post

Guidelines

  • Open the choices by click
  • Make a show/hide animation effect
  • When the input is focussed add color to the border
  • Add styling via the ClassList API

With this challenge you will practice

  • Practice click events
  • DOM manipulation

3. Music player

Design by: Charles Patterson —

Image for post
Image for post

You know that Spotify runs in the browser right? Well, that is built with JavaScript. Let’s build a simple version of that.

Guidelines

With this challenge you will practice

  • Practice click events
  • DOM manipulation
  • JavaScript Audio API
  • Ajax requests

How to grow in your JavaScript skills?

Learning and practicing JavaScript is not that hard. Yes your gonna experience a lot of challenges and bugs, but those will make sure you learn and grow.

Don’t be afraid to fail! Just embrace it! Because without failure there is no growth!

If you like that quote? Order it in the , on a cool t-shirt for both man and women 😊

If you do need help, please send me a Tweet or DM on Twitter with how I can help you with a link where your code lives 👍

And if you have finished 1 of the challenges? Please share them, so I can share them further with the community of Code Newbies around the world.

I write stories about Frontend Dev, JavaScript, Typescript, Angular, NodeJS, Serverless Functions, JAM Stack, FaunaDB, Netlify, Apple, iOS—

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store