Labs Page

Home Labs About Me Portfolio

Lab: 1
HTML and CSS - Fall 2020


Overall Objective(s): Create Home Page, Labs Page, About Me Page, & Portfolio/Resume Page on Published Website.
*respective general descriptions of each page's content can be found on the Home Page of this website.

What I enjoyed about this Lab: Getting to tinker around w/ CSS & HTML on all the pages with individual but similar External Style Sheets

What I disliked about this Lab: Mild problems involving the configuration of Visual Studio Enterprise 2017.

CSS Techniques Applied on Pages:
Id/Class/Element Selectors
Nesting w/ Anchors inside Spans inside of Div for Navigation System
Static Positioning w/ use of Margin and Padding
Specificity w/ Class and Pararagraph Element
Floating and Fixed Positioning applied to Footer, L/R Images




Lab: 2
Responsive Web Design - Fall 2020
Link to Website


Overall Objective(s): Create Single Virtual Page

What I enjoyed about this Lab: Getting to tinker around w/ CSS & HTML on all virtual pages, utilizing RWD and a single External Style Sheet

What I disliked about this Lab: Mild problems involving publication of Lab to Mapped Drive

CSS Techniques Applied throughout Virtual Pages:
Id/Class/Element Selectors
Nesting w/ Anchors inside Spans inside of Div for Navigation System
Static Positioning w/ use of Margin and Padding
Specificity applied to elements where needed
Responsive Web Design
Floating and Fixed Positioning applied to Footer, L/R Images




Lab: 3
JavaScript - Video Game Store
Link to Website


Overall Objective(s): Create Single Dynamic HTML Page

What I enjoyed about this Lab: Working w/ video games (a favorite hobby), and making a dynamic, cool looking application

What I disliked about this Lab: Mild problems involving JS being finnicky and debugging w/ console

Techniques Applied throughout Dynamic HTML Pages:
Id/Class/Element Selectors
JS Named and Anonymous Functions




Lab: 4
JavaScript 2 - Quiz Builder
Link to Website


Overall Objective(s): Create Two HTML Pages that Store and Retrieve LocalStorage Quiz Objects

What I enjoyed about this Lab: Working w/ Local Storage, it was interesting to see how that functionality of browsers worked

What I disliked about this Lab: The utilization of Classes for quizzes and a quizlist, I tried repeatedly to utilize class methods, but it just wasn't working, leading me to elect to use a variable to create quiz local storage objects based on localstorage.length and how many "Quizzes" were already in local storage, and get them using an integer in a retrieval method of "get.Parse("Quiz + integer");

Techniques Applied throughout Dynamic HTML Pages:
Id/Class/Element Selectors
JS Named Functions (mainly event handlers in this instance)
Local Storage get and set with JSON.Stringify() and .Parse()
JQuery Functionality




Lab 5 – JQuery, AJAX, and Web APIs

Project Description
Home Real Estate Program

Link to Project w/ WebAPI Code


Overall Objective(s): Create a working WebAPI and Application in which users can add, delete, get, and update Homes to A Database.

What I enjoyed about this Lab: Working w/ the DB and Bulma (as I did in the tutorial, it is pretty much the same in appearance besides some color and column changes), it was interesting, as the amount of CSS we used was really small in comparison to previous projects, only that being some padding and backgroundColor properties a majority of the time

What I disliked about this Lab: Some hiccups with the attempt implementation of Ajax, as I, in the same fashion of the Tutorial Project, employed XMLHttpRequests.

Techniques Applied throughout Dynamic HTML Page:
Bulma Framework - Modals Toggled On and Off
Bulma Framework - Columns for appearance
Bulma framework - Cards For appearance
Bulma framework - Static Buttons For appearance




Tutorial Project

Project Description
Book Reviewer w/ Bulma Framework

Link to Project w/ WebAPI Code


Overall Objective(s): Utilize the Bulma framework, along with a Web API (nonfunctional at this link) and Books and Reviews DB, to create a book review application in which users can search for books based on filters, add books and reviews, delete them, and/or get recommendations based on similar genre and same authors

What I enjoyed about this Lab: Working w/ the DB and Bulma, it was interesting, as the amount of CSS we used was really small in comparison to previous projects, only that being some padding and backgroundColor properties a majority of the time

What I disliked about this Lab: Some hiccups with the attempt implementation of Ajax, as we ended up using XMLHTTP Requests to make calls to the Web API and its get, post, and delete methods

Techniques Applied throughout Dynamic HTML Page:
Bulma Framework - Modals Toggled On and Off
Bulma Framework - Columns for appearance
Bulma framework - Cards For appearance
Bulma framework - Static Buttons For appearance