back to home page
Welcome to my journal!
HI!!! This is my first journal entry! Today we learned about...
how to add things to my online version of my website
- Open my terminal and navigate to my folder by typing cd ./desktop/c27dk.github.io
- If I want to see if I added anything I can type git status and it can show me my changes
- to add what I made I type git add .
- Then I commit my changes and this means adding a little note that marks what I did so I saw git commit -m "whatever I did"
- To finish it off and put my changes online I type git push
2nd Entry: Today I started to change the positioning of the butterflies on the home page. I want to create an about me page and then add another butterfly for it. I also need to learn how to position my text.
3rd Entry: Today I changed the position of the butterflies on my home page and added my about me page. I want to add the text that says "journal" "about me" and "projects".
4th entry: Today I centered my text, made my boxes project, and added different projects to my projects page. I want to create a calm but cute vibe for my website. Maybe I will add more to my home page later.
5th entry: Today I changed my boxes project so now if you hover over one of the boxes, there is a butterfly.
6th entry: I did my jumpscares! Once I understood that in javascript the periods mean that you're going into whatever word you said before, like style, it was much easier to just try things out.
Questions:
1. why do you sometimes need commas in between things (ex. the colors)?
2. are there interactions other than click and mouse move?
3. what does having (event) do? is it a placeholder?
Today I made my bubble project. I think I'm starting to actually understand how javascript works but I still don't really get how to add sound.
I added the bubble pop sound to bubble project! I just had to figure out how to put the converted mp3 into my project folder so that I could reference it in my code.
Today i finished my gratitude card! I think this project really helped me understand how to combine html and javascript. I made my divs and styled them in html but then used javascript to change their opacities based on the "clicks." I also now understand that to make the code a loop, I just had to reset everything back to zero at the end.
I asked ChatGPT to explain how classes work and it compared it to a car manufacturing factory where different cars are built. It said classes are like predifined design templates for various car models. Each template defines specific styles and features for a particular type of car.
Today we worked with random strings. first we learned how to create a string. you have to put commas between each part of the string. we then learned how to make a variable that selects a random number so that you can use that variable to select a random part of the string. we then created an event listener so that when you click, it console logs a random piece of the string. you have to put the variable in the event listener so that it doesn't just do it once. you then can use this knowledge to instead of console logging one part of the string, it appears on the website when you click.
Today I made my car project! in my javascript I made an x and y variable both set to zero. I then made an event listener for key down. I made an if statement so that if the key is arrow right, the x variable would be itself plus 15. for arrowleft i made x = x-15. I made the same if statements for arrow down and arrow left but with the y variable.
Today I finished my Valentine's Day card. I set the x and y variables to the same values as the position of the heart in its style so that when I move the heart, it doesn't go back to zero before moving.
Today I added my slideshow to my website and replaced my about me page with it. When anchoring it to my website, I had to put ./reveal.js-master/reveal.html in my a tag/href because you have to go into the reveal js folder before accessing the page.
Today we worked with COLOR!!! when you click on different parts of the screen, the x and y coordinates match with how much blue or green is in the background color. you do this by making a variable and making it equal to event.client x or y and then in the string in the javascript that sets the value of rgba, you make the values of the two colors that you want to use as the variables that connect to the x and y coordinates. for the third color that you don't want to use (I didn't want to use red) you make a variable that is equal to zero and put that variable in the color's spot and you make the fourth spot, the opacity, 1.0.
Questions about color:
- how do color blind glasses work?
- how is color used differently to target children and adults?
- how does color affect our emotions?