Journal - Computer Science 1
Introduction/star t of computer science:
I have learned a lot throughout the first few weeks including what html is along with many different elements and functions in the code. I started by messing around with code and learning how important details are - colons, semi-colons, commas, and quotations can completely change a code.
year.
2/1/21 - 2/7/21
This week I didn’t do too much however I learned how to format html into a browser page and how you can create a website out of this code. I also learned some aspects such as what a div is and elements like a header, title, and more.
2/8/21 - 2/14/21
This week I finally put my website online after a lot of challenges with my terminal. I really like how my website looks as I went for more of a clean simplistic look rather than anything complicated. I also added things in a style sheet that change buttons when they are being hovered over along with many other stylistic points like a border, size of things, and others.
2/15/21 - 2/21/21
This week I finalized my personal card and decided to put a manchester united logo on the front which is the soccer team I support, and a gif of a player scoring a goal on the back. I decided to pick the images/gifs because I felt they were representative of some of the things I love along with being engaging and “cool” to someone who doesn’t know much about soccer.
2/22/21 - 2/28/21
This week I created my first code sketch which was composed of a ball that you could place however many times you wanted and where you wanted in a goal. This took a bit of time as I had to add an event in which when the mouse was clicked, it would create a soccer ball anywhere on the page.
3/1/21 - 3/7/21
This week I pushed my first codesketch online so it is now accessible to everyone who sees my website rather than just locally on my computer. This definitely took some time as I’m still having a little trouble navigating around the terminal on my computer. I also learned about variables and functions that I can now incorporate into my code allowing me to create more dynamic codesketches for my website.
3/8/21 - 3/14/21
Reflection up to this point: I have learned so much up to this point including how to push a website online, and many different elements I can incorporate into my code. I have learned what a function is, something that runs a task, along with an event listener, a function that is triggered by an event such as the press of a button. I have also learned what a variable is, something that stores a larger amount of data but can be referred to by one name and much more. I also learned that github was basically a “host” of your internet website and that you could plug
4/5/21 - 4/11/21
This week I learned how to use animations in my code and how many different way you can animate an object. Since I learned about animations, I decided to create a codesketch in which 5 different images travel along a road almost creating a scene in a way. I think animations have definitley been one of my favorites parts of coding to this point, and I am looking forward to using them more in the future.
4/12/21 - 4/18/21
This week I learned what an array was and how it could be used in code. This was one of my favorite parts so far as I liked the randomness that could be implemented in a code. Then I made a codesketch. Here is a brief explination of how my code sketch - colorchangingbackground - works. At first I created a body and a button which I styled according based on what I thought looked interesting and fit well. Afterwards, I switched to javascript and created 2 variables: color, x. Inside the variable color are currently 6 different colors and the variable x is used to "grab" the different colors inside of the variable color. From there I used a querySelector which returns the first element in the case a color and combind with an event listner i created, set off by a click, changes the color. From there I had to make sure the background was the thing being changed so I added a line that made sure it was being affected by a change of x which differes so that the background is a different color of the six each time.
4/19/21 - 4/25/21
This week I learned how to create a or loop and then used it to create a pretty simple code sketch that runs a for loop. A for loop is a part of code that repeates a specific amount of code, such as a function, a certain amount of times. In my code, I run a for loop that creates a div 10000 times.
4/26/21 - 5/9/21
These past two week I created a code sketch and reviewed some of the things I previously learned such as an array - basically a list that contains a certain amount of elements.
for loop - a loop that is created which can run something
set interval - runs a function a certain amount of times at what the interval is set at
math.random - a way to get a random number between a range.
My code sketch has random facts about my favorite soccer team, Manchester United, and these facts appear when you click on one of the logos.
5/10/21 - 5/16/21
This week I didn't do too much - I started working on my presentation for my website and checked over the list given making sure I knew how to/what everything on the list was. I did have to go over a few of the things such as pushing code in terminal but overall was a light week.
5/17/21 - 5/24/21
As my computer science one journey is coming to an end, I reflected on how my year went displayed in my presentation. I didn't really incorporate a specific story rather I went over my entire year and most of the code sketches I created along with ones in the making. Here is a link to my presentation: https://docs.google.com/presentation/d/1UXLoXPBJzzza6iIwJ9B3-YzRocCyiq_jLcLgrO3Usic/edit#slide=id.p
5/25/21 - 6/4/21
As my last class is approaching I want to take a second to look back and reflect on all the thigns I have done this year. I have grown so much as a coder - from almost no knowledge to learning so many different things such as how to even create a document to what a div, array, list, variable, function, style section, event listener, if statement, and so so much more. I liked how the course had a lot of freedom and how you could pick what you wanted to code rather than a specific assignment that every kid had to do the same. I am really grateful that I have a basic understanding of how to create and design websites as now I can use these to make my own website in the future along with certain programs can help me in other feels such as math, science, and more. Some adivce I would give to future students is to ask a lot of questions. If anything is ever even unclear in the slightest, make sure to ask about it so you have a good understanding of it as different aspects of code tend to overlap and grow off eachother. Also, Molly is really open and helpful so definitley making labs if your not clear about something is great! I am looking forward to taking computer science 2 next year and hopefully I enjoy it as much as I did computer science 1!