laurieroy / javascript-udemy-steele

A collection of short JS projects from Colt Steele's web dev Udemy course and a longer full-stack project

javascript-udemy (and other tutorials)

Some projects from various JS, Angular, React, Node and GraphQL courses I've taken.

Sep 2021 - Decided to add repos as orphaned branches. I am on an extended camping trip, so am adding piecemeal, when I have wifi.

Testing React-Bonnie Schulkin WIP

Sep 2021

Sundaes on Demand

color button

Material - UI Reece

I took this class to learn Material Tables to help out a friend on a side project. ArcDevelopment Sample Website

Material-UI

I took these classes to learn Material Tables to help out a friend on a side project. Jul 2021 - Initial course from Mammoth Interactive to learn Material UI consisted of two projects, building a grid layout website and a a SASS-type landing page

React from Stephen Grider

2018 and 2021. I started this course in 2018

React from Maximilian Schwarzmüller

2021 refresh I planned to work on a side project for a friend, that wanted React as a front-end, using functional components and MaterialUI tables. I took some time to refresh on React after a few years away from it, and learn

Angular from Maximilian Schwarzmüller

I took this course to gain a deeper understanding of Angular, as it was the front-end used for some c# .NET projects I was building. Summer, 2020.

React from David Joseph Katz

April-May 2019 Unfortunately, I was working on this course while at sea, away from a good internet signal, and the last month's worth of commits were lost when the hard drive crashed (and my backup was too old. grr).

Node from Andrew Mead

Colt Steele's Web Developer Bootcamp.

This course was recommended by a fellow student to coalesce concepts and to fill in gaps from my bootcamp.

CampReview

Aug-Oct 2018 web developer bootcamp udemy course JS code-along(YelpCamp) with some extras thrown on

RESTful Blog

Jul 2018 web developer bootcamp udemy course JS code-along

Create a sample blog using RESTful routing in express

scoreKeeper

Jul 2018 web developer bootcamp udemy course JS code-along

Create a simple game counter in vanilla JS with buttons for player 1, player 2, reset. Default number of games is 5, but this can be adjusted using the dropdown box. When either player's score hits the end number, the counter is frozen, and the winner's value turns green. Pressing reset resets scores. Changing the value of number of rounds also causes a reset.

todo List

Jul 2018 web developer bootcamp udemy course JS code-along

Create a resposive todo lis.Practice using jQuery, CSS Use font-awesome icons for del & hide form buttons. Button: Add New Todo. Text color changes to let user know they are editing, item is added by a enter keystroke, added to bottom of list. List of Todos: user can line through or delete item. When hovering on an item, a red bg trash icon delete button appears on left, deleting fades out then removes item from list If user clicks on the text itself, text, class changes to completed, changing text color and style to line-through.

colorGame

Jul 2018 web developer bootcamp udemy course JS code-along

Create a game where the user is given a RGB value and has to guess from a given set of displayed colors which is correct. Two levels are available, easy (3 choices) or hard (6 choices). User has the choice to reset the colors/play again.

Created six blocks, first assigned colors, then added in randomized. User selects a block. Color is compared to selected color. If it is wrong, the color is blacked out to background color, and user tries again. If the blocks are the same, the winner is declared, and all tiles and the navbar background change to selected color.