├── 01 - JavaScript Drum Kit ├── aesthetic-background-music-1.webp ├── index-START.html ├── script.js ├── sounds │ ├── boom.wav │ ├── clap.wav │ ├── hihat.wav │ ├── kick.wav │ ├── openhat.wav │ ├── ride.wav │ ├── snare.wav │ ├── tink.wav │ └── tom.wav └── style.css ├── 02 - JS and CSS Clock ├── index-START.html ├── script.js └── style.css ├── 03 - CSS Variables ├── Script.js ├── florian-olivo-4hbJ-eymZ1o-unsplash.jpg ├── index-START.html └── style.css ├── 04 - Array Cardio Day 1 ├── index-START.html └── script.js ├── 05 - Flex Panel Gallery ├── index-START.html ├── script.js └── style.css ├── 06 - Type Ahead ├── index-START.html ├── script.js └── style.css ├── 07 - Array Cardio Day 2 ├── index-START.html └── script.js ├── 08 - Fun with HTML5 Canvas ├── index-START.html └── script.js ├── 09 - Dev Tools Domination ├── index-START.html └── sript.js ├── 10 - Hold Shift and Check Checkboxes ├── index-START.html └── script.js ├── 11 - Custom Video Player ├── 652333414.mp4 ├── index.html ├── scripts.js └── style.css ├── 12 - Key Sequence Detection ├── cornify.js └── index-START.html ├── 13 - Slide in on Scroll ├── index-START.html └── script.js ├── 14 - JavaScript References VS Copying ├── index-START.html └── script.js ├── 15 - LocalStorage ├── index-START.html ├── oh-la-la.jpeg ├── script.js └── style.css ├── 16 - Mouse Move Shadow ├── index-START.html └── script.js ├── 17 - Follow Along Link Highlighter ├── index-START.html ├── script.js └── style.css ├── 18 - Speech Synthesis ├── index-START.html ├── script.js └── style.css ├── 19 - Stripe Follow Along Nav ├── Untitled design (2).png ├── index-START.html ├── script.js ├── style.css └── wallpaperflare.com_wallpaper_2.jpg ├── 20 - Sticky Nav ├── index-START.html ├── script.js └── style-START.css └── Digital Clock ├── index.html ├── script.js └── style.css /01 - JavaScript Drum Kit/aesthetic-background-music-1.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/01 - JavaScript Drum Kit/aesthetic-background-music-1.webp -------------------------------------------------------------------------------- /01 - JavaScript Drum Kit/index-START.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/01 - JavaScript Drum Kit/index-START.html -------------------------------------------------------------------------------- /01 - JavaScript Drum Kit/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/01 - JavaScript Drum Kit/script.js -------------------------------------------------------------------------------- /01 - JavaScript Drum Kit/sounds/boom.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/01 - JavaScript Drum Kit/sounds/boom.wav -------------------------------------------------------------------------------- /01 - JavaScript Drum Kit/sounds/clap.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/01 - JavaScript Drum Kit/sounds/clap.wav -------------------------------------------------------------------------------- /01 - JavaScript Drum Kit/sounds/hihat.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/01 - JavaScript Drum Kit/sounds/hihat.wav -------------------------------------------------------------------------------- /01 - JavaScript Drum Kit/sounds/kick.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/01 - JavaScript Drum Kit/sounds/kick.wav -------------------------------------------------------------------------------- /01 - JavaScript Drum Kit/sounds/openhat.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/01 - JavaScript Drum Kit/sounds/openhat.wav -------------------------------------------------------------------------------- /01 - JavaScript Drum Kit/sounds/ride.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/01 - JavaScript Drum Kit/sounds/ride.wav -------------------------------------------------------------------------------- /01 - JavaScript Drum Kit/sounds/snare.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/01 - JavaScript Drum Kit/sounds/snare.wav -------------------------------------------------------------------------------- /01 - JavaScript Drum Kit/sounds/tink.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/01 - JavaScript Drum Kit/sounds/tink.wav -------------------------------------------------------------------------------- /01 - JavaScript Drum Kit/sounds/tom.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/01 - JavaScript Drum Kit/sounds/tom.wav -------------------------------------------------------------------------------- /01 - JavaScript Drum Kit/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/01 - JavaScript Drum Kit/style.css -------------------------------------------------------------------------------- /02 - JS and CSS Clock/index-START.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/02 - JS and CSS Clock/index-START.html -------------------------------------------------------------------------------- /02 - JS and CSS Clock/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/02 - JS and CSS Clock/script.js -------------------------------------------------------------------------------- /02 - JS and CSS Clock/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/02 - JS and CSS Clock/style.css -------------------------------------------------------------------------------- /03 - CSS Variables/Script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/03 - CSS Variables/Script.js -------------------------------------------------------------------------------- /03 - CSS Variables/florian-olivo-4hbJ-eymZ1o-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/03 - CSS Variables/florian-olivo-4hbJ-eymZ1o-unsplash.jpg -------------------------------------------------------------------------------- /03 - CSS Variables/index-START.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/03 - CSS Variables/index-START.html -------------------------------------------------------------------------------- /03 - CSS Variables/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/03 - CSS Variables/style.css -------------------------------------------------------------------------------- /04 - Array Cardio Day 1/index-START.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/04 - Array Cardio Day 1/index-START.html -------------------------------------------------------------------------------- /04 - Array Cardio Day 1/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/04 - Array Cardio Day 1/script.js -------------------------------------------------------------------------------- /05 - Flex Panel Gallery/index-START.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/05 - Flex Panel Gallery/index-START.html -------------------------------------------------------------------------------- /05 - Flex Panel Gallery/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/05 - Flex Panel Gallery/script.js -------------------------------------------------------------------------------- /05 - Flex Panel Gallery/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/05 - Flex Panel Gallery/style.css -------------------------------------------------------------------------------- /06 - Type Ahead/index-START.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/06 - Type Ahead/index-START.html -------------------------------------------------------------------------------- /06 - Type Ahead/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/06 - Type Ahead/script.js -------------------------------------------------------------------------------- /06 - Type Ahead/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/06 - Type Ahead/style.css -------------------------------------------------------------------------------- /07 - Array Cardio Day 2/index-START.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/07 - Array Cardio Day 2/index-START.html -------------------------------------------------------------------------------- /07 - Array Cardio Day 2/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/07 - Array Cardio Day 2/script.js -------------------------------------------------------------------------------- /08 - Fun with HTML5 Canvas/index-START.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/08 - Fun with HTML5 Canvas/index-START.html -------------------------------------------------------------------------------- /08 - Fun with HTML5 Canvas/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/08 - Fun with HTML5 Canvas/script.js -------------------------------------------------------------------------------- /09 - Dev Tools Domination/index-START.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/09 - Dev Tools Domination/index-START.html -------------------------------------------------------------------------------- /09 - Dev Tools Domination/sript.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/09 - Dev Tools Domination/sript.js -------------------------------------------------------------------------------- /10 - Hold Shift and Check Checkboxes/index-START.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/10 - Hold Shift and Check Checkboxes/index-START.html -------------------------------------------------------------------------------- /10 - Hold Shift and Check Checkboxes/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/10 - Hold Shift and Check Checkboxes/script.js -------------------------------------------------------------------------------- /11 - Custom Video Player/652333414.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/11 - Custom Video Player/652333414.mp4 -------------------------------------------------------------------------------- /11 - Custom Video Player/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/11 - Custom Video Player/index.html -------------------------------------------------------------------------------- /11 - Custom Video Player/scripts.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/11 - Custom Video Player/scripts.js -------------------------------------------------------------------------------- /11 - Custom Video Player/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/11 - Custom Video Player/style.css -------------------------------------------------------------------------------- /12 - Key Sequence Detection/cornify.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/12 - Key Sequence Detection/cornify.js -------------------------------------------------------------------------------- /12 - Key Sequence Detection/index-START.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/12 - Key Sequence Detection/index-START.html -------------------------------------------------------------------------------- /13 - Slide in on Scroll/index-START.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/13 - Slide in on Scroll/index-START.html -------------------------------------------------------------------------------- /13 - Slide in on Scroll/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/13 - Slide in on Scroll/script.js -------------------------------------------------------------------------------- /14 - JavaScript References VS Copying/index-START.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/14 - JavaScript References VS Copying/index-START.html -------------------------------------------------------------------------------- /14 - JavaScript References VS Copying/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/14 - JavaScript References VS Copying/script.js -------------------------------------------------------------------------------- /15 - LocalStorage/index-START.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/15 - LocalStorage/index-START.html -------------------------------------------------------------------------------- /15 - LocalStorage/oh-la-la.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/15 - LocalStorage/oh-la-la.jpeg -------------------------------------------------------------------------------- /15 - LocalStorage/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/15 - LocalStorage/script.js -------------------------------------------------------------------------------- /15 - LocalStorage/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/15 - LocalStorage/style.css -------------------------------------------------------------------------------- /16 - Mouse Move Shadow/index-START.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/16 - Mouse Move Shadow/index-START.html -------------------------------------------------------------------------------- /16 - Mouse Move Shadow/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/16 - Mouse Move Shadow/script.js -------------------------------------------------------------------------------- /17 - Follow Along Link Highlighter/index-START.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/17 - Follow Along Link Highlighter/index-START.html -------------------------------------------------------------------------------- /17 - Follow Along Link Highlighter/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/17 - Follow Along Link Highlighter/script.js -------------------------------------------------------------------------------- /17 - Follow Along Link Highlighter/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/17 - Follow Along Link Highlighter/style.css -------------------------------------------------------------------------------- /18 - Speech Synthesis/index-START.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/18 - Speech Synthesis/index-START.html -------------------------------------------------------------------------------- /18 - Speech Synthesis/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/18 - Speech Synthesis/script.js -------------------------------------------------------------------------------- /18 - Speech Synthesis/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/18 - Speech Synthesis/style.css -------------------------------------------------------------------------------- /19 - Stripe Follow Along Nav/Untitled design (2).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/19 - Stripe Follow Along Nav/Untitled design (2).png -------------------------------------------------------------------------------- /19 - Stripe Follow Along Nav/index-START.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/19 - Stripe Follow Along Nav/index-START.html -------------------------------------------------------------------------------- /19 - Stripe Follow Along Nav/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/19 - Stripe Follow Along Nav/script.js -------------------------------------------------------------------------------- /19 - Stripe Follow Along Nav/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/19 - Stripe Follow Along Nav/style.css -------------------------------------------------------------------------------- /19 - Stripe Follow Along Nav/wallpaperflare.com_wallpaper_2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/19 - Stripe Follow Along Nav/wallpaperflare.com_wallpaper_2.jpg -------------------------------------------------------------------------------- /20 - Sticky Nav/index-START.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/20 - Sticky Nav/index-START.html -------------------------------------------------------------------------------- /20 - Sticky Nav/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/20 - Sticky Nav/script.js -------------------------------------------------------------------------------- /20 - Sticky Nav/style-START.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/20 - Sticky Nav/style-START.css -------------------------------------------------------------------------------- /Digital Clock/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/Digital Clock/index.html -------------------------------------------------------------------------------- /Digital Clock/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/Digital Clock/script.js -------------------------------------------------------------------------------- /Digital Clock/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbdullahAssi/JavaScript-Projects/HEAD/Digital Clock/style.css --------------------------------------------------------------------------------