You can access my labs here.


Lab 1

My experience with html css and javascript is limited to the basics but i hope to get better. One technique i used was floating in order to allow images to align next to each other along with a .clear class in order to stop the floating. One thing i disliked about my site is i feel like i could be better at both organizing my css and designing the site beforehand in order to have a polished idea to build on.

Lab 2

During this lab i learned a lot about fluid web design, including developing a site with mobile-first in mind. this allows me to make a mobile friendly site and then align the elements properly when a desktop is used. I used the vh unit in order to make sure every page is the height of the viewport.

Link

Lab 4

Working on this lab was the first time i've been exposed to jQuery, and so I learned a ton about how it can interact with the page to manipulate elements. After becoming familiar with the selectors, I learned how to utilize methods like .val() and css manipulation. After that I learned how to place objects created from the js file onto the page dynamically in order to create and display houses. I struggled with some of the syntax for jQuery, which led to a few errors. This gave me practice with the debugger. One thing I learned aside from the javascript and jQuery topics we learned was how to use a spread operator to fill in a house object using an array.

Link

Lab 5

This lab taught me a lot about working with webAPIs and incorporating them into a web application. I learned how to apply the concepts in order to make requests to the server to both send and recieve information. I learned how different requests are used for different purposes, and how routing is used to map those requests to methods in ASP .Net. I liked using a database to incorporate data instead of using local storage as it provides better functionality. I also learned how to use postman to test my functionality before I implemented it. One aspect I had trouble with at first was understanding how routing works in order to map URLs to methods in my webAPI.

Link

Tutorial Project

I learned a lot during development of my React app. I had no experience whatsoever with React so there was a lot to learn. I learned how to use JSX to place elements on the page dynamically. It made creating a dynamic UI much easier to work with. I also learned a lot about the mindset required when working with react. This involved keeping data at the top component and only passing it down. The only way to bring data back to the top was with event handlers that were passed down to child components. Overall I really enjoyed using React and will most likely be continuing to update my app to add new features and to improve the code.

Link