This lab was an introduction on how to use HTML and CSS to create a website.
The main objective was to create a 4 page website, using HTML and CSS, that we can use for the duration of the semester.
The lab also provided experience with publishing websites.
Before starting this class and this lab, I had very little experience with HTML and CSS.
The only other time I used HTML and CSS was in one lab in my Computer Architecture, Operating Systems, and Networking course.
However, we were never taught how to correctly use HTML and CSS.
In this lab, I was able to practice with different CSS techniques such as positioning, changing font colors and background colors, using float to make my divs line-up next to each other, and changing the size of my images.
One aspect that I liked about this lab was learning to create your own website from scratch and experimenting with the different CSS techniques.
I also liked being able to design the website the way that I wanted to with regards to the colors, font, and content.
I would say that there was not really anything that I particularly disliked about this lab.
I did have trouble with the positioning of the different elements, but that was not a bad thing because it allowed me to look the techniques up and learn how to use them.
In this lab, we were able to gain more experience creating a responsive web page. The main objective was to first create a single-page layout which meant that each part of the website was layed out in a single page instead of on different pages. We created a website based on a chosen theme and made a virtual page for the home page, an information page, a form page, and a photo gallery. We also had to link our previous lab assignment website into the navigation bar so that we could access it from this website. This link referenced the labs section of that website.
With this lab, I learned how to make a website responsive depending on the size of the screen. For example, the website would need to look different on a mobile device than it would look on a desktop. I also learned how to make a single-page layout which basically just consisted of making each web page into a separate div. One thing that I liked about this assignment was that we were able to make the website about any theme. Therefore, we were able to make it look the way we wanted because there were not too many guidelines. The only thing that was tricky about this assignment was making the website responsive. It was hard for me to figure out the easiest way to make it look nice on different size screens. It looked nice for my laptop screen size, but it was hard to figure out the right way for it to look nice when I shrink the display down without having to change the style for each possible size. I am sure that there is an easier way to do this, but I could not figure it out.
In this lab, we used JavaScript to create an interactive video game web application. We used event listeners to trigger an event when the user clicks, changes, or interacts with a specific element.
With this lab, I learned how to make a website more interactive by using JavaScript and event listeners. It was interesting to see how JavaScript code can be added to a website to make it more dynamic and to allow users to interact with the different features. The most difficult part of this lab was figuring out what elements and information to dynamically add when an event is triggered. I also am still having trouble with making the website responsive and styling the elements based on the size of the screen. Another thing that I had trouble with was figuring out a way for the user to return to the previous pages without them having to restart their search. I also had difficulty with displaying more details for the selected game, but I found that the keyword 'this' helped with accessing the right information.
In this lab, we continued off of the previous lab, but instead of using JavaScript for the functionalities, we used jQuery.
With this lab, I was able to practice with using jQuery to make the web page interactive. I have never used jQuery before, so it was interesting to see the different things that you are able to do using it. I noticed that with jQuery, there was not as much code that I needed to write compared to JavaScript, which was nice. It was also interesting to see the differences between JavaScript and jQuery when it comes to the methods that you can use. It seems as though jQuery has more built-in methods while, when using JavaScript, you might need to combine different methods to achieve the same goal. One thing that I liked about this lab was practicing different ways to make a web page interactive. It is nice to expand your knowledge of different tools that you can use. One of the more trickier parts about this lab was using local storage. I have never used local storage before, so it took me quite some time to figure out how it works and how I would be able to access the array of video games, and changes to the array, from different pages. Once I figured this out, it started to make more sense, except I still had some trouble with session storage. I also realized the importance of using a unique id for every id you create. Whenever I had trouble with something not showing up correctly on the page, it seemed as though the major reason was because I did not correctly name my ids for the elements.
For this project, my team made a web application using Blazor WebAssembly. We needed to research the topic and create an application based on what we learned. We also needed to create a tutorial page that explained our application and how you would go about making your own.
With this project, I learned how to create a web application using Blazor WebAssembly. I have never heard of Blazor so it was interesting to learn about a different way to make a web application without using JavaScript. It was also interesting to see how you can use C# for that application. I am familiar with using C# so it was simple to write the necessary methods. One of the difficult parts was attaching an event handler to an html element. With JavaScript and JQuery, you can easily access the elements and attach an event, but with Blazor, it is not as straight-forward. There is probably an easier way to do this, but there was not enough time to get too in-depth with the research.