Tuesday Coders

2021-22 Fall Tuesday Coders Workspace 


Girls Who Code Norfolk Coders Workspace


May 17, 2022 🎓

Graduation Activities

  • Intro remarks by Heidi
  • Intro remarks by Cibonay
  • Spotlight 10 year anniversary of GWC
  • Website presentation
    • Home page - Sarah
    • Take Action page - Remy
    • Helpline and Resources page - Remy
    • Intersectionality page - Maia
    • Stories / Submit a Story pages - Emily
    • Discussion page - Princy
    • Staff - Drayanna
    • Contact Us - Michaela
    • Credits - Emily
    • About page - Drayanna
    • Footer - Princy
  • Closing remarks, certificates, looking ahead to Summer and Fall
  • Anthem

Purpose and Approach of Project

Purpose 

To increase teen awareness to multiple kinds of discrimination, and how they intersect and impact teens.

Approach

  1. Provide resources and tools for dealing with common issues (how teens can take action)
  2. Provide teens a safe place to share their stories and support each other.

Research and Resources






May 10, 2022 

Wordpress Activities

  • Add tag(s) to your story. (Jillian, Sarah)
  • Discussion page(s) (Cibonay, Michaela, Jillian, Princy)
  • Add button to share story on some pages (Emily)

Purpose and Approach of Project

Purpose 

To increase teen awareness to multiple kinds of discrimination, and how they intersect and impact teens.

Approach

  1. Provide resources and tools for dealing with common issues (how teens can take action)
  2. Provide teens a safe place to share their stories and support each other.

Research and Resources







May 3, 2022 

Wordpress Activities

  • Post on intersectionality  (Maia)
  • Add tag(s) to your story. (Jillian, Sarah)
  • Discussion page(s) (Cibonay, Michaela, Jillian, Princy)
  • Add button to share story on some pages (Emily)
  • Page & post questionnaire (pages assigned by Heidi to everyone else)

Purpose and Approach of Project

Purpose 

To increase teen awareness to multiple kinds of discrimination, and how they intersect and impact teens.

Approach

  1. Provide resources and tools for dealing with common issues (how teens can take action)
  2. Provide teens a safe place to share their stories and support each other.

Research and Resources






April 26, 2022 

Wordpress Activities

  • Post on intersectionality  (Maia)
  • Remove download button from About page (Princy)
  • Add your avatar to your About page content (Emily, Sarah, Maia, Jillian, Remy)
  • Discussion page(s) (Cibonay, Michaela, Jillian, Princy)
  • About Us spelling corrections (Drayanna)
    • 1. "Who Are We?" section (change "teen" to "teens" in paragraph)
    • 2. "Past Projects section (change "precipitate" to "participate" in paragraph)
  • Contact Us page, add a line below submit button (Emily)
    • "By submitting this form, you agree you are 13 or older and that you agree to our Privacy Policy (add link to privacy policy page to open in new tab).


Purpose and Approach of Project

Purpose 

To increase teen awareness to multiple kinds of discrimination, and how they intersect and impact teens.

Approach

  1. Provide resources and tools for dealing with common issues (how teens can take action)
  2. Provide teens a safe place to share their stories and support each other.

Research and Resources






April 19, 2022 

Wordpress Activities

  • Home page video on intersectionality (Sarah)
  • Post on intersectionality  (Maia)
  • Take Action page (Princy)
    • Add an image
    • Add a spacer block at the bottom of the page
  • Get Help page (Ella)
    • Add an image
    • Add a space block at the bottom
  • Discussion page(s) (Cibonay, Michaela, Jillian, Princy)


Purpose and Approach of Project

Purpose 

To increase teen awareness to multiple kinds of discrimination, and how they intersect and impact teens.

Approach

  1. Provide resources and tools for dealing with common issues (how teens can take action)
  2. Provide teens a safe place to share their stories and support each other.

Research and Resources






April 4, 2022 

Wordpress Activities

  • Select a font color and size (rem) for Headings  (Josefin Sans)
  • Improve Contact Us page (Emily)
  • Home page content (Sarah)
    • Replace video with intersectionality video
  • About page (Drayanna)
  • Credits page (Emily)
  • Page on Helpful Resources (Ella)
  • Post on intersectionality  (Maia)
  • Discussion page(s) (Cibonay, Michaela, Jillian, Drayanna)
  • Take action page (Heidi, Princy)
  • Improve appearance of navbar (?)


Purpose and Approach of Project

Purpose 

To increase teen awareness to multiple kinds of discrimination, and how they intersect and impact teens.

Approach

  1. Provide resources and tools for dealing with common issues (how teens can take action)
  2. Provide teens a safe place to share their stories and support each other.

