This repository is to track my progress as I work through The Web Developer Bootcamp 2021 by Colt Steele on Udemy.com. I will be working on this course in conjunction with The Complete 2021 Web Development Bootcamp by Angela Yu, also on Udemy.

Start Date: December 2020

• Marathon Form
• Photo Site
• Responsive Nav
• Pricing Panel
• Museum of Candy
• Todo List
• Score Keeper
• TV Show Search App
• YelpCamp

A basic HTML only form.

• Used <fieldset> to group different sections of the form

A HTML and CSS only site with photos in a 3x3 grid.

• Used CSS Grid for layout instead of just margin and padding

A responsive nav bar made using CSS Flexbox and a colour changing heading using media queries.

• Made site mobile-first
• Tried out the technique in this post to scale the font size of the heading while the viewport width is within a certain range
• Used SASS to more smoothly transition through colors at different screen widths

A responsive pricing panel.

• Converted to SASS to make things more organized
• Used CSS Flexbox more to handle layout

A basic website made using Bootstrap.

A console-based todo list.

• Used switch instead of if else to differentiate commands
• Used forEach instead of for loop to list todos
• Used setTimeout to make sure page loads before prompt stalls everything
  • Already tried:
    • window.onload = toDoApp
    • document.addEventListener("DOMContentLoaded", toDoApp)
    • window.addEventListener("load", toDoApp)
  • Need to look more into it
• Added some styling
• Todo list is now displayed on the browser and adjusts according to user input
  • Works on Firefox, but not on Chrome

A simple ping pong score keeper.