JavaScript30
Starter Files + Completed solutions for the JavaScript 30 Day Challenge.
Grab the course at https://JavaScript30.com
Daily Log
Inspired by palashmon, I'm goint to keep track of what I learn in daily basis as I'm going through this 30 days of Javascript.
Day 1 [13-14 August 2018]
Thoughts : In this challenge I learned about how I could select attributes and class using querySelector()
methods. And the possibilities of using eventlsitener to execute a function based on certain events. But I still find it difficult to remember common events name or any tools to help remind me. Since It took me 1 hour to figure out I misspelled transitionend
with transitioned
.
improvements & potential : I noticed some improvements that can be done to the finished products:
- The first time I load the page and press any keyboard button there's slight lag in playing the sound
- The Background picture takes too long to load
- May comeback to implement better pattern and asyncronous play, so that the sound will not overriden when other sound plays.
Day 2 [14 August 2018]
Thoughts
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!