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

https://github.com/neenjaw/udemy-webdev-bootcamp

Repo of work done while working through Colt Steele's Web Development course on Udemy
https://github.com/neenjaw/udemy-webdev-bootcamp

bootstrap4 css3 html5 portfolio web webdevelopment

Last synced: 3 months ago
JSON representation

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

Awesome Lists containing this project

README

          

# 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