Joel Johnson's CIS 3344 Lab Page

In this lab I learned how to use HTML and CSS to create an easy to use webpage that links all the projects I will be creating this semester into one place. I’ve also added a web page about myself as well as a resume page of my skills up until taking this course. Prior to taking this course I had basic knowledge of HTML and CSS. I was using Dreamweaver to design basic websites for a class. In this website I was able to use floating techniques and box model principles for different elements on this page. I liked how easy it was to adding styling to different elements, but frustrating when one change would impact another portion of the website. I learned for the future that properly naming classes and ids of elements in the beginning will provide less rework and headache later. I also like how the more functions that you learned available in HTML and CSS the more creative you can be when creating a website.

In this lab I learned how to use HTML and CSS to create responsive webpages. I learned from my mistakes in lab 1 regarding naming and proper structure. I leanred that it's important to start with one complete desktop site before moving on to the mobile version. Putting creating containers and wrappers are a good way to organize the page. I liked this lab with the single page navigation bar it felt more like a modern web page. For this lab I create a web page about my dream cars and my reasons for picking them as well as the runner ups that are still on my list but did not quite make the cut. I have also placed a form in place to get opinions of others dream vehicles.

In this lab I learned how to use HTML and CSS and JavaScript to create dynamic webpages. I learned from my mistakes in lab 1 regarding naming and proper structure. I leanred that debugging JavaScript is a very tedious process but the language itself is very manipulatable. Through the skills I learned I've made a Coffee Shop called Java Johnson's Coffee Shop. It has a variety of Coffees, Teas, Pastries and Merchandise. All of the items are dynamically created from an array containing the items. Take a Look!

In this lab I created a reality website which is dynamically created using jQuery and JavaScript. I learned how the use of jQuery can be extremely powerful and effective. I learned that the slightest change in syntax will cause your program to fail and that the console is your friend.

In this lab I created a Reality page similar to the one in lab 4 however this time we learned about using web API's and a database in order to verify agents that logged in as well as get the data from the database to be displayed into an html page. I learned how to resolve CORs errors and use postman to troubleshoot my web API. I also learned how to implement the webapi using AJAX and Jquery. This lab taught me the most throughout this semester because I was able to use all the skills I learned. I liked PostMan for how easy and useful it was to test the web api.