Research and Resources






March 29, 2022 

Wordpress Activities

  • Select a font for Headings - look at Google Fonts
  • Improve Contact Us page (Emily)
  • Home page content (Sarah)
    • Replace video with intersectionality video
  • About page (Drayanna)
  • Credits page (Emily)
  • Page on Helpful Resources (Ella)
  • Post on intersectionality  (Maia)
  • Discussion page(s) (Cibonay, Michaela, Jillian, Drayanna)


Purpose and Approach of Project

Purpose 

To increase teen awareness to multiple kinds of discrimination, and how they intersect and impact teens.

Approach

  1. Provide resources and tools for dealing with common issues (how teens can take action)
  2. Provide teens a safe place to share their stories and support each other.

Research and Resources







March 22, 2022 🌷

Wordpress Activities

  • Vote on a logo/icon
  • Write and publish your About Me post (Princy) - follow instructions below
  •  Improve Contact Us page (Emily)
  • Home page content (Sarah)
    • Intersectionality definition:
    • Intersectionality is the complex interconnection of social identities including but not limited to: race, ethnicity, socioeconomic class, gender, age, language, religious beliefs, sexual orientation, nationality, abilities, and family structure. These categories overlap to make up a person’s identity, resulting in individual privileges and disadvantages, both of which are caused by discrimination.
    • Replace video with intersectionality video
  • Tags for organizing content (Drayanna)
  • Page on Helpful Resources (Ella)
  • Post on intersectionality  (Maia)
  • Discussion page(s) (Cibonay, Michaela, Emily, Jillian, Drayanna)

About Me Post Instructions

  • Use Avachara or My Blue Robot to create an avatar of yourself and download it.
  • Login to the Wordpress site and go to the Media menu.
  • Click on Add New to upload your avatar.  Be sure to put your first name in alt text.
  • Watch the tutorial for creating a Wordpress post
  • Create an About [Your first name here] post.  Examples here.
    • What is your coding experience?  What do you like about coding?  Hobbies, interests.  First name only please.  
  • On the right side, for Categories select the "Website Developers" category for your post.
  • On the right side for Featured Image, select the avatar you uploaded.
  • Click on Preview and preview it in a in tab.
  • Click on Publish (you can make changes to it whenever you like).

Purpose and Approach of Project

Purpose 

To increase teen awareness to multiple kinds of discrimination, and how they intersect and impact teens.

Approach

  1. Provide resources and tools for dealing with common issues (how teens can take action)
  2. Provide teens a safe place to share their stories and support each other.

Research and Resources






March 15, 2022 ☘

Wordpress Activities

  • Vote on a logo - go to Designevo.com  to explore
  • Write and publish your About Me post (Michaela and Princy) - follow instructions below
  •  Improve Contact Us page (Emily)
  • Home page content (Sarah)
    • Intersectionality definition:
    • Intersectionality is the complex interconnection of social identities including but not limited to: race, ethnicity, socioeconomic class, gender, age, language, religious beliefs, sexual orientation, nationality, abilities, and family structure. These categories overlap to make up a person’s identity, resulting in individual privileges and disadvantages, both of which are caused by discrimination.
  • Tags for organizing content (Drayanna)
  • Page on Helpful Resources (Ella)
  • Post on intersectionality  (Maia)
  • Discussion page(s) (Cibonay, Michaela, Emily, Jillian)

About Me Post Instructions

  • Use Avachara or My Blue Robot to create an avatar of yourself and download it.
  • Login to the Wordpress site and go to the Media menu.
  • Click on Add New to upload your avatar.  Be sure to put your first name in alt text.
  • Watch the tutorial for creating a Wordpress post
  • Create an About [Your first name here] post.  Examples here.
    • What is your coding experience?  What do you like about coding?  Hobbies, interests.  First name only please.  
  • On the right side, for Categories select the "Website Developers" category for your post.
  • On the right side for Featured Image, select the avatar you uploaded.

Purpose and Approach of Project

Purpose 

To increase teen awareness to multiple kinds of discrimination, and how they intersect and impact teens.

Approach

  1. Provide resources and tools for dealing with common issues (how teens can take action)
  2. Provide teens a safe place to share their stories and support each other.

Research and Resources







March 8, 2022

Wordpress Activities

  • Pick a logo - go to Designevo.com  to explore
  • Finish and publish your About Me post (Michaela)
  • Finish and publish your Replit transfer post (Emily)
  • Home page content (Sarah)
  • Tags for organizing content (Drayanna)
  • Post on Helpful Resources (Ella)
  • Stats on discrimination for homepage (Drayanna & Sarah)
  • Post on intersectionality and home page summary (Maia)
  • Discussion page (Michaela, Emily, Jillian)

