All Projects → nitishdayal → Javascript30

nitishdayal / Javascript30

Participating in JavaScript30 course created by @wesbos

Programming Languages

javascript
184084 projects - #8 most used programming language
es6
455 projects
es2015
71 projects
es2016
15 projects

Projects that are alternatives of or similar to Javascript30

add-to-calendar-button
A convenient JavaScript snippet, which lets you create beautiful buttons, where people can add events to their calendars.
Stars: ✭ 697 (+141.18%)
Mutual labels:  vanillajs
fx-trading-app
Forex Trading Application workshop
Stars: ✭ 23 (-92.04%)
Mutual labels:  exercise
react-redux-exercise
Exercise to understand better react-redux, how it works and how to use it.
Stars: ✭ 48 (-83.39%)
Mutual labels:  exercise
bs-breakpoints
A plugin which detect Bootstrap 4 breakpoints and emit when there is a change
Stars: ✭ 22 (-92.39%)
Mutual labels:  vanillajs
TUMGAD
Exercise generator and helpful materials for the Introduction to Algorithms and Data Structures 📚
Stars: ✭ 27 (-90.66%)
Mutual labels:  exercise
vanillajs-hello
Start a VanillaJS website using WebPack in just 30 seconds: HTML,CSS,Babel,SASS,Bootstrap,Prettier,Gitpod
Stars: ✭ 24 (-91.7%)
Mutual labels:  vanillajs
Python3 Basics Tutorial
Exercises for introductory Python 3 courses
Stars: ✭ 26 (-91%)
Mutual labels:  exercise
Bs Stepper
A stepper for Bootstrap 4.x
Stars: ✭ 261 (-9.69%)
Mutual labels:  vanillajs
reactnative-typescript
Playground and evolution of learnings done in react native with typescript
Stars: ✭ 28 (-90.31%)
Mutual labels:  exercise
traindown
Public site
Stars: ✭ 35 (-87.89%)
Mutual labels:  exercise
Unleash-Shiny
https://rinterface.com/shiny/talks/RPharma2020/
Stars: ✭ 25 (-91.35%)
Mutual labels:  exercise
traindown-dart
Dart (and Flutter) library for the Traindown Markup Language. This is the reference implementation for now. It is first to receive features and fixes.
Stars: ✭ 16 (-94.46%)
Mutual labels:  exercise
theroomjs
A vanilla javascript plugin that allows you to outline dom elements like web inspectors
Stars: ✭ 53 (-81.66%)
Mutual labels:  vanillajs
FatMaxxer
Android Project to find FatMax in real time with a Polar H10
Stars: ✭ 32 (-88.93%)
Mutual labels:  exercise
gentle-intro-to-reflection
A slow-paced introduction to reflection in Agda. ---Tactics!
Stars: ✭ 58 (-79.93%)
Mutual labels:  exercise
wsk
A straightforward and maintainable build system from the Bloomberg Graphics team.
Stars: ✭ 55 (-80.97%)
Mutual labels:  vanillajs
prolog puzzles
Prolog puzzles for fun and profit (mostly fun)
Stars: ✭ 39 (-86.51%)
Mutual labels:  exercise
Phpstorm Workshop
Code for the PhpStorm workshop
Stars: ✭ 268 (-7.27%)
Mutual labels:  exercise
svelte-google-analytics
Google Analytics component for Svelte
Stars: ✭ 41 (-85.81%)
Mutual labels:  vanillajs
cpluspluscourse
C++ Course Taught at CERN, from Sebastien Ponce (LHCb)
Stars: ✭ 19 (-93.43%)
Mutual labels:  exercise

JavaScript30 - 30 Day JavaScript Challenge

Nitish Dayal, Software & Applications Developer
Last Commit Date: May 12, 2017

Course created by Wes Bos Join the challenge (for free!) here - JavaScript30

This repository contains my written guides for the JavaScript30 course by Wes Bos. I wrote these in the hopes of expanding the ways in which people can access this course; not everyone has the data allotments or internet speeds or...whatever the case may be to load multiple high definition videos. Or, maybe, you prefer to have a text-based guide to follow along with/ refer back to. Orrr you're in a library and don't have headphones. Who knows! If you want some documentation to go along with those sweet Wes Bos vids, here you go.

DISCLAIMER: My approach to some of the challenges will vary from the provided answers (found in the files that end with -FINISHED on the main repo). Some of the tweaks are just to include various 'best practices' and some have huge chunks of differences. I try to provide thorough explanations when I do stray from the path and explain why I chose to do so, but I want to make it clear that some of these guides don't go hand-in-hand with the videos.

About

Build 30 things in 30 days with vanilla JavaScript; no frameworks, libraries, etc. Pacing is totally up to the individual; if you feel like knocking out 30 challenges in 30 minutes, hey, more power to you, but that would miss the point of this course (IMO). The idea behind these exercises is to utilize small amounts of what would regularly be 'downtime' as moments in which we can build on our knowledge through some simple exercises.

I think it's fair to say that, coming into this course, you should have a decent grasp of JavaScript fundamentals. Comfort when working with functions, callbacks, arrays, and objects will help a great deal in working through the challenges. If you don't, don't worry and do it anyways <3. It might take you more than downtime to complete a challenge, but given that these exercises require you to work with those very topics time and time again, JavaScript30 is still an excellent learning resource.

The starter files (available here) include solutions to most challenges, so this isn't really meant to be taken as some kind of competition. JavaScript30 is focused more on helping developers enhance their current skillset and reducing developer reliance on external JS libraries; if it can be done with a JS library, it can (probably) be done with vanilla JS.

Table Of Contents

  1. JavaScript Drum Kit
  2. JS + CSS Clock
  3. CSS Variables
  4. Array Cardio, Day 1
  5. Flex Panel Gallery
  6. Type Ahead
  7. Array Cardio, Day 2
  8. Fun with HTML5 Canvas
  9. Dev Tools Domination
  10. Hold Shift and Check Checkboxes
  11. Custom Video Player
  12. Key Sequence Detection
  13. Slide in on Scroll
  14. JavaScript References vs. Copying
  15. LocalStorage
  16. Mouse Move Shadow
  17. Sort Without Articles
  18. Adding Up Times with Reduce
  19. Webcam Fun
  20. Speech Detection
  21. Geolocation
  22. Follow Along Link Highlighter
  23. Speech Synthesis
  24. Sticky Nav
  25. Event Capture, Propagation, Bubbling, and Once
  26. Stripe Follow Along Nav
  27. Click and Drag
  28. Video Speed Controller
  29. Countdown Timer
  30. Whack A Mole
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].