The repository contains code for simple JS/HTML/CSS Apps. Each project was built from scratch during the recording of the YouTube video. The video usually contains a short introduction, a review of the design, defining HTML structure and CSS styles, and applying JS code.

Provided exercises can help improve Web Development skills, get an understanding of how to code in JavaScript, and prepare for the Frontend interview.

The index.html summary page was created with links to all projects and deployed to GitHub Pages. Check All Projects Page App

Project 1. Counter App

• Topics covered: HTML Structure and Semantics, CSS Styling and Layout, JS DOM Manipulation, Events Handling
• Look at the code
• Try the App
• Watch on YouTube

Project 2. Image Gallery

• Topics covered: HTML Structure and Semantics, CSS Styling and Layout, JS DOM Manipulation, Events Handling
• Look at the code
• Try the App
• Watch on YouTube

Project 3. Facts App

• Topics covered: HTML Structure and Semantics, CSS Styling and Layout, JavaScript Fetch API, Promises
• Look at the code
• Try the App
• Watch on YouTube

Project 4. Jokes App

• Topics covered: HTML Structure and Semantics, CSS Styling and Layout, JavaScript Fetch API, Async, Await
• Look at the code
• Try the App
• Watch on YouTube

Project 5. Accordion

• Topics covered: HTML Structure and Semantics, CSS Styling and Layout, JS DOM Manipulation, Events Handling
• Look at the code
• Try the App
• Watch on YouTube

Project 6. Native Popups

• Topics covered: HTML Structure and Semantics, CSS Styling and Layout, JS DOM Manipulation, Alert, Confirm, Prompt Popups
• Look at the code
• Try the App
• Watch on YouTube

Project 7. Timer App

• Topics covered: HTML Structure and Semantics, CSS Styling and Layout, JS Date object, setInterval, clearInterval functions
• Look at the code
• Try the App
• Watch on YouTube

Project 8. Contact Us Form

• Topics covered: HTML Structure and Semantics; CSS Styling and Layout; Form, Input, Textarea, Form Validation
• Look at the code
• Try the App
• Watch on YouTube

Project 9. Memory Words Game

• Topics covered: HTML Structure and Semantics; CSS Flexbox Layout, Rem Measurement; JS array, Math.random()
• Look at the code
• Try the App
• Watch on YouTube

Project 10. Portfolio Projects

• Topics covered: HTML Structure and Semantics, CSS Flexbox Layout
• The source code is in the root
• Try the App
• Watch on YouTube