Project Based Learning - Frontend
Javascript
- Build a Calulator
How to build a simple URL shortener with just HTML and JavaScript [freecodecamp.org]
Create a drawing app with HTML5 canvas and Javascript(http://[www.williammalone.com]
How to build a Todo List App with JavaScript [freshman.tech]
How to build a Simple Calculator App with JavaScript [freshman.tech]
Javascript Games
- How to build Snake using only JavaScript, HTML & CSS [freecodecamp.org]
- How to build a simple sprite animation in JavaScript [($5/m) medium.com]
- 2D breakout game using pure JavaScript [https://developer.mozilla.org]
- How to Build Tetris in React - GameDev Tutorial [youtube.com]
Javascript Animations
CSS
- How to build a calendar with CSS Grid [freecodecamp.org]
- How to build a Reddit-inspired loading spinner with only HTML and CSS [freecodecamp.org]
- How to build a Mobile App Layout with CSS Flexbox [freshman.tech]
- How to build a Navigation Bar with CSS Flexbox [freshman.tech]
- Testimonial card [lorin-pop.com]
- Social media buttons [lorin-pop.com]
Angular
- ng-book [($39 - $79) fullstack.io]
- A component-based Reddit clone
- A real-time chat app
- A YouTube search-as-you-type app
- A Spotify search app
- Custom Tabs and UI Components
- Forms with Validations
- Maximillian Schwarzmuller [$10 - $199 udemy.com]
- Recipe Book
Vue
Fullstack Vue [($39 - $79) fullstack.io]
- A SERVER-PERSISTED SHOPPING CART
- A CALENDAR EVENT APP
- A VOTING APPLICATION
- FORMS WITH VALIDATIONS
- VUEX-BASED ROUTES AND AUTHENTICATION
- BUILD BULLET-PROOF APPS WITH TESTING
Maximillian Schwarzmuller [$10 - $199 udemy.com]
- The Monster Slayer (Small Game)
- Wonderful Quotes
- The Stock Trader
React