Tuesday Coders

2021-22 Fall Tuesday Coders Workspace 


Girls Who Code Norfolk Coders Workspace



September 21, 2021 

Sisterhood Activity

  1. The Story of Your Name (First, Last, or Nickname)

  2. Take two minutes to jot down some thoughts about your name before we start sharing out. Use these guiding questions for help.

    1. Who are you named after and why?
    2. Where does your name originate from?
    3. Do you like your name?
    4. Who named you?
    5. Who chose the spelling of your name?
    6. Do you have any memories about your name?
    7. Does your name have a special meaning to you or your family?
    8. If you could rename yourself would you keep the same name or change it?
  3. After taking a few minutes to reflect, everyone will have the opportunity to share out about their name for 30 seconds to 1 minute.


Project Brainstorming

Research topics that interest you.


Write down your 3 best ideas, then post them using Zoom Chat.



Coding

  • Click on this link to create a Replit  account.  You will use this link only the first time to create a username and password.  Be sure to make note of these.  After you've created your Replit account, go to the Name Animation Project.
  • Click on this link to the HSL Color Calculator.
  • Click on this link to your reference for Variables.
  • Begin your coding assignment.


The Name Animation Project 

(Run your code after each change)

  1. Select your 3 favorite HSL colors using an HSL Color Calculator. Make note of the colors and the three numbers that designate their hue, saturation, and lightness.

  2. In script.js, declare and initialize variables for your 3 colors. e.g. let heidiMintGreen = [143, 81, 59];

  3. Initialize the "letterColors" variable array to use the color variables you just created.

  4. Change the initial value of the "myName" variable to the string value of your own name.

  5. Change the initial boolean value of the "isSquare" variable to false.

  6. Run your code to verify that your name displays in the colors you chose.

  7. Uncomment (remove the "//" from) the bounceBubbles() function.

  8. Run your code. Then move your mouse across the letters of your name. What happens?





September 14, 2021 

Introductions

Introduce yourself with your name, grade and coding experience.

Teambuilding & Sisterhood Activity

  1. Write three activities you're passionate about.
  2. Write three things you'd like to build to change the world.
  3. Share what you've written with your teammates.
  4. Identify things you've written that two or more of you have in common.
  5. When the whole group is back together, share your commonalities in chat.

Coding

  • Click on this link to create a Replit  account.  You will use this link only the first time to create a username and password.  Be sure to make note of these.  After you've created your Replit account, go to the Name Animation Project.
  • Click on this link to the HSL Color Calculator.
  • Click on this link to your reference for Variables.
  • Begin your coding assignment.


The Name Animation Project 

(Run your code after each change)

  1. Select your 3 favorite HSL colors using an HSL Color Calculator. Make note of the colors and the three numbers that designate their hue, saturation, and lightness.

  2. In script.js, declare and initialize variables for your 3 colors. e.g. let heidiMintGreen = [143, 81, 59];

  3. Initialize the "letterColors" variable array to use the color variables you just created.

  4. Change the initial value of the "myName" variable to the string value of your own name.

  5. Change the initial boolean value of the "isSquare" variable to false.

  6. Run your code to verify that your name displays in the colors you chose.

  7. Uncomment (remove the "//" from) the bounceBubbles() function.

  8. Run your code. Then move your mouse across the letters of your name. What happens?







GWC Registration Instructions


 







Future Project Info

CS Impact Project Website


Contact Form

Name

Email *

Message *