Labs

Lab 1:
Prior to this class I had zero experience with HTML, CSS, Javascript or any other client-side frameworks. I have always been really interested UX design, so I am interesting in learning more throughout this course. In this assignment I used external CSS coding, classes, and ID Selectors in my style sheet. I also used absolute positioning as well as floating and saw how they both respond to instructions. This lab also taught me how important understanding syntax and the basics are in HTML and CSS. I enjoyed doing basic exercises to get a feel on how to use HTML, CSS, and visual studios. It is also rewarding being able to run your design in a webpage to see how it looks and to show other people. I am an indecisive person so I did not like the freedom in colors or locations, as it takes me a while to find a combination I like. At the same time I love the freedom in creativity that styling allows. It is very helpful to fool around with the different tools in styling to see what each tool does specifically. Overall, this is an exciting lab that allows me to show off what I am learning in class.
Lab 2: Disney
In lab 2 we had to make a resposive web design as well as a "single-page" website. Responsive web designs have always really interested me and I've been fascinated with how the websigns change their content based on the screen size. I learned how to use media queries and I have a deeper understanding of classes and how they can be used more efficiently. I also used many pictures in my lab so I was able practice spacing and positioning with them as well. I also have a better understanding of padding and margins and how they can be used to help the spacing. I learned how to create a forms section with user input. This was interesting because I had to use a table and still get the layout I wanted. I also learned how to create a fixed navigation bar and how to adjust the layout when the screen becomes smaller. I really liked being able to put forth the knowledge we learned in class since I am interested in this topic. I think the form part was my least favorite part of the lab because it took me a long time to understand how to make one and then how to style it how I envisioned it. I struggled with creating the forms sheet and some of the spacing was off when converting to a mobile design.
Lab 3: Game Store
In lab 3 we had to make a virtual game store. I think this lab was more difficult for me since it was my first time using JavaScript. I really struggled adding the new game into the store. I was able to find out how to load it correctly, but was having problems with my page reloading. I think JavaScript was interesting because you are able to be more creative and do more dynamic things, but it is difficult to understand. I learned a lot about how to create a dynamic and interactive webpage wich is really cool. I was able to take user input and use it towards my website. I came into a lot of small issues that were unclear how to fix, so this lab was very time consuming for me.
Lab 4: Quiz Builder and Taker
In lab 4 we had to allow users to take previous quizzes, create a quiz and then take their own quiz. Truthfully, I struggled with this lab, incorporating classes and local storage. Most of the resources I had were not as in depth as I needed to go so it took me a while to understand what needed to be done and how to use it. JQuery was definitely a lot easier and more efficent once understanding the syntax and how to access info with it. It saved a lot of time and lines of code to accomplish the same outcome, if not better than I could have done with JavaScript. This lab was definitely the hardest assignment so far, but it was also the most rewarding assignment to see how websites can work in different ways. I had to do a lot of trial and error on how to use local storage and access the data that is saved in there.
Tutorial Project: Book Review
For this assignment, we were in pairs and had to learn a framework on our own, use it, and then create a tutorial page to show others the basis of the framework. My partner and I chose to create a book review website using Bulma. We also used a database and web API to help our website. It was really interesting to learn about this and implement things that were taught in class. It gave me a more realistic idea of how someone would use these features in the real world. It was difficult to work with the Web API, as this was my first time every using one. The database part was tricky at first as well, but easier to pick up for me since I have previous knowledge of databases. For the book review, users are able to search for books by title or author. They are also able to leave a review and a rating on the book itself. The website will also give a recommendation of other books, grouped by same author or genre of a specific book. The users are also able to add and delete books based on their preferences. Bulma was really interesting and helpful to use and it was a nice insight on all of the possible frameworks out there. We also created a tutorial page that focuses on columns, modals, title, subtitles, navigation bars, and footers.
Lab 5: House Database and WebAPI
For this assignment, we had to use AJAX, Jquery, and WebAPIs to create a house database and real estate management system. I really enjoyed this lab and thought it was really cool to be able to implement and modify databases Databases have always interested me so I was eager to complete this assignment. I have never used AJAX or WebAPIs before, so they were two topics that are really useful once you learn them. It was not too difficult to use them once I grasped the idea of them. Something that was difficult for me was making sure all of the names lined up with the database names and lined up with the class names. There were multiple occasions where I thought the project was not working, when in reality the code was correct but the names were not the same. Another tricky thing that you have to be aware of is the syntax especially with your quotation marks. Overall, I think this was a super useful lab and I know I will definitely be using this material in the real world.