30 Day Vanilla JS Challenge
HTML CSS JavaScript
Switch branches/tags
Nothing to show
Clone or download
wesbos Merge pull request #222 from herminiotorres/master
Add my gh-pages and lessons to README
Latest commit be63f4d Jul 9, 2018
Permalink
Failed to load latest commit information.
01 - JavaScript Drum Kit converted to rems and added a space between `rule: value` Jan 2, 2017
02 - JS and CSS Clock hide vertical scrollbar Feb 20, 2017
03 - CSS Variables rm redundant body tags - FINISH Mar 30, 2017
04 - Array Cardio Day 1 add missing comma Dec 24, 2016
05 - Flex Panel Gallery fix missing unsplash.it background-image for .panel2 Sep 6, 2017
06 - Type Ahead rm unused selector 'a' Sep 28, 2017
07 - Array Cardio Day 2 Clarify questions in exercise 7 Dec 19, 2016
08 - Fun with HTML5 Canvas Fixed the typo typo... Dec 9, 2016
09 - Dev Tools Domination Fix typos and extra code Dec 9, 2016
10 - Hold Shift and Check Checkboxes corrected 2 typos Jan 12, 2018
11 - Custom Video Player Fix typo Nov 21, 2017
12 - Key Sequence Detection 🔥 Dec 8, 2016
13 - Slide in on Scroll removed e parameter Apr 12, 2017
14 - JavaScript References VS Copying Add person object to day 14 starter file Nov 27, 2017
15 - LocalStorage Fix typos and extra code Dec 9, 2016
16 - Mouse Move Shadow typos&whitespaces improvements Feb 16, 2018
17 - Sort Without Articles hide vertical scrollbar Feb 20, 2017
18 - Adding Up Times with Reduce you sure did forget it here too lol Jan 4, 2017
19 - Webcam Fun typos&whitespaces improvements Feb 16, 2018
20 - Speech Detection Force browser-sync version less than 2.23.2 having issue in npm start Jan 4, 2018
21 - Geolocation Force browser-sync version less than 2.23.2 having issue in npm start Jan 4, 2018
22 - Follow Along Link Highlighter typos&whitespaces improvements Feb 16, 2018
23 - Speech Synthesis hide vertical scrollbar Feb 20, 2017
24 - Sticky Nav typos&whitespaces improvements Feb 16, 2018
25 - Event Capture, Propagation, Bubbling and Once 🔥 Dec 8, 2016
26 - Stripe Follow Along Nav Added small update for 26 lesson - link Jan 29, 2018
27 - Click and Drag fix slider position Mar 6, 2017
28 - Video Speed Controller fix broken video link Aug 9, 2017
29 - Countdown Timer Typo fix Dec 12, 2016
30 - Whack A Mole Update index-FINISHED.html Apr 18, 2017
.gitignore add .idea to gitignore Feb 13, 2017
PULL_REQUEST_TEMPLATE.md Update PULL_REQUEST_TEMPLATE.md Sep 28, 2017
readme.md Add my gh-pages and lessons to README Jul 8, 2018

readme.md

JavaScript30

Starter Files + Completed solutions for the JavaScript 30 Day Challenge.

Grab the course at https://JavaScript30.com

Community #JavaScript30 Content

Feel free to submit a PR adding a link to your own recaps, guides or reviews!

  • Arjun Khode’s blog about summaries for each day, including fixed glitches, bugs and extra features
  • Nitish Dayal's Text Guides are great for those who like reading over watching
  • Meredith Underell's Quick Lessons Learned
  • Rowan Weismiller's Recaps + Lessons Learned
  • Thorsten Frommen shares how he solved the exercises before viewing the answers
  • Soyaine 写的中文指南包含了过程记录和难点解释
  • Ayo Isaiah's Recaps and Lessons Learned
  • Adriana Rios shares her alternative solutions
  • Michael Einsohn publishes each challenge after watching the video once
  • Mike Ekkel
  • Akinjide Bankole used Node.js with Jade to solve the exercises
  • Yusef Habib lessons and tricks learned, and a gh-page to see working all the mini-projects.
  • Amelie Yeh 30 lessons notes with things I've learned, and those important recaps. and directly view my demos here 🇹🇼😄
  • Winar的JavaScript30天挑战,记录练习过程,重难点和其他的解决方案。🎨
  • Rayhatron - walkthroughs, recaps and lessons learned.
  • Andrei Dobra Full repo with lessons learned and a gh-page with all the exercises.
  • 从零到壹全栈部落,春哥发起的从零到壹全栈部落,旨在带领大家一起学习,一起输出,文档化,代码化,中文视频化,全栈部落口号:输出是最好的学习方式。
  • Usmaan Ali's summary of the technical skills learned from each project. He's also posting them as separate blog posts here
  • Axel's lessons learned and a showcase with the projects.
  • Chris 中文實戰,目標描述、過程紀錄。
  • Muhammad D. Ramadhan's blog. He shamlesly mixed his personal life with 30 day JavaScript challenge so as to increase his learning retention. He also summarised the challenge on one single page. Do not read his blog!
  • Lee Keitel's Blog includes summaries of each lesson, what I learned from each one, and my thoughts about the topic taught and using them in the future.
  • Dustin Hsiao 包含了各篇介紹、 效果Demo、各篇詳解及記錄過程,附上部分延伸閱讀及gh-page。
  • GuaHsu - 紀錄各篇練習過程與心得,並嘗試擴充部分練習,也做了一個包含全部練習的介紹站🇹🇼
  • Daniela's completed challenges on GitHub Pages and Codepen 🙌 💪 👍
  • Dmitrii Pashutskii's code of all challenges on GitHub with Pages and review blog posts
  • Abid Hasan's completion of all challenges. This was awesome!! Learned so much! 👍
  • Yusong Notes Records Yusong JS 30 days note and demo 🌟
  • Herminio Torres lessons and tricks learned, and a gh-page to see working all the mini-projects.

A note on Pull Requests

These are meant to be 1:1 copies of what is done in the video. If you found a better / different way to do things, great, but I will be keeping them the same as the videos.

The starter files + solutions will be updated if/when the videos are updated.

Thanks!