JS30 series

JS30 is a series based off Wes Bos's JS30 video course. The spirit of the course is to help learners learn javascript by building small apps from scratch - without any library or frameworks.

I've written 30 blog posts in the series - one for each video/tutorial. Each post details the whole tutorial and has the embedded video + the code pen of the starter files and finished files. Also included are the relevant links to the MDN docs.

Whack a mole

04 September, 2018

This is the 30th project of Wes Bos's JS30 series. Today we'll build whack a mole game from scratch in vanilla JS!

    Countdown timer

    04 September, 2018

    This is the 29th project of Wes Bos's JS30 series. Today we'll build a custom JavaScript countdown timer from scratch.

      Video speed controller

      04 September, 2018

      This is the 28th project of Wes Bos's JS30 series. Today we'll build an experimental video speed controller UI.

        Click and drag

        04 September, 2018

        This is the 27th project of Wes Bos's JS30 series. Today we make a pretty neat click and drag to scroll interface where you will learn a whole lot about JavaScript events!

          Stripe nav

          04 September, 2018

          This is the 26th project of Wes Bos's JS30 series. Today we'll re-creating the smooth Stripe dropdown follow-along navigation.

            JS Events

            04 September, 2018

            This is the 25th project of Wes Bos's JS30 series. In this exercise we'll play with JS events - bubbling, capture and one time events.

              Sticky Nav

              04 September, 2018

              This is the 24th project of Wes Bos's JS30 series. Today we'll learn how to make a sticky nav in JS.

                Speech Synthesis

                04 September, 2018

                This is the 23rd project of Wes Bos's JS30 series. Today we'll learn how to do speech synthesis (text to speech) with JavaScript.

                  Follow along link highlight

                  04 September, 2018

                  This is the 22nd project of Wes Bos's JS30 series. Today we learn how to make cool follow along link highlights in JavaScript.

                    Geolocation in the browser

                    04 September, 2018

                    This is the 21st project of Wes Bos's JS30 series. We make a really simple compass and speedometer with just JavaScript.

                      Made with ♥ by a group of nerds on Earth!