From 932539b15232f0e1a2168008f6d2395cf96a70cd Mon Sep 17 00:00:00 2001 From: Kaan Ozdogan <48806820+Lethalos@users.noreply.github.com> Date: Mon, 3 Oct 2022 00:31:06 +0300 Subject: [PATCH 01/10] Update style.css Update keys flex property --- 01 - JavaScript Drum Kit/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/01 - JavaScript Drum Kit/style.css b/01 - JavaScript Drum Kit/style.css index bfdba84312..290ee0d1ce 100644 --- a/01 - JavaScript Drum Kit/style.css +++ b/01 - JavaScript Drum Kit/style.css @@ -12,13 +12,13 @@ body,html { .keys { display: flex; - flex: 1; min-height: 100vh; align-items: center; justify-content: center; } .key { + flex: 1; border: .4rem solid black; border-radius: .5rem; margin: 1rem; From 10388a59c22d2d0428147acb8497c68ca574a5aa Mon Sep 17 00:00:00 2001 From: Hamna R Date: Fri, 25 Nov 2022 20:05:08 +0500 Subject: [PATCH 02/10] sticky nav on multiple screens is fixed by the height in px --- 24 - Sticky Nav/style-FINISHED.css | 2 +- 24 - Sticky Nav/style-START.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/24 - Sticky Nav/style-FINISHED.css b/24 - Sticky Nav/style-FINISHED.css index 0f8df57cb9..2d36a02ba1 100644 --- a/24 - Sticky Nav/style-FINISHED.css +++ b/24 - Sticky Nav/style-FINISHED.css @@ -31,7 +31,7 @@ body.fixed-nav .site-wrap { header { text-align: center; - height: 50vh; + height: 500px; background: url(https://source.unsplash.com/GKN6rpDr0EI/960x640) bottom center no-repeat; background-size: cover; display: flex; diff --git a/24 - Sticky Nav/style-START.css b/24 - Sticky Nav/style-START.css index ef2bc15845..0049a2f597 100644 --- a/24 - Sticky Nav/style-START.css +++ b/24 - Sticky Nav/style-START.css @@ -27,7 +27,7 @@ body { header { text-align: center; - height: 50vh; + height: 500px; background: url(https://source.unsplash.com/GKN6rpDr0EI/960x640) bottom center no-repeat; background-size: cover; display: flex; From a89f7633af116e2ca18335ba88f3423347747541 Mon Sep 17 00:00:00 2001 From: Clavis7 <96084919+Clavis7@users.noreply.github.com> Date: Sat, 10 Dec 2022 19:04:06 +0530 Subject: [PATCH 03/10] Removed a button element The empty button just before script tag is confusing. There is no need for it in the start file as Wes already wrote this element in the end section of tutorial. --- .../index-START.html | 1 - 1 file changed, 1 deletion(-) diff --git a/25 - Event Capture, Propagation, Bubbling and Once/index-START.html b/25 - Event Capture, Propagation, Bubbling and Once/index-START.html index 7bd5931e01..094cb20b8b 100644 --- a/25 - Event Capture, Propagation, Bubbling and Once/index-START.html +++ b/25 - Event Capture, Propagation, Bubbling and Once/index-START.html @@ -40,7 +40,6 @@ } - From 97a08d60c4804a64821a783f5cd85f7b7643b67d Mon Sep 17 00:00:00 2001 From: Palash Mondal Date: Sat, 30 Mar 2024 20:59:43 +0530 Subject: [PATCH 04/10] fix: link and typos in readme --- readme.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/readme.md b/readme.md index a621b3bc70..4212cb16c8 100644 --- a/readme.md +++ b/readme.md @@ -8,7 +8,7 @@ Grab the course at [https://JavaScript30.com](https://JavaScript30.com) ## Community #JavaScript30 Content -Feel free to submit a PR adding a link to your own recaps, guides or reviews! +Feel free to submit a PR by adding a link to your own recaps, guides, or reviews! * [Arjun Khode’s blog](http://thesagittariusme.blogspot.com/search/label/JS30) about summaries for each day, including fixed glitches, bugs and extra features. * [Nitish Dayal's Text Guides](https://github.com/nitishdayal/JavaScript30) are great for those who like reading over watching. @@ -20,29 +20,29 @@ Feel free to submit a PR adding a link to your own recaps, guides or reviews! * [Michael Einsohn](http://30daysofjs.michaeleinsohn.com) publishes each challenge after watching the video once. * [Mike Ekkel](https://medium.com/@mike_ekkel/javascript-30-a-30-day-vanilla-js-challenge-6a733fc9f62c#.9frjtaje9) * [Yusef Habib](https://github.com/yhabib/JavaScript30) lessons and tricks learned, and a [gh-page](https://yhabib.github.io/JavaScript30/) to see working all the mini-projects. -* [Amelie Yeh](https://github.com/amelieyeh/JS30) 30 lessons notes with things I've learned, and those important recaps. and directly view my demos [here](https://amelieyeh.github.io/JS30/) 🇹🇼😄 +* [Amelie Yeh](https://github.com/amelieyeh/JS30) 30 lesson notes with things I've learned, and those important recaps. and directly view my demos [here](https://amelieyeh.github.io/JS30/) 🇹🇼😄 * [Winar](https://github.com/winar-jin/JavaScript30-Challenge)的JavaScript30天挑战，记录练习过程，重难点和其他的解决方案。🎨 -* [Rayhatron](https://rayhatron.github.io/blog/) - walkthroughs, recaps and lessons learned. +* [Rayhatron](https://rayhatron.github.io/blog/) - walkthroughs, recaps, and lessons learned. * [Andrei Dobra](https://github.com/andreidbr/JS30) Full repo with lessons learned and a [gh-page](https://andreidbr.github.io/JS30/) with all the exercises. * [从零到壹全栈部落](https://github.com/liyuechun/JavaScript30-liyuechun),春哥发起的从零到壹全栈部落，旨在带领大家一起学习，一起输出，文档化，代码化，中文视频化，全栈部落口号：输出是最好的学习方式。 * [Usmaan Ali's](https://github.com/usyyy/javascript/blob/master/JavaScript30/analysis.md) summary of the technical skills learned from each project. He's also posting them as separate blog posts [here](https://medium.com/@usyyy). * [Axel](https://github.com/afuh/js30)'s lessons learned and a [showcase](https://afuh.github.io/js30/) with the projects. * [Chris](https://github.com/dwatow/JavaScript30) 中文實戰，目標描述、過程紀錄。 -* [Muhammad D. Ramadhan's](https://miayam.github.io) 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](https://miayam.github.io/js30). Do not read his blog! +* [Muhammad D. Ramadhan's](https://miayam.github.io) blog. He shamlesly mixed his personal life with 30 day JavaScript challenge to increase his learning retention. He also summarised the challenge on [one single page](https://miayam.github.io/js30). Do not read his blog! * [Lee Keitel's Blog](https://blog.keitel.xyz/categories/javascript30/) 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](https://github.com/dustinhsiao21/Javascript30-dustin) 包含了各篇介紹、 效果Demo、各篇詳解及記錄過程，附上部分延伸閱讀及[gh-page](https://dustinhsiao21.github.io/Javascript30-dustin/)。 * [GuaHsu](https://github.com/guahsu/JavaScript30) - 紀錄各篇練習過程與心得，並嘗試擴充部分練習，也做了一個包含全部練習的[介紹站](http://guahsu.io/JavaScript30/)🇹🇼 -* [Daniela](https://github.com/misslild)'s completed challenges on [GitHub Pages](https://misslild.github.io/WesBos-30day-Coding-challenge/) and [Codepen].(https://codepen.io/collection/DapZeP/) :raised_hands: :muscle: :+1: +* [Daniela](https://github.com/misslild)'s completed challenges on [GitHub Pages](https://misslild.github.io/WesBos-30day-Coding-challenge/) and [Codepen](https://codepen.io/collection/DapZeP/) :raised_hands: :muscle: :+1: * [Dmitrii Pashutskii's](https://github.com/guar47) code of all challenges on [GitHub with Pages](https://github.com/guar47/javascript30Summary) and review [blog posts](https://blog.dpashutskii.com/tag/javascript30/). * [Abid Hasan's](https://github.com/sabidhasan/javascript-30) completion of all challenges. This was awesome!! Learned so much! :+1: * [Yusong Notes](https://sky172839465.github.io/course/js30) Records Yusong JS 30 days note and demo. :star2: * [Ding's Implementation](https://github.com/Ding-Fan/javascript30) code and online demo. * [Herminio Torres](https://github.com/herminiotorres/JavaScript30) lessons and tricks learned, and a [gh-page](https://herminiotorres.github.io/JavaScript30/) to see working all the mini-projects. -* [Dmytro Borysovskyi](https://github.com/dimabory) says many thanks to for the course to Wes 🤝 It was incredible challenge 👌 The full repository with code available [here](https://github.com/dimabory/dimabory.github.io/tree/gh-pages/src/components/JavaScript30Days) and demos can be reached by the link to [gh-pages](https://dimabory.github.io/#/js30days).👍👍👍 +* [Dmytro Borysovskyi](https://github.com/dimabory) says many thanks for the course to Wes 🤝 It was incredible challenge 👌 The full repository with code available [here](https://github.com/dimabory/dimabory.github.io/tree/gh-pages/src/components/JavaScript30Days) and demos can be reached by the link to [gh-pages](https://dimabory.github.io/#/js30days).👍👍👍 * [Kizito](https://github.com/akhilome/)'s follow along [repo](https://github.com/akhilome/js30) with [completed challenges](https://akhilome.github.io/js30) and [notes](https://akhilome.github.io/js30/notes). * [VannTile](https://github.com/vanntile)'s [repository](https://github.com/vanntile/JavaScript30) and [GitHub Pages showcase](https://vanntile.github.io/JavaScript30/). Thank you for a great ⌨️ experience. -* [Alex Kim](https://github.com/Alex-K1m/js30-challenge) completed all the challenges. You can check them out at [github pages](https://alex-k1m.github.io/js30-challenge/). -* [Mikhail Thomas](https://github.com/seckela) created [JS30++](https://github.com/seckela/js30plusplus) to add another level of challenge ontop of this already great course. +* [Alex Kim](https://github.com/Alex-K1m/js30-challenge) completed all the challenges. You can check them out at [GitHub pages](https://alex-k1m.github.io/js30-challenge/). +* [Mikhail Thomas](https://github.com/seckela) created [JS30++](https://github.com/seckela/js30plusplus) to add another level of challenge on top of this already great course. * [Ramon Morcillo](https://github.com/reymon359/JavaScript30) finished this awesome challenge!. You can see the showcase of his implementations on [this link](https://reymon359.github.io/JavaScript30/). * [Santiago Escobar](https://github.com/sescobar99)'s [repository](https://github.com/sescobar99/javascript30-challenge) and [GitHub Pages showcase](https://sescobar99.github.io/javascript30-challenge/). * [Harry Xie](https://github.com/a90100/JavaScript30) 紀錄 30 天的練習筆記在 [此連結](https://github.com/a90100/JavaScript30). From a23f7ec27479ffb23f473693d3565e9aac813299 Mon Sep 17 00:00:00 2001 From: aaronbiu <459852675@qq.com> Date: Tue, 7 Jan 2025 20:29:05 +0800 Subject: [PATCH 05/10] Add my project link in the readme (#699) --- readme.md | 1 + 1 file changed, 1 insertion(+) diff --git a/readme.md b/readme.md index 4212cb16c8..584068db0e 100644 --- a/readme.md +++ b/readme.md @@ -14,6 +14,7 @@ Feel free to submit a PR by adding a link to your own recaps, guides, or reviews * [Nitish Dayal's Text Guides](https://github.com/nitishdayal/JavaScript30) are great for those who like reading over watching. * [Thorsten Frommen](https://tfrommen.de/tag/javascript-30/) shares how he solved the exercises before viewing the answers. * [Soyaine 写的中文指南](https://github.com/soyaine/JavaScript30)包含了过程记录和难点解释 +* [Aaron的语雀学习小组](https://github.com/A-aronYang/JavaScript30)包含中文文档，案例和相关资料 * [乔木 录制的讲解视频](https://b23.tv/pSa7rdu) 看中文讲解视频一起学习 Javascript30 吧! Javascript30 中 CSS/JS/HTML 视频讲解 * [Ayo Isaiah's](https://freshman.tech/archive/#javascript30) Recaps and Lessons Learned. * [Adriana Rios](https://stpcollabr8nlstn.github.io/JavaScript30/) shares her alternative solutions. From 40e9d1255d4f232363a3dedc89311f07793308ca Mon Sep 17 00:00:00 2001 From: yoanastamenova Date: Fri, 21 Mar 2025 16:14:15 +0100 Subject: [PATCH 06/10] fix: project 3 image source loading --- 03 - CSS Variables/index-FINISHED.html | 2 +- 03 - CSS Variables/index-START.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/03 - CSS Variables/index-FINISHED.html b/03 - CSS Variables/index-FINISHED.html index b52b9f61af..36f5bf1ac6 100644 --- a/03 - CSS Variables/index-FINISHED.html +++ b/03 - CSS Variables/index-FINISHED.html @@ -19,7 +19,7 @@

Update CSS Variables with JS

- +