Journal

Journal Entry 1:
When I started making my webiste I learned about the geniuses behind the computers we see today. All the interface is just a graphic remake of the code I am working with now. Its incredible to think about how computer used to be like without this UI. As I am continuing to work on my website I have gotten much more familar and confident with coding. I have learned the different types of languages and how they work. I have also learned how to make links between different pages and how to make text appear.

Journal Entry 2:
I am starting to get more familiar with divs and how to add text to them and how to align them. I have added many moet o my website than before and have made it look much better now.

Journal Entry 3:
For homework I made a color changing bar at the top of my projects page. It changes to four different colors. The way I think it works is by specifying the animation name that you chose you can allow the code to be run in a certain way. Additionally, by using the keyframes tag you can select when and how the div changes.

Journal Entry 4:
I learned how to use Javascript to make an animation where multiple copies of an image appear. When we get more advanced we will be able to make different colors appear as well as different images. When I get more used to Javascript I will be able to incorperate it into my website to make it more interactive.

Journal Entry 5:
I finally figured out what an event listener was an used it to make an animation where a box turned different colors every time you clicked it. We are going to learn how to use music and play it, but for now I think this is very cool and a big imporvemnt from what I knew before about Java.

Journal Entry 6:
I learned how to use event listeners to effect divs and make them move (photos on project page). Next I learned how to multiply divs using mousemove and other things like that. Finally, I just got more practice with javascript and using to do stuff.

Journal Entry 7:
For homework I practiced using variables to make a car move in the direction you press the arrow keys. What the code does is it senses the arrow press, then it adds "10" to the variable with is later put together in a string along with px which corresonds to the div's position on screen. You can do this for both the left and right arrow keys.