Final Project

Week 1

Ponder

This was the first assignment. It was mostly html and css review.

Prove - Mission Statement

This was another html and css review project. We did this on ourselves, to help us remember web development.

Week 2

Ponder

This was the first main JavaScript assignment we did. We learned how to toggle classes on and off using JavaScript.

Prove - Background Theme

This was our first real test of JavaScript. We were tasked with changing the background of the page based on a user's choice. We also changed the font based on the choice as well.

Week 3

Ponder

This week, we focused a lot of responsive screens. Based on the user's screen size, we adjusted how the page looked to make it more user-friendly.

Prove - Cool Pics

This assignment was another responsive page assignment. We worked on changing the background to fit scriptures better based on the user's screen size. We also messed with hamburger menus for smaller screens.

Week 4

Ponder #1

For this assignment, we learned how to create clickable images that open a larger version of the same image on the page for easier viewing.

Ponder #2

This was a simple assignment, just to learn a little more about responsive behavior on screens, as well as transforming the hamburger menu.

Prove - Cool Pics #2

This assignment was a bit of everything we have learned up to this point. We were tasked with creating a responsive screen with multiple images, as well as a hamburger menu on smaller screens. We also were tasked with making the images clickable, so they opened bigger.

Week 5

Ponder

This assignment was mainly about accessibility, so that people who are blind are able to follow along on the webpage. We also messed with responsive screens a bit, and messed with javascript to auto add stars when necessary.

Prove - Blog

This assignment was pretty much the ponder of the week, but on our own. We worked on accesibilty, and we worked on responsive screens.

Week 6

Ponder - Arrays

This assigment was less about html and css, and more about javascript. We were tasked with creating some arrays, and then bringing them to the html to see it on the webpage.

Ponder - Movies

This assignment was changing the movies assignment we had last week to be more accessible and have the javascript add movies instead of html. We also talked about aria filters for the star rating, and made the javascript add the stars automatically.

Week 7

Ponder

This week was a short week - we just had one day in class. Because of this, this assignment was already done for us, it was to mainly see and experience how forms worked in javascript.

Prove - Credit Card

This assignment was similar to the ponder assignment, in the same way that we were asked to make a form for a user to fill out. We also went a little more into the javascript to be able to only take specific credit card numbers, to make sure that they are valid.

Week 8

Ponder

This assignment was more about reading and understanding instead of writing code. It was about javascript, and changing numbers based on button presses. Our main task for this assignment was to make the website look nice, by adding css.

Prove - Character Card

This assignment was my favorite assignment so far. We were tasked with making a video game character, and make a RPG - type game using them. We can make it so they were attacked and lose health, they could heal some lost health, and level them up to regain their max health and more.

Week 9

Ponder #1

This assignment was an overview of display using flex, and we were tasked with creating a gallery type website using flexbox.

Prove - Recipes

This assignment was about creating a recipe website, where we could filter through different recipes based on the type of food, and the time it takes to make. We also had to make it responsive, so it looked good on all screen sizes. It was just the first part though, so we didn't need to implement all the features.

Week 10

Ponder

This assignment was about exploring different hiking trails and creating a responsive layout for the information, letting us filter through them.

Prove - Recipes

This assignment was about creating a recipe website, where we could filter through different recipes based on the type of food, and the time it takes to make. We also had to make it responsive, so it looked good on all screen sizes.

Prove - Blog

This assignment was about creating a blog, where we could add articles to the page using JavaScript. We also had to make it responsive, and make it look nice on all screen sizes.