I have connected the local version of my website to the remote version via terminal code. When I put some code on the terminal everything I write and do will be published to the internet! Here are the steps to upload my website online:
1) Go into terminal
2) Type in "cd ./desktop/derationalize.github.io"
3) Type in "git add ."
4) Type in "git commit -m "(update of what you just did)""
5) Type in "git push"
6) Refresh your website!
Today we reviewed concepts from previous classes, and I changed the font of my journal - I also learned how to change the font on my website!
I was out from class today, but I made a lot of progress on my website, changing the design, adding different sections, and creating my name card!
Today we used javascript to access the console and we learned to track mouse clicks and keys pressed - things like that! I am going to try and incorperate that javascript into my code soon!
We took time in class to edit our websites and code our animation project. I finished the revisions I planned to make, including creating a back arrow for every page of the website and coding my animation project - my website is really starting to take shape now :)
In class we got an assignment that we had two weeks to complete - we had to code a jumpscare. I wanted my jumpscare to have an eerie vibe so I used an eye and made it watch you and follow you. I used a div of an eye and with javascript made a function so that it could expand when it was clicked on after changing the background image. From the event listener video, here are my questions:
1) What are all the ways event listeners can be used?
2) How exactly are variables used?
3) How can we use hex codes in the style of a div?
Functions enable javascript code to preform actions instead of building out the design of a webpage. Much of the head of an HTML page can actually be included in the body function. Functions can respond to many different inputs, such as a click or a key pressed - when they do you can have them preform virtually any command within the realm of code. I used functions to make my dessert project, and included stylistic variations within the function for my div!
I just finished my gratitude project! I made rats appear one by one after clicking on a div, I used functions in Javascript to do this! I had to work a lot with positioning and event listeners in order to make sure the rats would go to different spots every time the sewer grate was clicked :)
I had four questions about coding in general and I had them answered both by Ms. Josephs and ChatGPT. These are the responces I got!
What is an HTML Page? It is a file that is opened and used as a webpage.
What is an If statement? It is a feature of Javascript and you use it like a conditional function.
What are all the languages you can possibly use in an HTML code? There's loads, but some key ones are Python, Javascript, CSS, and others!
How do you have audio constantly playing in the background of a webpage in HTML? If you use a feature called an autoplay loop with an audio div then you can have it looping with some statements in javascript!
I just finished a project where when you click on a button, a div will be created a finite amount of times and a sound will be played. In this project, I learned how to encorperate the div into the function rather than making a seperate div. I used a counting variable to do this!
I have created a project that allows you to decorate a cookie like it is a blank canvas! The code that makes this possible has several steps - the first is creating a div for the cookie and then a bunch with the same class for the toppings, then I had to make it so that the divs listen for a click and then change the background image so that it goes onto the cookie. I used a lot of event listeners and other new uses for variables to code this!
In this Space project I used arrays to randomize both a div image and a text associated with it so that it tells you what type of space object are you - we used variables with Math
I learned how to make a div move based off a key press with the car code - I used this new code to model a car that moves and turns with the WASD.
I just finished my slideshow project using a code referencing reveal.js - a template designed with making good slideshows in mind. my slideshow is about my favorite books that I would recommend.
I made a love calculator for valentines day, where there is an input space and a button and when you input a name it gives you a compability with that person. I also added a special feature where if you put in "Ayla" it says that the person is 100 percent compatible with.
Last week of real school! I have been working on my final project for the past few months, so I have been updating my journal entries there, but overall I wanted to reflect on my Comp Sci journey so far this year. I was honestly pretty timid of going into computer science at the start of the year, especially considering I wasn't taught a lot the year prior, but I found myself exceptionally surprised by the support both my teacher (thanks molly!) and my peers in my journey. I found comp sci to be almost stress-aleiviating and I enjoyed the problem solving and functionality of creating my own website. It felt rewarding to see my work online, and I thought this whole year has been excellent in expanding my comfort zone.