Lab 1 - Sept. 19th
- Lab 1 is the first assignment in CIS 3344 and covers the creation of a simple 4 page website layout using global CSS formatting and some modern CSS design elements. There is no link to this lab because this page itself is our lab.
- I have some experience with developing basic websites and single page applications but I don't really have any experience with any large or complex frameworks, etc. I would consider myself mostly a novice in general..
- I think these are excellent assignments to introduce the basics of client-side development at a pace that is acceptable to the novice.
Lab 2 - Sept. 29th
Lab 2 involves the creation of a responsive site using CSS tools like flexbox, etc, in order to create applications that work well in browsers on both mobile and desktop devices.
View Lab 2 Here
Lab 3 - Oct. 18th
Lab 3 is a basic javascript application that involves creation of a front-end application that mimics a storefront-type scenario
In this application, objects representing items on sale are in a large array that is used as the means to build the front-end display items.
Additionally, the lab requires a cart function that allows users to add items in the menu to a basic cart system. There is an extra credit option for displaying prices in both.
My biggest issue was the building the size dropdowns dynamically because I was having an issue with successfully binding the event handler to the dropdown event. I ended up fixing the issue
but this was only after I spent a few hours playing with different solutions including jQuery when I was incorrectly defining the html and causing the javascript to set the handler to an undefined method, rather then to the actual method I was using to handle the change events correctly
View Lab 3 Here
Lab 4 - Nov. 13th
Lab 4 is a javascript application demonstrating the ability to use the localstore key/value store system available
in modern browsers. In the application a basic site resembling a bare minimum real-estate site is created that is
roughly similar to the application that we created in last lab that created a simple coffee shop type application
that allowed for a basic ordering system but used a hardcoded list of products. The localstore system allows flexibility
in creating objects/instances of objects that can be modified/created/destroyed over the course of the application being used
My biggest problem was getting the search functionality running, so my biggest goal was to make the map/filter system work for
filtering results properly based on the search boxes. It's still fairly finicky.
View Lab 4 Here
Tutorial Project - Dec. 1st
The tutorial project is a class project where we are prototyping a project based on an upcoming advanced framework/technology of our choosing
This project utilizes WebAssembly/Standard-WEB/and web socketsIn order to run locally, please compile or run the java service locally on your machine. Instructions provided
View Tutorial Project SPA (DEMO APP DOES NOT WORK UNLESS YOU RUN API SERVICE ON LOCAL MACHINE)