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.
This is the tenth project of Wes Bos's JS30 series. We'll be building a gmail style "hold shift and check all" items type list. You can check any element in the list, then hold shift and check another element, and all the elements in between should also get checked.
This is the ninth project of Wes Bos's JS30 series. This will be a quick set of tips and tricks relating to the chrome dev tools console!
This is the eighth project of WesBos's JS30 series. We will be creating a drawing canvas.
This is the seventh project of Wes Bos's JS30 series. We will be creating a bunch of small examples to play with various array methods such as `some()`, `every()`, `find()`, `findIndex()`, `splice()`
This is the sixth project of Wes Bos's JS30 series. We will be creating a autocomplete dropdown for a search bar, the data being fetched via ajax.
This is the fifth project of Wes Bos's JS30 series. We will be creating a panel based gallery with flexbox, CSS transitions and javascript.
This is the fourth project of Wes Bos's JS30 series. We will be creating a bunch of small examples to play with various array methods such as `map`, `reduce`, `filter` and `sort`.
This is the third project of Wes Bos's JS30 series. We will be building a simple app to play with CSS variables.
This is the second project of Wes Bos's JS30 series. We will be building a "clock" as using 'div's, some CSS animation and javascript. The idea is to replicate a minimalistic analog wall clock with an hours, minutes and seconds hand.
This is the first project of Wes Bos's JS30 series. We will be building a "drumkit" as shown in the first two minutes of the video below. The page plays certain sound effects on pressing keys from A to L on the qwerty keyboard.