JULIE YOUNG

CODESKETCHES:

Slideshows:

Codesketch 1: Sun to Moon Square

This is my first codesketch! I used the rotate transformation when you hover over the square, background-images and colors to create this.

Codesketch 2: Square Art

This codesketch uses user input to determine how many squares can be places around the screen. This codesketch helped me focus in on placing divs when the mouse is clicked and placing it on this screen.

Codesketch 3: Animal Pairings

This codesketch uses an array! When the box is clicked, it retrieves the information as listed in the array, given the number generated from your click! Starting this codesketch, I already had a couple of animals that came to mind, which I ended up drawing for this!

Codesketch 4: Fall Jams

Codesketch 4 is my Thanksgiving Project! It uses tables and hovering features. I learned how to insert music into a codesketch through this process. The family tab is finished! The friends tab is not done yet.

Codesketch 5: Holiday Songs

Codesketch 5 is a holiday/Christmas themed project! I used music features which I learned in codesketch 4. I used arrays and event listeners in this codesketch. Listen and enjoy!.

Codesketch 6: For Loops

Codesketch 6 was a group effort made by me, Will, and Haeon! In the console it also includes a challenge which prints "fizz" and "buzz" whenever the number is divisible by either 3 or 5. This codesketch also has a fun color scheme to it :)

Codesketch 7: Dots

For this codesketch, I used for loops, a randomizer, an array, and click and scroll event listeners. I made this codesketch to make a section for my next music codesketch. Also as a fun component, when you click any one of the dots, it will randomize the color of the dot to one of the three colors!

Codesketch 8: Color Scroll

For this scroll codesketch, I used event listeners along the page to make the background change color. I made this codesketch also for the music data codesketch to get accustomed to the specific event listener.

~ Codesketch 9: Music Data! ~

The Music Data codesketch is STILL IN PROGRESS, but feel free to browse what I have (you easily access the music part if you click the button on the top right)

CS1: End of Class Slideshow

This slideshow uses reveal.js and is a presentation about a story relating to this class! Because you are browsing just the slideshow with no presentation, make sure to check out the subslides (on some slides you can press the down arrow key to see it).

SLIDESHOWS: