10/3/21:

During my first few weeks of Computer Science, I have experienced a lot of new things, and I have tried to take in as much as I could have. So far I have explored a lot of different features, and have learned the importance of colons, semi-colons, quotations, hashtags, period’s, etc which have extremely different meanings in the English language than they do in html. I am really enjoying this class, as I can explore something totally different to what I have ever done before, and there are no consequences if I do something that I hadn’t planned on, or initially hoped for. I am working on the links for my journal and projects, and am currently struggling with the exact details of it. In the next week or two, I want to start a project after setting up the basics of my website.

11/1/21:

During the HW for today, I learned what a function is. A function is something that runs a task. A variable is something that contains large amount of data that refers to a certain element. I can make a function run by opening the website. Some javascript words that I have learnt are: variable, document, interval, function, and the child parent relationships. I used my function for repeating an image.

11/8/21:

During class today I am going to work on making my website more coherent and improve the flow of my website. I want everything to be color-coordinated, and for it to look nicer. I still need to work on my gift project, and need to continue working on it. For that project I need to use a bunch of different div tags including different pictures that have special meanings to me and him.

11/15/21:

Somethings I have learnt from reading the articles about JavaScript and RGB colors are that JavaScript is a "compact, yet very flexible" coding language. JavaScript is often used to add interactivity for a website. RGB stands for the primary colors: red, green, and blue, and they are the basic colors used for displaying images onto a screen. Each pixel has a subunit for each of the three RGB colors. These primary colors allow us to see any color.

12/3/21:

My gift before winter break is going to be for my father. Us two bond over soccer, and I want to recognize that by creating an animation of us two kicking a ball back and forth. When I click on myself, the ball will move to me, when I click on him, the ball will move to him. I am going to use JavaScript to make an eventListener to make that happen. My background will be a div of a soccer field, with div's of me and my father on top of it.

1/17/22:

Recently, we got back from winter break and now we are bacm to coding in JavaScript. Despite being rusty and had not coded in more than two weeks, I still attempted to get back into the flow of things. Watching the videos helped me regather my understanding, and with that I made a practice codesketch. I went through it line by line to try and check my understanding of each line, and JavaScript in particular.

2/8/22:

During this week I worked on a data representation codesketch. I represented statistacs on my Fantasy Premier League team. My homepage of this data representation was a for loop. Then in the forloop I had links on each of my images, where there is an image and some data on how that round of fantasy went. The hardest part of this project was creating the for loop exactly how I wanted to with spacing, dimensions, and style exaxctly how I wanted it.

2/13/22:

Using reveal.js was very challenging and confusing for me. Initially I edited the slides to have words and text that I wanted, but when I tried to change the style of the slides, that did not work for me. I tried editing the background-color of the slide, and tried to embed images into individual slides. The main issue I have is that I do not know where to put certain areas of code. The slideshow depicted this: "

", but I didn't know where to put it so it would be added to my slide. When I tried it, all that happened was the slide not functioning.

3/6/22

Here are ten questions that I have about things I don't understand: What is a syntax of functions? What is its function? What is the structure of if else functions? Is there such thing as a client z eg. (event.clientZ)? Is there a limit to number of values that an array can store? When are if else statements usually used? What is a counter in JavaScript? What does a counter do in JavaScript? Where is a counter placed in an html code? What is "inline-block"?

4/11/22

First I started off with the style section, then created the scoreboard. I then created the function and gave names to the variables. Then I detailed the function and what it was going to do. Then I decided the timings of when everything would move, create, or disasppear.

4/25/22

Recently I re-did my website cleaning it up and giving it a theme. I fixed my projects to make them all functionable and fairly interactive. I have also photos to display my observation of the world, without always being glued to my phone. I plan to create a codesketch containing these images representing pieces of my life.

4/27/22

I am currently in the middle of a kareoke codesketch as well as the photos codesketch. The code sketch of the photos is going to be a click function when you click each div, a random photo appears. For the kareoke, there will be a div hiding the lyrics, and when I use the click function to click the div, the music will play and the lyrics will be revealed.