{"id":18250627,"url":"https://github.com/eneax/javascript30","last_synced_at":"2025-04-08T20:28:33.918Z","repository":{"id":103948139,"uuid":"137264020","full_name":"eneax/JavaScript30","owner":"eneax","description":"30 Day Vanilla JS Coding Challenge by Wes Bos","archived":false,"fork":false,"pushed_at":"2018-12-18T08:24:57.000Z","size":7810,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-14T16:02:17.487Z","etag":null,"topics":["css3","html5","javascript","javascript30","vanilla-javascript","vanilla-js","wesbos"],"latest_commit_sha":null,"homepage":"https://eneax.github.io/JavaScript30","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/eneax.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-06-13T19:56:49.000Z","updated_at":"2022-04-28T08:29:30.000Z","dependencies_parsed_at":null,"dependency_job_id":"745c0193-331f-4a74-af43-4d936e36906a","html_url":"https://github.com/eneax/JavaScript30","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eneax%2FJavaScript30","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eneax%2FJavaScript30/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eneax%2FJavaScript30/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eneax%2FJavaScript30/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/eneax","download_url":"https://codeload.github.com/eneax/JavaScript30/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247921863,"owners_count":21018673,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css3","html5","javascript","javascript30","vanilla-javascript","vanilla-js","wesbos"],"created_at":"2024-11-05T09:45:25.082Z","updated_at":"2025-04-08T20:28:33.892Z","avatar_url":"https://github.com/eneax.png","language":"HTML","readme":"![JS30](/js30.png)\n# 30 Day Vanilla JS Coding Challenge\n\nBuild 30 things in 30 days!\n\nThis repo contains all the challenges from the amazing course [JavaScript30](https://javascript30.com) by [Wes Bos](https://github.com/wesbos).\n\n* [01 - Javascript Drum Kit](https://eneax.github.io/JavaScript30/01%20-%20JavaScript%20Drum%20Kit/)\n\n* [02 - JS and CSS Clock](https://eneax.github.io/JavaScript30/02%20-%20JS%20and%20CSS%20Clock/)\n\n* [03 - CSS Variables](https://eneax.github.io/JavaScript30/03%20-%20CSS%20Variables/)\n\n* [04 - Array Cardio Day 1](https://eneax.github.io/JavaScript30/04%20-%20Array%20Cardio%20Day%201/)\n\n* [05 - Flex Panel Gallery](https://eneax.github.io/JavaScript30/05%20-%20Flex%20Panel%20Gallery/)\n\n* [06 - Type Ahead](https://eneax.github.io/JavaScript30/06%20-%20Type%20Ahead/)\n\n* [07 - Array Cardio Day 2](https://eneax.github.io/JavaScript30/07%20-%20Array%20Cardio%20Day%202/)\n\n* [08 - Fun with HTML5 Canvas](https://eneax.github.io/JavaScript30/08%20-%20Fun%20with%20HTML5%20Canvas/)\n\n* [09 - Dev Tools Domination](https://eneax.github.io/JavaScript30/09%20-%20Dev%20Tools%20Domination/)\n\n* [10 - Hold Shift and Check Checkboxes](https://eneax.github.io/JavaScript30/10%20-%20Hold%20Shift%20and%20Check%20Checkboxes/)\n\n* [11 - Custom Video Player](https://eneax.github.io/JavaScript30/11%20-%20Custom%20Video%20Player/)\n\n* [12 - Key Sequence Detection](https://eneax.github.io/JavaScript30/12%20-%20Key%20Sequence%20Detection/)\n\n* [13 - Slide in on Scroll](https://eneax.github.io/JavaScript30/13%20-%20Slide%20in%20on%20Scroll/)\n\n* [14 - JavaScript References VS Copying](https://eneax.github.io/JavaScript30/14%20-%20JavaScript%20References%20VS%20Copying/)\n\n* [15 - LocalStorage](https://eneax.github.io/JavaScript30/15%20-%20LocalStorage/)\n\n* [16 - Mouse Move Shadow](https://eneax.github.io/JavaScript30/16%20-%20Mouse%20Move%20Shadow/)\n\n* [17 - Sort Without Articles](https://eneax.github.io/JavaScript30/17%20-%20Sort%20Without%20Articles/)\n\n* [18 - Adding Up Times with Reduce](https://eneax.github.io/JavaScript30/18%20-%20Adding%20Up%20Times%20with%20Reduce/)\n\n* [19 - Webcam Fun](https://eneax.github.io/JavaScript30/19%20-%20Webcam%20Fun/)\n\n* [20 - Speech Detection](https://eneax.github.io/JavaScript30/20%20-%20Speech%20Detection/)\n\n* [21 - Geolocation](https://eneax.github.io/JavaScript30/21%20-%20Geolocation/)\n\n* [22 - Follow Along Link Highlighter](https://eneax.github.io/JavaScript30/22%20-%20Follow%20Along%20Link%20Highlighter/)\n\n* [23 - Speech Synthesis](https://eneax.github.io/JavaScript30/23%20-%20Speech%20Synthesis/)\n\n* [24 - Sticky Nav](https://eneax.github.io/JavaScript30/24%20-%20Sticky%20Nav/)\n\n* [25 - Event Capture, Propagation, Bubbling and Once](https://eneax.github.io/JavaScript30/25%20-%20Event%20Capture,%20Propagation,%20Bubbling%20and%20Once/)\n\n* [26 - Stripe Follow Along Nav](https://eneax.github.io/JavaScript30/26%20-%20Stripe%20Follow%20Along%20Nav)\n\n* [27 - Click and Drag](https://eneax.github.io/JavaScript30/27%20-%20Click%20and%20Drag/)\n\n* [28 - Video Speed Controller](https://eneax.github.io/JavaScript30/28%20-%20Video%20Speed%20Controller/)\n\n* [29 - Countdown Timer](https://eneax.github.io/JavaScript30/29%20-%20Countdown%20Timer/)\n\n* [30 - Whack A Mole](https://eneax.github.io/JavaScript30/30%20-%20Whack%20A%20Mole/)","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feneax%2Fjavascript30","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feneax%2Fjavascript30","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feneax%2Fjavascript30/lists"}