neenjaw / udemy-webdev-bootcamp

Repo of work done while working through Colt Steele's Web Development course on Udemy

udemy-webdev-bootcamp

This is a repo in progress as I work through the Udemy course by Colt Steele on web development.

Organized by unit, assignment in that unit.

Contents:

s03

• a1: Basic HTML element usage example.
• a2: More basic HTML element usage with and tags.

s04

• a1: HTML table example.
• a2: HTML form example with basic HTML5 validation rules.

s05

• a1: CSS selector practice.

s06

CSS Font/tyling practice.

• a1: CSS Tic Tac Toe -- using a table
• a2: CSS Code Along -- Image Gallery
• a3: CSS Blog Posts -- Box model practice

s07

Bootstrap Integration.

• a1: Bootstrap Image Gallery
• a2: Bootstrap Splash Page

s08

Intro to Javascript.

• a1: externalized JS, basic prompt, log usage
• a2: externalized JS, basic variable math, Math class use

s09

More Javascript

• annoy-o-matic: while loop until condition met
• loop-practice: for loops iterating through various number sequences

s10

Javascript Functions

• function-boilerplate: a few funcions.

s11

Javascript: Arrays

• todo: a todo list lite application, coded in module js style
• problem: a few array functions, written in modular js style, adds array prototype fn

s12

Javascript: Objects

• object: object practice Boilerplate
• movie-db: a movie database js test application to practice object usage, written in modular JS style

s13

Intro DOM

• dom: dom practice boilerplate

s14

DOM Events

• color-toggle: intro to event listening on a button and interacting with styles
• scorekeeper: score keeper applet, modular style, customizable settings parameter
• todo-revisit: adding events on mouseover, mouseout, click

s15

color-game: an rgb color guessing game

• How to install: copy the three files to a dir, then open the html files
• How to play: click a square, if it matches the rgb code at the top, you win!
• Features: modular JS style, flexible initialization settings.
• Notes: learned a lot about block vs inline alignment, css selector specificity, DOM manipulation without libraries like jQuery.

s18

jQuery Todo List: Now recreating the todo list with the jQuery library

• Features: Modular JS style, css3 transitions, jQuery event listeners could be modified to work with backend data-structure.

Patatap

Patatap clone built with Paper.js, howler.js