Purpose and Approach of Project

Purpose 

To increase teen awareness to multiple kinds of discrimination, and how they intersect and impact teens.

Approach

  1. Provide resources and tools for dealing with common issues (how teens can take action)
  2. Provide teens a safe place to share their stories and support each other.

Research and Resources






March 1, 2022

Wordpress Activities

  • Finish and publish your About Me post
  • Finish and publish your Replit transfer post
  • Home page content (Sarah)
  • Tags for organizing content (Drayanna)
  • Brainstorm ideas for additional content using Resources below


Purpose and Approach of Project

Purpose 

To increase teen awareness to multiple kinds of discrimination, and how they intersect and impact teens.

Approach

  1. Provide resources and tools for dealing with common issues (how teens can take action)
  2. Provide teens a safe place to share their stories and support each other.

Research and Resources






February 15, 2022

Wordpress Activities

  • Finish and publish your About Me post
  • Finish and publish your Replit transfer post
  • Home page content
  • Work with sharing stories
  • Decide on how to organize content using hashtags


Purpose and Approach of Project

Purpose 

To increase teen awareness to multiple kinds of discrimination, and how they intersect and impact teens.

Approach

  1. Provide resources and tools for dealing with common issues (how teens can take action)
  2. Provide teens a safe place to share their stories and support each other.

Research and Resources






February 1 & 8, 2022

Wordpress Activities

  • Choose a cover photo for your website
  • Name your website
  • Create a tagline for your website
  • Finish and publish your About Me post
  • Finish and publish your Replit transfer post


Purpose and Approach of Project

Purpose 

To increase teen awareness to multiple kinds of discrimination, and how they intersect and impact teens.

Approach

  1. Provide resources and tools for dealing with common issues (how teens can take action)
  2. Provide teens a safe place to share their stories and support each other.

Research and Resources





January 25, 2022

Wordpress Activity

  • Use Avachara or My Blue Robot to create an avatar of yourself and download it.
  • Login to the Wordpress site and go to the Media menu.
  • Click on Add New to upload your avatar.  Be sure to put your first name in alt text.
  • Watch the tutorial for creating a Wordpress post
  • Create an About [Your first name here] post.  Examples here.
  • On the right side, for Categories select the "Website Developers" category for your post.
  • On the right side for Featured Image, select the avatar you uploaded.

Purpose and Approach of Project

Purpose 

To increase teen awareness to multiple kinds of discrimination, and how they intersect and impact teens.

Approach

  1. Provide resources and tools for dealing with common issues (call to action?)
  2. Provide a platform for teens to share their stories and support each other.

Research and Resources




January 18, 2022

Wordpress Activity

  • Use Avachara or My Blue Robot to create an avatar of yourself and download it.
  • Login to the Wordpress site and go to the Media menu.
  • Click on Add New to upload your avatar.  Be sure to put your first name in alt text.
  • Watch the tutorial for creating a Wordpress post
  • Create an About [Your first name here] post.  Examples here.
  • On the right side, for Categories select the "Website Developers" category for your post.
  • On the right side for Featured Image, select the avatar you uploaded.


Purpose and Approach of Project

Purpose 

To increase teen awareness to multiple kinds of discrimination, and how they intersect and impact teens.

Approach

  1. Provide resources and tools for dealing with common issues (call to action?)
  2. Provide a platform for teens to share their stories and support each other.

Research and Resources




January 11, 2022

Coding Activity

  • Use Avachara or My Blue Robot to create an avatar of yourself and download it.
  • Login to the Wordpress site and go to the Media menu.
  • Click on Add New to upload your avatar.  Be sure to put your first name in alt text.


Finalize the Purpose and Approach of Project

Purpose 

To increase teen awareness to multiple kinds of discrimination, and how they intersect and impact teens.

Approach

  1. Provide resources and tools for dealing with common issues (call to action?)
  2. Provide a platform for teens to share their stories and support each other.

Research and Resources

Research websites and videos you want to include in your project and add to your list.




Nov 16 - Dec 14, 2021 

Coding Activity

  • Login to Replit.  Follow the instructions on the discrimination project.
  • Login to Code.org
  • Follow instructions to work on your HTML and CSS skills.
  • In the Web Development course, do only lessons 2, 3, 6, 9, and 11.
  • On Replit, watch the HTML/CSS Formatting Text video.
  • Use the 9 Important CSS Properties You Must Know as a reference for CSS activities.

Research

    Read and discuss these articles:

Finalize the Purpose and Approach of Project

Purpose 

