{"id":16298231,"url":"https://github.com/spences10/javascript30","last_synced_at":"2025-08-22T20:22:58.865Z","repository":{"id":15958317,"uuid":"78467250","full_name":"spences10/JavaScript30","owner":"spences10","description":"Learn the new hotness with @WesBos and JavaScript30, these are my follow along files","archived":false,"fork":false,"pushed_at":"2022-06-08T09:16:03.000Z","size":32229,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-15T09:41:23.211Z","etag":null,"topics":["javascript","javascript30","learning"],"latest_commit_sha":null,"homepage":"https://javascript30.com/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/spences10.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}},"created_at":"2017-01-09T20:43:10.000Z","updated_at":"2022-06-08T13:15:48.000Z","dependencies_parsed_at":"2022-08-24T05:10:46.013Z","dependency_job_id":null,"html_url":"https://github.com/spences10/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/spences10%2FJavaScript30","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/spences10%2FJavaScript30/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/spences10%2FJavaScript30/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/spences10%2FJavaScript30/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/spences10","download_url":"https://codeload.github.com/spences10/JavaScript30/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248062798,"owners_count":21041649,"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":["javascript","javascript30","learning"],"created_at":"2024-10-10T20:43:49.970Z","updated_at":"2025-04-09T15:47:24.573Z","avatar_url":"https://github.com/spences10.png","language":"HTML","readme":"# JavaScript30\n\n![](https://javascript30.com/images/JS3-social-share.png)\n\nWes Bos' awesome and FREE JavaScript course Grab the course at [https://JavaScript30.com](https://JavaScript30.com)\n\nThis is what I have pulled from his repo for the starter files:\n\n## Current progress\n\n- [x] 01 - JavaScript Drum Kit - [Completed Example Here](https://spences10.github.io/JavaScript30/src/01%20-%20JavaScript%20Drum%20Kit/) \n- [x] 02 - JS + CSS Clock - [Completed Example Here](https://spences10.github.io/JavaScript30/src/02%20-%20JS%20%2B%20CSS%20Clock/)\n- [x] 03 - CSS Variables - [Completed Example Here](https://spences10.github.io/JavaScript30/src/03%20-%20CSS%20Variables/)\n- [x] 04 - Array Cardio Day 1 - [Completed Example Here](https://spences10.github.io/JavaScript30/src/04%20-%20Array%20Cardio%20Day%201/)\n- [x] 05 - Flex Panel Gallery - [Completed Example Here](https://spences10.github.io/JavaScript30/src/05%20-%20Flex%20Panel%20Gallery/)\n- [x] 06 - Type Ahead - [Completed Example Here](https://spences10.github.io/JavaScript30/src/06%20-%20Type%20Ahead/)\n- [x] 07 - Array Cardio Day 2 - [Completed Example Here](https://spences10.github.io/JavaScript30/src/07%20-%20Array%20Cardio%20Day%202/)\n- [x] 08 - Fun with HTML5 Canvas - [Completed Example Here](https://spences10.github.io/JavaScript30/src/08%20-%20Fun%20with%20HTML5%20Canvas/)\n- [x] 09 - Dev Tools Domination - [Completed Example Here](https://spences10.github.io/JavaScript30/src/09%20-%20Dev%20Tools%20Domination/)\n- [x] 10 - Hold Shift and Check Checkboxes - [Completed Example Here](https://spences10.github.io/JavaScript30/src/10%20-%20Hold%20Shift%20and%20Check%20Checkboxes/)\n- [x] 11 - Custom Video Player - [Completed Example Here](https://spences10.github.io/JavaScript30/src/11%20-%20Custom%20Video%20Player/)\n- [x] 12 - Key Sequence Detection - [Completed Example Here](https://spences10.github.io/JavaScript30/src/12%20-%20Key%20Sequence%20Detection/)\n- [x] 13 - Slide in on Scroll - [Completed Example Here](https://spences10.github.io/JavaScript30/src/13%20-%20Slide%20in%20on%20Scroll/)\n- [x] 14 - JavaScript References VS Copying - [Completed Example Here](https://spences10.github.io/JavaScript30/src/14%20-%20JavaScript%20References%20VS%20Copying/)\n- [x] 15 - LocalStorage - [Completed Example Here](https://spences10.github.io/JavaScript30/src/15%20-%20LocalStorage/)\n- [x] 16 - Mouse Move Shadow - [Completed Example Here](https://spences10.github.io/JavaScript30/src/16%20-%20Mouse%20Move%20Shadow/)\n- [x] 17 - Sort Without Articles - [Completed Example Here](https://spences10.github.io/JavaScript30/src/17%20-%20Sort%20Without%20Articles/)\n- [x] 18 - Adding Up Times with Reduce - [Completed Example Here](https://spences10.github.io/JavaScript30/src/18%20-%20Adding%20Up%20Times%20with%20Reduce/)\n- [x] 19 - Webcam Fun - [Completed Example Here](https://spences10.github.io/JavaScript30/src/19%20-%20Webcam%20Fun/)\n- [x] 20 - Speech Detection - [Completed Example Here](https://spences10.github.io/JavaScript30/src/20%20-%20Speech%20Detection/)\n- [x] 21 - Geolocation - [Completed Example Here](https://spences10.github.io/JavaScript30/src/21%20-%20Geolocation/)\n- [x] 22 - Follow Along Link Highlighter - [Completed Example Here](https://spences10.github.io/JavaScript30/src/22%20-%20Follow%20Along%20Link%20Highlighter/)\n- [x] 23 - Speech Synthesis - [Completed Example Here](https://spences10.github.io/JavaScript30/src/23%20-%20Speech%20Synthesis/)\n- [x] 24 - Sticky Nav - [Completed Example Here](https://spences10.github.io/JavaScript30/src/24%20-%20Sticky%20Nav/)\n- [x] 25 - Event Capture, Propagation, Bubbling and Once - [Completed Example Here](https://spences10.github.io/JavaScript30/src/25%20-%20Event%20Capture%2C%20Propagation%2C%20Bubbling%20and%20Once/)\n- [x] 26 - Stripe Follow Along Nav - [Completed Example Here](https://spences10.github.io/JavaScript30/src/26%20-%20Stripe%20Follow%20Along%20Nav/)\n- [x] 27 - Click and Drag - [Completed Example Here](https://spences10.github.io/JavaScript30/src/27%20-%20Click%20and%20Drag/)\n- [x] 28 - Video Speed Controller - [Completed Example Here](https://spences10.github.io/JavaScript30/src/28%20-%20Video%20Speed%20Controller/)\n- [x] 29 - Countown Timer - [Completed Example Here](https://spences10.github.io/JavaScript30/src/29%20-%20Countown%20Timer/)\n- [x] 30 - Whack A Mole - [Completed Example Here](https://spences10.github.io/JavaScript30/src/30%20-%20Whack%20A%20Mole/)\n\n ","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspences10%2Fjavascript30","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fspences10%2Fjavascript30","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspences10%2Fjavascript30/lists"}