Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/buzzcosm/ztm-js-exercise-projects

ZTM JS - Exercise Projects (DONE: 20/20)
https://github.com/buzzcosm/ztm-js-exercise-projects

html-css javascript static-site vanilla-js ztm ztm-course-exercises

Last synced: about 2 months ago
JSON representation

ZTM JS - Exercise Projects (DONE: 20/20)

Awesome Lists containing this project

README 

        
# ZTM JS - Exercise Projects



Exercise Projects of `ZTM` Course on Udemy ([JavaScript Web Projects: 20 Projects to Build Your Portfolio](https://www.udemy.com/course/javascript-web-projects-to-build-your-portfolio-resume)).



[ZTM Open Source Projects](https://github.com/zero-to-mastery)



## My Overview



### Description



Student projects and original code to find in [javascript20-projects](https://github.com/buzzcosm/javascript20-projects) forked from [zero-to-mastery/javascript20-projects](https://github.com/zero-to-mastery/javascript20-projects).



![finished](https://progress-bar.xyz/100/?title=progress)



### Exercises



1. Quote Generator - [Github](https://github.com/buzzcosm/quote-generator-vanilla-js-app) | [View Live](https://buzzcosm.github.io/quote-generator-vanilla-js-app/) 

2. Infinite Scroll - [Github](https://github.com/buzzcosm/infinite-scroll-vanilla-js-app) | [View Live](https://buzzcosm.github.io/infinite-scroll-vanilla-js-app/)

3. Picture in Picture - [Github](https://github.com/buzzcosm/picture-in-picture-vanilla-js-app) | [View Live](https://buzzcosm.github.io/picture-in-picture-vanilla-js-app/)

4. Joke Teller - [Github](https://github.com/buzzcosm/joke-teller-vanilla-js-app) | [View Live](https://buzzcosm.github.io/joke-teller-vanilla-js-app/)

5. Light & Dark Mode - [Github](https://github.com/buzzcosm/light-dark-mode-vanilla-js-app) | [View Live](https://buzzcosm.github.io/light-dark-mode-vanilla-js-app/)

6. Animated Template - [Github](https://github.com/buzzcosm/animated-template) | [View Live](https://buzzcosm.github.io/animated-template/)

7. Animated Navigation - [Github](https://github.com/buzzcosm/animated-navigation-vanilla-js-app) | [View Live](https://buzzcosm.github.io/animated-navigation-vanilla-js-app/)

8. Music Player - [Github](https://github.com/buzzcosm/music-player-vanilla-js-app) | [View Live](https://buzzcosm.github.io/music-player-vanilla-js-app/)

9. Custom Countdown - [Github](https://github.com/buzzcosm/custom-countdown-vanilla-js-app) | [View Live](https://buzzcosm.github.io/custom-countdown-vanilla-js-app/)

10. Book Keeper - [Github](https://github.com/buzzcosm/book-keeper-vanilla-js-app) | [View Live](https://buzzcosm.github.io/book-keeper-vanilla-js-app/)

11. Video Player - [Github](https://github.com/buzzcosm/custom-video-player-vanilla-js-app) | [View Live](https://buzzcosm.github.io/custom-video-player-vanilla-js-app/)

12. Form Validator - [Github](https://github.com/buzzcosm/form-validator-vanilla-js-app) | [View Live](https://buzzcosm.github.io/form-validator-vanilla-js-app/)

13. Spock Rock Game - [Github](https://github.com/buzzcosm/spock-rock-game-vanilla-js-app) | [View Live](https://buzzcosm.github.io/spock-rock-game-vanilla-js-app/)

14. NASA API Pictures - [Github](https://github.com/buzzcosm/nasa-api-pictures-vanilla-js-app) | [View Live](https://buzzcosm.github.io/nasa-api-pictures-vanilla-js-app/)

15. Math Sprint Game - [Github](https://github.com/buzzcosm/math-sprint-game-vanilla-js-app) | [View Live](https://buzzcosm.github.io/math-sprint-game-vanilla-js-app/)

16. Drag & Drop (Kanban Board) - [Github](https://github.com/buzzcosm/drag-and-drop-vanilla-js-app) | [View Live](https://buzzcosm.github.io/drag-and-drop-vanilla-js-app/)

17. Calculator - [Github](https://github.com/buzzcosm/calculator-vanilla-js-app) | [View Live](https://buzzcosm.github.io/calculator-vanilla-js-app/)

18. Splash Page - [Github](https://github.com/buzzcosm/splash-page-vanilla-js-app) | [View Live](https://buzzcosm.github.io/splash-page-vanilla-js-app/)

19. Paint Clone - [Github](https://github.com/buzzcosm/paint-clone-vanilla-js-app) | [View Live](https://buzzcosm.github.io/paint-clone-vanilla-js-app/)

20. Pong - [Github](https://github.com/buzzcosm/pong-vanilla-js-app) | [View Live](https://buzzcosm.github.io/pong-vanilla-js-app/)



### Inspiration



- Quote Generator (React) - [Github](https://github.com/buzzcosm/quote-generator-react-js-gh-pages)



### Interesting stuff



#### Javascript Runtime



- [Philip Roberts About Event Loop](https://www.youtube.com/watch?v=8aGhZQkoFbQ) ▶️ YouTube 🔥

- [Model example](http://latentflip.com/loupe/?code=ZnVuY3Rpb24gcHJpbnRIZWxsbygpIHsNCiAgICBjb25zb2xlLmxvZygnSGVsbG8gZnJvbSBiYXonKTsNCn0NCg0KZnVuY3Rpb24gYmF6KCkgew0KICAgIHNldFRpbWVvdXQocHJpbnRIZWxsbywgMzAwMCk7DQp9DQoNCmZ1bmN0aW9uIGJhcigpIHsNCiAgICBiYXooKTsNCn0NCg0KZnVuY3Rpb24gZm9vKCkgew0KICAgIGJhcigpOw0KfQ0KDQpmb28oKTs%3D!!!PGJ1dHRvbj5DbGljayBtZSE8L2J1dHRvbj4%3D)

- [Garbage Collection in Redux Applications](https://developers.soundcloud.com/blog/garbage-collection-in-redux-applications)

- [Mozilla - References: Web API](https://developer.mozilla.org/en-US/docs/Web/API) 📄🔥

- [Mozilla - Event Loop](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Event_loop) 📄🔥

- [W3Schools - Asynchronous JavaScript](https://www.w3schools.com/js/js_asynchronous.asp) 📄🔥

- [Wikipedia - Ryan Dahl (inventor of Node.js as JS Runtime)](https://en.wikipedia.org/wiki/Ryan_Dahl#:~:text=Ryan%20Dahl%20(born%201981)%20is,the%20Deno%20JavaScript%2FTypeScript%20runtime.&text=Dahl%20(2010%3B%20age%2029).)