To increase teen awareness to multiple kinds of discrimination, and how they intersect and impact teens.

Approach

  1. Provide resources and tools for dealing with common issues (call to action?)
  2. Provide a platform for teens to share their stories and support each other.

Research and Resources

Research websites and videos you want to include in your project and add to your list.




October 26 - Nov 9, 2021 

Coding Activity

  • Login to Replit
  • Follow instructions to work on your HTML and CSS skills


The Purpose of Your Project: Intersectionality in Discrimination

  • To educate your audience
  • To share stories of different types of discrimination teens experience
  • To urge teens to take action

Elements and Wireframing




October 19, 2021 

Guest Speaker Activities


The Purpose of Your Project: Intersectionality in Discrimination

  • To educate your audience
  • To share stories of different types of discrimination teens experience
  • To urge teens to take action

Elements and Wireframing




October 12, 2021 

Guest Speaker Activities

  • Review the resume of Julie Lane, Head of Digital Transformation for Amazon Web Services
  • What questions do you have for Julie about her and her company?


What is the Purpose of Your Project: Intersectionality in Discrimination

  • To provide information?
  • To tell stories?
  • To increase awareness?
  • To compel your audience to take action? In what way?
  • Discuss and decide on your project's mission.


Code.org Debugging Tools

  • Use the link provided to login to Code.org
  • Watch this video: https://www.youtube.com/watch?v=auv10y-dN4s
  • Continue with your next lesson in Code.org using watchers for your variables.

Alternate Coding Activity for Club Challenge

  • Pick a game previously designed by a club member.
  • Study how it works in Code.org and remix it to fit our social justice theme.



October 5, 2021 

Opening Activities

  • T-shirts
  • Discuss Clubs Challenge.  Who wants to participate?


Project Focus for Discrimination Theme

  • Look at the different types of discrimination.
  • Discuss which one(s) you'd like to focus on.


Coding Functions

  • Use the link provided to login to Code.org
  • Start on Lesson 9, Item #2 - Skip Item #1

Alternate Coding Activity for Club Challenge

  • Pick a game previously designed by a club member.
  • Study how it works in Code.org and remix it to fit our social justice theme.



September 28, 2021 

Sisterhood Activity

What do you love to do?

How could you code with that?

Project Brainstorming

Look at the project themes you've chosen as a group.


Vote on your top 3 (using your assigned letter).


Discuss how to narrow down your topic.



Coding

The Name Animation Project 

Write a  forEach() loop that will iterate through an array of names and display them in bubble animation.

(Run your code after each change)

  1. Add a new variables called names, and initiate it with an array of the names of all the girls in our group.

  2. Comment out the drawName() function (using //).

  3. Below the drawName() function, write a forEach() command to loop through the names array, drawing each name within a setTimeout command.

  4. Try changing the milliseconds for timeout.  How low can you go before you can no longer read all the names?  What is your most comfortable timeout number?




// Function to use a forEach loop to draw each name on a list names.forEach((name, i) => { setTimeout(() => { drawName(name, letterColors); }, i * 1000); });



September 21, 2021 

Sisterhood Activity

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

  2. Take one minute to jot down some thoughts about your name before we start sharing out. Use these guiding questions for help. (You don't have to answer all of them.)

    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 minute to reflect, everyone will have the opportunity to share out about their name for 30 seconds to 1 minute. 

  4. After you share, call on the next person to share.


Project Brainstorming

Find topics that interest you. Use this list of project ideas to get started.


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



Coding

The Name Animation Project 

Create a conditional statement that describes you based on the number of colors in your letterColors array.

(Run your code after each change)

  1. Change the name of all the plain color variables to "my[colorname]".  For instance, change red to myRed; change black to myBlack, etc. (Do this to correct an error caused by conflicting scripts.)

  2. Initialize the "letterColors" variable array to use the color variable names you created or changed

  3. Watch the video on conditional if/else statements.

  4. Add a comment below the square/circle conditional statement that describes the purpose of this new statement.

  5. Add a conditional statement to your code that changes the value of the myName variable based on the length of your letterColors array variable (letterColors.length).  

  • If the length of letterColors is less than 3, add "Bland " to myName.
  • If the length of letterColors is equal to 3, add "Colorful " to myName.
  • Else add "Vivid " to myName.
Run your code.  Which adjective describes you?  Add and remove colors to your letterColors array until you see all 3 descriptions.



// Conditional statement to describe name based on number // of colors used in the letterColors array if (letterColors.length < 3) { myName = "Bland " + myName; } else if (letterColors.length === 3) { myName = "Colorful " + myName; } else { myName = "Vivid " + myName; }



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 *