2022-23 Fall Tuesday Coders Workspace
May 16, 2023
Project Purpose for LGBTQ+You
To provide information about LGBTQIA+ resources to teens and their parents.
Graduation Celebration
- Opening remarks
- Spotlight a Woman in Code
- Present the website
- Graduation Certificates and pics
- Celebrate! 🎉 🎉 🎉
- Opening remarks
- Spotlight a Woman in Code
- Present the website
- Graduation Certificates and pics
- Celebrate! 🎉 🎉 🎉
Website Pages
- Sarah - Logo
- Princy - Online resources for kids
- Jillian - Books
- Milo - Footer
- Michaela - Movies, videos, and media
- Vivianne - Hotline page
- Remy - Parent resources, LGBTQ terms
- Zoe - Home page
- Sarah - Logo
- Princy - Online resources for kids
- Jillian - Books
- Milo - Footer
- Michaela - Movies, videos, and media
- Vivianne - Hotline page
- Remy - Parent resources, LGBTQ terms
- Zoe - Home page
May 9, 2023
Project Purpose for LGBTQ+You
To provide information about LGBTQIA+ resources to teens and their parents.
Website Development
- Login to WordPress using the link in your meeting email
- Make final pages to your assigned parts of the website.
- Use a webpage checklist to identify problems and correct them.
- Be sure to double check it on a mobile device.
- Prepare for your presentation of the website next week.
Image Sources:
Avatar Makers:
- Login to WordPress using the link in your meeting email
- Make final pages to your assigned parts of the website.
- Use a webpage checklist to identify problems and correct them.
- Be sure to double check it on a mobile device.
- Prepare for your presentation of the website next week.
Image Sources:
Avatar Makers:
Website Tasks
- Sarah - Logo
- Princy - Online resources for kids
- Jillian - Books
- Milo - Footer
- Michaela - Movies, videos, and media
- Vivianne - Hotline page
- Remy - Parent resources, LGBTQ terms
- Zoe - Home page
- Sarah - Logo
- Princy - Online resources for kids
- Jillian - Books
- Milo - Footer
- Michaela - Movies, videos, and media
- Vivianne - Hotline page
- Remy - Parent resources, LGBTQ terms
- Zoe - Home page
April 25 and May 2, 2023
Project Purpose for LGBTQ+You
To provide information about LGBTQIA+ resources to teens and their parents.
Website Development
- Login to WordPress using the link in your meeting email
- Learn about different WordPress blocks
- Finish your About [Yourname] post
- Start work on website content pages
- Create an image of your CodeHS p5js project
- Upload the image and add it to your About post.
Image Sources:
Avatar Makers:
- Login to WordPress using the link in your meeting email
- Learn about different WordPress blocks
- Finish your About [Yourname] post
- Start work on website content pages
- Create an image of your CodeHS p5js project
- Upload the image and add it to your About post.
Image Sources:
Avatar Makers:
Create an Image of Your Artwork on CodeHS
- Log in to codehs.com
- Go to the code you used to create an image:
- Create Artwork for Your Profile Page under section 2.5
- CodeYourSelf under section 1.5
- Add the two lines of code to download the image and stop the draw loop
- Upload the image to the Wordpress site and add it to your About page
- Use the p5js.org reference guide and p5js Cheat Sheet as needed.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
- Log in to codehs.com
- Go to the code you used to create an image:
- Create Artwork for Your Profile Page under section 2.5
- CodeYourSelf under section 1.5
- Add the two lines of code to download the image and stop the draw loop
- Upload the image to the Wordpress site and add it to your About page
- Use the p5js.org reference guide and p5js Cheat Sheet as needed.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
Website Tasks
- Sarah - Logo
- Princy - Online resources for kids
- Jillian - Books
- Milo - Footer
- Michaela - Movies and videos
- Vivianne - Hotline page
- Remy - Parent resources
- Zoe - Home page
- Sarah - Logo
- Princy - Online resources for kids
- Jillian - Books
- Milo - Footer
- Michaela - Movies and videos
- Vivianne - Hotline page
- Remy - Parent resources
- Zoe - Home page
April 18, 2023
Project Purpose for LGBTQ+You
To provide information about LGBTQIA+ resources to teens and their parents.
Website Development
- Login to WordPress using the link in your meeting email
- Learn about different WordPress blocks
- Learn how to upload media (pics)
- Finish your About [Yourname] post
- Start work on website content pages
Image Sources:
Avatar Makers:
Website Tasks
- Sarah - Logo
- Princy - Online resources for kids
- Jillian - Books
- Milo - Footer
- Michaela - Movies and videos
- Vivianne - Hotline page
- Remy - Parent resources
- Zoe - Home page
- Login to WordPress using the link in your meeting email
- Learn about different WordPress blocks
- Learn how to upload media (pics)
- Finish your About [Yourname] post
- Start work on website content pages
Image Sources:
Avatar Makers:
Website Tasks
- Sarah - Logo
- Princy - Online resources for kids
- Jillian - Books
- Milo - Footer
- Michaela - Movies and videos
- Vivianne - Hotline page
- Remy - Parent resources
- Zoe - Home page
Research on Replit Platform
- Login to Replit
- Go to ResearchProject and open RESEARCH.txt
- Do your research and record it in RESEARCH.txt
Research Tasks
- Research and provide options for website logo/favicon
- Zoe, Michaela, Sarah, Princy
- Create your icon in CodeHS in the Create a Website Icon exercise
- Upload your completed icon to the Wordpress site
- Research websites to include on resources page
- Milo, Princy
- Research local resources
- Milo, Sarah
- Research information about LGBTQIA+ terms
- Jillian, Remy, Zoe
- Research websites to provide information to parents
- Remy
- Research hotlines for help
- Remy
- Recommended reading book list
- Jillian, Naomi, Sarah
- Recommended movies and shows, YouTube
- Sarah, Remy, Ailey
- Research and recommend ideas for artwork, pictures, animation effects
- Ariana, Emily, Princy
- Read and watch Principles of Good Design
- Research and provide options for website logo/favicon
- Zoe, Michaela, Sarah, Princy
- Create your icon in CodeHS in the Create a Website Icon exercise
- Upload your completed icon to the Wordpress site
- Research websites to include on resources page
- Milo, Princy
- Research local resources
- Milo, Sarah
- Research information about LGBTQIA+ terms
- Jillian, Remy, Zoe
- Research websites to provide information to parents
- Remy
- Research hotlines for help
- Remy
- Recommended reading book list
- Jillian, Naomi, Sarah
- Recommended movies and shows, YouTube
- Sarah, Remy, Ailey
- Research and recommend ideas for artwork, pictures, animation effects
- Ariana, Emily, Princy
- Read and watch Principles of Good Design
April 4, 2023
Project Purpose for LGBTQ+You
To provide information about LGBTQIA+ resources to teens and their parents.
Website Development
- Login to WordPress using the link in your meeting email
- Learn about different WordPress blocks
- Learn how to upload media (pics)
- Finish your About [Yourname] post
- Start work on website content pages
Image Sources:
Avatar Makers:
- Login to WordPress using the link in your meeting email
- Learn about different WordPress blocks
- Learn how to upload media (pics)
- Finish your About [Yourname] post
- Start work on website content pages
Image Sources:
Avatar Makers:
Research on Replit Platform
- Login to Replit
- Go to ResearchProject and open RESEARCH.txt
- Do your research and record it in RESEARCH.txt
Research Tasks
- Research and provide options for website logo/favicon
- Zoe, Michaela, Sarah, Princy
- Create your icon in CodeHS in the Create a Website Icon exercise
- Upload your completed icon to the Wordpress site
- Research websites to include on resources page
- Milo, Princy
- Research local resources
- Milo, Sarah
- Research information about LGBTQIA+ terms
- Jillian, Remy, Zoe
- Research websites to provide information to parents
- Remy
- Research hotlines for help
- Remy
- Recommended reading book list
- Jillian, Naomi, Sarah
- Recommended movies and shows, YouTube
- Sarah, Remy, Ailey
- Research and recommend ideas for artwork, pictures, animation effects
- Ariana, Emily, Princy
- Read and watch Principles of Good Design
- Research and provide options for website logo/favicon
- Zoe, Michaela, Sarah, Princy
- Create your icon in CodeHS in the Create a Website Icon exercise
- Upload your completed icon to the Wordpress site
- Research websites to include on resources page
- Milo, Princy
- Research local resources
- Milo, Sarah
- Research information about LGBTQIA+ terms
- Jillian, Remy, Zoe
- Research websites to provide information to parents
- Remy
- Research hotlines for help
- Remy
- Recommended reading book list
- Jillian, Naomi, Sarah
- Recommended movies and shows, YouTube
- Sarah, Remy, Ailey
- Research and recommend ideas for artwork, pictures, animation effects
- Ariana, Emily, Princy
- Read and watch Principles of Good Design
March 28, 2023
Project Purpose for LGBTQ+You
To provide information about LGBTQIA+ resources to teens and their parents.
Learn WordPress
- Login to WordPress using the link in your meeting email
- Learn about different WordPress blocks
- Learn how to upload media (pics)
- Create or update your About [Yourname] post
- Learn how to use the WordPress editor
- Select color scheme
- Design home page
Image Sources:
Avatar Makers:
- Login to WordPress using the link in your meeting email
- Learn about different WordPress blocks
- Learn how to upload media (pics)
- Create or update your About [Yourname] post
- Learn how to use the WordPress editor
- Select color scheme
- Design home page
Image Sources:
Avatar Makers:
Research on Replit Platform
- Login to Replit
- Go to ResearchProject and open RESEARCH.txt
- Do your research and record it in RESEARCH.txt
Research Tasks
- Research and provide options for website logo/favicon
- Zoe, Michaela, Sarah, Princy
- Watch Favicon design tips video
- Read and watch Principles of Good Design
- Create your icon in CodeHS in the Create a Website Icon exercise
- Upload your completed icon to the Replit ResearchProject
- Research and provide options for website colors theme
- Sarah, Michaela, Vivianne
- Pick a primary color, a secondary color, and a lighter shade of your primary color
- Research websites to include on resources page
- Milo, Princy
- Research local resources
- Milo, Sarah
- Research information about LGBTQIA+ terms
- Jillian, Ailey, Zoe
- Research websites to provide information to parents
- Remy
- Research hotlines for help
- Remy
- Recommended reading book list
- Jillian, Naomi, Sarah
- Recommended movies and shows, YouTube
- Sarah, Remy, Ailey
- Research and recommend ideas for artwork, pictures, animation effects
- Ariana, Emily, Princy
- Read and watch Principles of Good Design
- Research and provide options for website logo/favicon
- Zoe, Michaela, Sarah, Princy
- Watch Favicon design tips video
- Read and watch Principles of Good Design
- Create your icon in CodeHS in the Create a Website Icon exercise
- Upload your completed icon to the Replit ResearchProject
- Research and provide options for website colors theme
- Sarah, Michaela, Vivianne
- Pick a primary color, a secondary color, and a lighter shade of your primary color
- Research websites to include on resources page
- Milo, Princy
- Research local resources
- Milo, Sarah
- Research information about LGBTQIA+ terms
- Jillian, Ailey, Zoe
- Research websites to provide information to parents
- Remy
- Research hotlines for help
- Remy
- Recommended reading book list
- Jillian, Naomi, Sarah
- Recommended movies and shows, YouTube
- Sarah, Remy, Ailey
- Research and recommend ideas for artwork, pictures, animation effects
- Ariana, Emily, Princy
- Read and watch Principles of Good Design
March 14, 2023
Project Purpose for LGBTQ+You
To provide information about LGBTQIA+ resources to teens and their parents.
Learn WordPress
- Login to WordPress using the link in your meeeting email
- Learn about different WordPress blocks
- Learn how to upload media (pics)
- Create or update your About [Yourname] post
- Learn how to use the WordPress editor
Image Sources:
Avatar Makers:
- Login to WordPress using the link in your meeeting email
- Learn about different WordPress blocks
- Learn how to upload media (pics)
- Create or update your About [Yourname] post
- Learn how to use the WordPress editor
Image Sources:
Avatar Makers:
Research on Replit Platform
- Login to Replit
- Go to ResearchProject and open RESEARCH.txt
- Do your research and record it in RESEARCH.txt
Research Tasks
- Research and provide options for website logo/favicon
- Zoe, Michaela, Sarah, Princy
- Watch Favicon design tips video
- Read and watch Principles of Good Design
- Create your icon in CodeHS in the Create a Website Icon exercise
- Upload your completed icon to the Replit ResearchProject
- Research and provide options for website colors theme
- Sarah, Michaela, Vivianne
- Pick a primary color, a secondary color, and a lighter shade of your primary color
- Research websites to include on resources page
- Milo, Princy
- Research local resources
- Milo, Sarah
- Research information about LGBTQIA+ terms
- Jillian, Ailey, Zoe
- Research websites to provide information to parents
- Remy
- Research hotlines for help
- Remy
- Recommended reading book list
- Jillian, Naomi, Sarah
- Recommended movies and shows, YouTube
- Sarah, Remy, Ailey
- Research and recommend ideas for artwork, pictures, animation effects
- Ariana, Emily, Princy
- Read and watch Principles of Good Design
- Research and provide options for website logo/favicon
- Zoe, Michaela, Sarah, Princy
- Watch Favicon design tips video
- Read and watch Principles of Good Design
- Create your icon in CodeHS in the Create a Website Icon exercise
- Upload your completed icon to the Replit ResearchProject
- Research and provide options for website colors theme
- Sarah, Michaela, Vivianne
- Pick a primary color, a secondary color, and a lighter shade of your primary color
- Research websites to include on resources page
- Milo, Princy
- Research local resources
- Milo, Sarah
- Research information about LGBTQIA+ terms
- Jillian, Ailey, Zoe
- Research websites to provide information to parents
- Remy
- Research hotlines for help
- Remy
- Recommended reading book list
- Jillian, Naomi, Sarah
- Recommended movies and shows, YouTube
- Sarah, Remy, Ailey
- Research and recommend ideas for artwork, pictures, animation effects
- Ariana, Emily, Princy
- Read and watch Principles of Good Design
March 7, 2023
Project Purpose for LGBTQ+You
To provide information about LGBTQIA+ resources to teens and their parents.
To provide information about LGBTQIA+ resources to teens and their parents.
Research on Replit Platform
- Be sure you are registered on Replit.com.
- Login to Replit
- Go to ResearchProject and open RESEARCH.txt
- Start your research and record it in RESEARCH.txt
Research Tasks
- Research and provide options for website logo/favicon
- Zoe, Michaela, Sarah, Princy
- Watch Favicon design tips video
- Read and watch Principles of Good Design
- Create your icon in CodeHS in the Create a Website Icon exercise
- Upload your completed icon to the Replit ResearchProject
- Research and provide options for website colors theme
- Sarah, Michaela, Vivianne
- Pick a primary color, a secondary color, and a lighter shade of your primary color
- Research websites to include on resources page
- Milo, Princy
- Research local resources
- Milo, Sarah
- Research information about LGBTQIA+ terms
- Jillian, Ailey, Zoe
- Research websites to provide information to parents
- Remy
- Research hotlines for help
- Remy
- Recommended reading book list
- Jillian, Naomi, Sarah
- Recommended movies and shows, YouTube
- Sarah, Remy, Ailey
- Research and recommend ideas for artwork, pictures, animation effects
- Ariana, Emily, Princy
- Read and watch Principles of Good Design
Create a Plan for Website
- Look at Basic Website
- Decide on Key Pages
- Learn how to use the WordPress editor
Image Sources:
- Research and provide options for website logo/favicon
- Zoe, Michaela, Sarah, Princy
- Watch Favicon design tips video
- Read and watch Principles of Good Design
- Create your icon in CodeHS in the Create a Website Icon exercise
- Upload your completed icon to the Replit ResearchProject
- Research and provide options for website colors theme
- Sarah, Michaela, Vivianne
- Pick a primary color, a secondary color, and a lighter shade of your primary color
- Research websites to include on resources page
- Milo, Princy
- Research local resources
- Milo, Sarah
- Research information about LGBTQIA+ terms
- Jillian, Ailey, Zoe
- Research websites to provide information to parents
- Remy
- Research hotlines for help
- Remy
- Recommended reading book list
- Jillian, Naomi, Sarah
- Recommended movies and shows, YouTube
- Sarah, Remy, Ailey
- Research and recommend ideas for artwork, pictures, animation effects
- Ariana, Emily, Princy
- Read and watch Principles of Good Design
Create a Plan for Website
- Look at Basic Website
- Decide on Key Pages
- Learn how to use the WordPress editor
Image Sources:
January 31, 2023 - February 28, 2023
Project Purpose for LGBTQ+You
To provide information about LGBTQIA+ resources to teens and their parents.
Plan Your Artwork on CodeHS
- Sketch your design idea
- Log in to codehs.com
- Pick one of these to do:
- Create Artwork for Your Profile Page under section 2.5
- CodeYourSelf under section 1.5
- Use comments to outline your plan for your artwork
- Refer to Push and Pop Multiple Transformations to add shapes at different angles
- Use the Google Color Picker as needed.
- Use the p5js.org reference guide and p5js Cheat Sheet as needed.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
- Sketch your design idea
- Log in to codehs.com
- Pick one of these to do:
- Create Artwork for Your Profile Page under section 2.5
- CodeYourSelf under section 1.5
- Use comments to outline your plan for your artwork
- Refer to Push and Pop Multiple Transformations to add shapes at different angles
- Use the Google Color Picker as needed.
- Use the p5js.org reference guide and p5js Cheat Sheet as needed.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
Research on Replit Platform
- Be sure you are registered on Replit.com.
- Login to Replit
- Go to ResearchProject and open RESEARCH.txt
- Start your research and record it in RESEARCH.txt
Research Tasks
- Research and provide options for website logo/favicon
- Zoe, Michaela, Sarah, Princy
- Watch Favicon design tips video
- Read and watch Principles of Good Design
- Create your icon in CodeHS in the Create a Website Icon exercise
- Upload your completed icon to the Replit ResearchProject
- Research and provide options for website colors theme
- Sarah, Michaela, Vivianne
- Pick a primary color, a secondary color, and a lighter shade of your primary color
- Research websites to include on resources page
- Milo, Princy
- Research local resources
- Milo, Sarah
- Research information about LGBTQIA+ terms
- Jillian, Ailey, Zoe
- Research websites to provide information to parents
- Remy
- Research hotlines for help
- Remy
- Recommended reading book list
- Jillian, Naomi, Sarah
- Recommended movies and shows, YouTube
- Sarah, Remy, Ailey
- Research and recommend ideas for artwork, pictures, animation effects
- Ariana, Emily, Princy
- Read and watch Principles of Good Design
- Research and provide options for website logo/favicon
- Zoe, Michaela, Sarah, Princy
- Watch Favicon design tips video
- Read and watch Principles of Good Design
- Create your icon in CodeHS in the Create a Website Icon exercise
- Upload your completed icon to the Replit ResearchProject
- Research and provide options for website colors theme
- Sarah, Michaela, Vivianne
- Pick a primary color, a secondary color, and a lighter shade of your primary color
- Research websites to include on resources page
- Milo, Princy
- Research local resources
- Milo, Sarah
- Research information about LGBTQIA+ terms
- Jillian, Ailey, Zoe
- Research websites to provide information to parents
- Remy
- Research hotlines for help
- Remy
- Recommended reading book list
- Jillian, Naomi, Sarah
- Recommended movies and shows, YouTube
- Sarah, Remy, Ailey
- Research and recommend ideas for artwork, pictures, animation effects
- Ariana, Emily, Princy
- Read and watch Principles of Good Design
January 24, 2023
Project Purpose for LGBTQ+You
To provide information about LGBTQIA+ resources to teens and their parents.
Learn How to Transform Multiple Shapes on CodeHS
- Login to codehs.com
- Use the example code for rectMode() on p5js.org to change rect() starting position to rectMode(CENTER)
- translate() changes the origin position from 0,0 to a position you designate. Use the first sample code for translate() on p5js.org to change to origin position of the canvas
- To rotate a shape, you'll use the functions angleMode(DEGREES), with translate() and rotate(). Do Exercise 2.3.4 on codehs.org to rotate a shape. Change angleMode to DEGREES.
- Under section 2.3, do Push and Pop Multiple Transformations to add shapes at different angles
- Login to codehs.com
- Use the example code for rectMode() on p5js.org to change rect() starting position to rectMode(CENTER)
- translate() changes the origin position from 0,0 to a position you designate. Use the first sample code for translate() on p5js.org to change to origin position of the canvas
- To rotate a shape, you'll use the functions angleMode(DEGREES), with translate() and rotate(). Do Exercise 2.3.4 on codehs.org to rotate a shape. Change angleMode to DEGREES.
- Under section 2.3, do Push and Pop Multiple Transformations to add shapes at different angles
Plan Your Artwork on CodeHS
- Sketch your design idea
- Log in to codehs.com
- Pick one of these to do:
- Create Artwork for Your Profile Page under section 2.5
- CodeYourSelf under section 1.5
- Use comments to outline your plan for your artwork
- Use the Google Color Picker as needed.
- Use the p5js.org reference guide and p5js Cheat Sheet as needed.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
- Sketch your design idea
- Log in to codehs.com
- Pick one of these to do:
- Create Artwork for Your Profile Page under section 2.5
- CodeYourSelf under section 1.5
- Use comments to outline your plan for your artwork
- Use the Google Color Picker as needed.
- Use the p5js.org reference guide and p5js Cheat Sheet as needed.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
Research on Replit Platform
- Be sure you are registered on Replit.com.
- Login to Replit
- Go to ResearchProject and open RESEARCH.txt
- Start your research and record it in RESEARCH.txt
Research Tasks
- Research and provide options for website logo/favicon
- Zoe, Michaela, Sarah, Princy
- Watch Favicon design tips video
- Read and watch Principles of Good Design
- Create your icon in CodeHS in the Create a Website Icon exercise
- Upload your completed icon to the Replit ResearchProject
- Research and provide options for website colors theme
- Sarah, Michaela, Vivianne
- Pick a primary color, a secondary color, and a lighter shade of your primary color
- Research websites to include on resources page
- Milo, Princy
- Research local resources
- Milo, Sarah
- Research information about LGBTQIA+ terms
- Jillian, Ailey, Zoe
- Research websites to provide information to parents
- Remy
- Research hotlines for help
- Remy
- Recommended reading book list
- Jillian, Naomi, Sarah
- Recommended movies and shows, YouTube
- Sarah, Remy, Ailey
- Research and recommend ideas for artwork, pictures, animation effects
- Ariana, Emily, Princy
- Read and watch Principles of Good Design
- Research and provide options for website logo/favicon
- Zoe, Michaela, Sarah, Princy
- Watch Favicon design tips video
- Read and watch Principles of Good Design
- Create your icon in CodeHS in the Create a Website Icon exercise
- Upload your completed icon to the Replit ResearchProject
- Research and provide options for website colors theme
- Sarah, Michaela, Vivianne
- Pick a primary color, a secondary color, and a lighter shade of your primary color
- Research websites to include on resources page
- Milo, Princy
- Research local resources
- Milo, Sarah
- Research information about LGBTQIA+ terms
- Jillian, Ailey, Zoe
- Research websites to provide information to parents
- Remy
- Research hotlines for help
- Remy
- Recommended reading book list
- Jillian, Naomi, Sarah
- Recommended movies and shows, YouTube
- Sarah, Remy, Ailey
- Research and recommend ideas for artwork, pictures, animation effects
- Ariana, Emily, Princy
- Read and watch Principles of Good Design
Jsnuary 17, 2023
Project Purpose for LGBTQ+You
To provide information about LGBTQIA+ resources to teens and their parents.
Code Your Artwork on CodeHS
- Sketch your design idea
- Log in to codehs.com
- Pick on of these to do:
- Create Artwork for Your Profile Page under section 2.5
- CodeYourSelf under section 1.5
- Use the Google Color Picker as needed.
- Use the p5js.org reference guide and p5js Cheat Sheet as needed.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
- Sketch your design idea
- Log in to codehs.com
- Pick on of these to do:
- Create Artwork for Your Profile Page under section 2.5
- CodeYourSelf under section 1.5
- Use the Google Color Picker as needed.
- Use the p5js.org reference guide and p5js Cheat Sheet as needed.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
Research on Replit Platform
- Be sure you are registered on Replit.com.
- Login to Replit
- Go to ResearchProject and open RESEARCH.txt
- Start your research and record it in RESEARCH.txt
Research Tasks
- Research and provide options for website logo/favicon
- Zoe, Michaela, Sarah, Princy
- Watch Favicon design tips video
- Read and watch Principles of Good Design
- Create your icon in CodeHS in the Create a Website Icon exercise
- Upload your completed icon to the Replit ResearchProject
- Research and provide options for website colors theme
- Sarah, Michaela, Vivianne
- Pick a primary color, a secondary color, and a lighter shade of your primary color
- Research websites to include on resources page
- Milo, Princy
- Research local resources
- Milo, Sarah
- Research information about LGBTQIA+ terms
- Jillian, Ailey, Zoe
- Research websites to provide information to parents
- Remy
- Research hotlines for help
- Remy
- Recommended reading book list
- Jillian, Naomi, Sarah
- Recommended movies and shows, YouTube
- Sarah, Remy, Ailey
- Research and recommend ideas for artwork, pictures, animation effects
- Ariana, Emily, Princy
- Read and watch Principles of Good Design
- Research and provide options for website logo/favicon
- Zoe, Michaela, Sarah, Princy
- Watch Favicon design tips video
- Read and watch Principles of Good Design
- Create your icon in CodeHS in the Create a Website Icon exercise
- Upload your completed icon to the Replit ResearchProject
- Research and provide options for website colors theme
- Sarah, Michaela, Vivianne
- Pick a primary color, a secondary color, and a lighter shade of your primary color
- Research websites to include on resources page
- Milo, Princy
- Research local resources
- Milo, Sarah
- Research information about LGBTQIA+ terms
- Jillian, Ailey, Zoe
- Research websites to provide information to parents
- Remy
- Research hotlines for help
- Remy
- Recommended reading book list
- Jillian, Naomi, Sarah
- Recommended movies and shows, YouTube
- Sarah, Remy, Ailey
- Research and recommend ideas for artwork, pictures, animation effects
- Ariana, Emily, Princy
- Read and watch Principles of Good Design
December 6, 2022
Project Purpose for LGBTQ+You
To provide information about LGBTQIA+ resources to teens and their parents.
Learn the Replit Platform
- Be sure you are registered on Replit.com.
- Login to Replit
- Go to ResearchProject and open RESEARCH.txt
- Learn how to navigate Replit.
- Start your research and record it in RESEARCH.txt
Begin Research Tasks
- Research and provide options for website logo/favicon
- Zoe, Michaela, Sarah, Princy
- Watch Favicon design tips video
- Read and watch Principles of Good Design
- Create your icon in CodeHS in the Create a Website Icon exercise
- Upload your completed icon to the Replit ResearchProject
- Research and provide options for website colors theme
- Sarah, Michaela, Vivianne
- Pick a primary color, a secondary color, and a lighter shade of your primary color
- Research websites to include on resources page
- Milo, Princy
- Research local resources
- Milo, Sarah
- Research information about LGBTQIA+ terms
- Jillian, Ailey, Zoe
- Research websites to provide information to parents
- Remy
- Research hotlines for help
- Remy
- Recommended reading book list
- Jillian, Naomi, Sarah
- Recommended movies and shows, YouTube
- Sarah, Remy, Ailey
- Research and recommend ideas for artwork, pictures, animation effects
- Ariana, Emily, Princy
- Read and watch Principles of Good Design
- Research and provide options for website logo/favicon
- Zoe, Michaela, Sarah, Princy
- Watch Favicon design tips video
- Read and watch Principles of Good Design
- Create your icon in CodeHS in the Create a Website Icon exercise
- Upload your completed icon to the Replit ResearchProject
- Research and provide options for website colors theme
- Sarah, Michaela, Vivianne
- Pick a primary color, a secondary color, and a lighter shade of your primary color
- Research websites to include on resources page
- Milo, Princy
- Research local resources
- Milo, Sarah
- Research information about LGBTQIA+ terms
- Jillian, Ailey, Zoe
- Research websites to provide information to parents
- Remy
- Research hotlines for help
- Remy
- Recommended reading book list
- Jillian, Naomi, Sarah
- Recommended movies and shows, YouTube
- Sarah, Remy, Ailey
- Research and recommend ideas for artwork, pictures, animation effects
- Ariana, Emily, Princy
- Read and watch Principles of Good Design
Code Your Artwork on CodeHS
- Log in to codehs.com
- Do Create Artwork for Your Profile Page under section 2.5
- Use the Google Color Picker as needed.
- Use the p5js.org reference guide and p5js Cheat Sheet as needed.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
- Log in to codehs.com
- Do Create Artwork for Your Profile Page under section 2.5
- Use the Google Color Picker as needed.
- Use the p5js.org reference guide and p5js Cheat Sheet as needed.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
November 29, 2022
Project Purpose for LGBTQ+You
To provide information about LGBTQIA+ resources to teens and their parents.
Learn the Replit Platform
- Be sure you are registered on Replit.com.
- Login to Replit
- Go to ResearchProject and open RESEARCH.txt
- Learn how to navigate Replit.
Begin Research Tasks
- Research and provide options for website logo/favicon
- Zoe, Michaela, Sarah, Princy
- Watch Favicon design tips video
- Read and watch Principles of Good Design
- Research and provide options for website colors theme
- Sarah, Michaela, Vivianne
- Research websites to include on resources page
- Milo, Princy
- Research local resources
- Milo, Sarah
- Research information about LGBTQIA+ terms
- Jillian, Ailey, Zoe
- Research websites to provide information to parents
- Remy
- Research hotlines for help
- Remy
- Recommended reading book list
- Jillian, Naomi, Sarah
- Recommended movies and shows, YouTube
- Sarah, Remy, Ailey
- Research and recommend ideas for artwork, pictures, animation effects
- Ariana, Emily, Princy
- Read and watch Principles of Good Design
- Research and provide options for website logo/favicon
- Zoe, Michaela, Sarah, Princy
- Watch Favicon design tips video
- Read and watch Principles of Good Design
- Research and provide options for website colors theme
- Sarah, Michaela, Vivianne
- Research websites to include on resources page
- Milo, Princy
- Research local resources
- Milo, Sarah
- Research information about LGBTQIA+ terms
- Jillian, Ailey, Zoe
- Research websites to provide information to parents
- Remy
- Research hotlines for help
- Remy
- Recommended reading book list
- Jillian, Naomi, Sarah
- Recommended movies and shows, YouTube
- Sarah, Remy, Ailey
- Research and recommend ideas for artwork, pictures, animation effects
- Ariana, Emily, Princy
- Read and watch Principles of Good Design
Code Along on CodeHS
- Log in to codehs.com
- Do Glow Ball exercise
- Use the Google Color Picker as needed.
- Use the p5js.org reference guide and p5js Cheat Sheet as needed.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
- Log in to codehs.com
- Do Glow Ball exercise
- Use the Google Color Picker as needed.
- Use the p5js.org reference guide and p5js Cheat Sheet as needed.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
November 15, 2022
Project Purpose for LGBTQIA+
To provide information about LGBTQIA+ resources to teens and their parents.
- Brainstorm website name (to be used as inspiration for logo/icon)
- as a group
Identify and Assign Tasks
- Research and provide options for website logo/favicon
- Zoe, Michaela, Sarah, Princy
- Watch Favicon design tips video
- Read and watch Principles of Good Design
- Research and provide options for website colors theme
- Sarah, Michaela, Vivianne
- Research websites to include on resources page
- Milo, Princy
- Research local resources
- Milo, Sarah
- Research information about LGBTQIA+ terms
- Jillian, Ailey, Zoe
- Research websites to provide information to parents
- Remy
- Research hotlines for help
- Remy
- Recommended reading book list
- Jillian, Naomi, Sarah
- Recommended movies and shows, YouTube
- Sarah, Remy, Ailey
- Research and recommend ideas for artwork, pictures, animation effects
- Ariana, Emily, Princy
- Read and watch Principles of Good Design
Girls need to pick assignments - Princy, Ailey
- Research and provide options for website logo/favicon
- Zoe, Michaela, Sarah, Princy
- Watch Favicon design tips video
- Read and watch Principles of Good Design
- Research and provide options for website colors theme
- Sarah, Michaela, Vivianne
- Research websites to include on resources page
- Milo, Princy
- Research local resources
- Milo, Sarah
- Research information about LGBTQIA+ terms
- Jillian, Ailey, Zoe
- Research websites to provide information to parents
- Remy
- Research hotlines for help
- Remy
- Recommended reading book list
- Jillian, Naomi, Sarah
- Recommended movies and shows, YouTube
- Sarah, Remy, Ailey
- Research and recommend ideas for artwork, pictures, animation effects
- Ariana, Emily, Princy
- Read and watch Principles of Good Design
Girls need to pick assignments - Princy, Ailey
Code Along on CodeHS
- Log in to codehs.com
- Do exercise 2.4.2, Up and Down
- Do exercise 2.4.3, Left and Right
- Do exercise 2.4.4 Diagonal
- Use the Google Color Picker as needed.
- Use the p5js.org reference guide and p5js Cheat Sheet as needed.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
- Log in to codehs.com
- Do exercise 2.4.2, Up and Down
- Do exercise 2.4.3, Left and Right
- Do exercise 2.4.4 Diagonal
- Use the Google Color Picker as needed.
- Use the p5js.org reference guide and p5js Cheat Sheet as needed.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
November 1, 2022
Project Purpose for LGBTQIA+
To provide information about LGBTQIA+ resources to teens and their parents.
Identify and Assign Tasks
- Research and provide options for website logo/icon
- Research and provide options for website colors theme
- Research and provide options for website layout schemes
- Research websites to include on resources page
- Research features of Trevor Project to highlight
- Explore ways to tie this project into Discrimination Stories project (wall to post experiences)
- Research information about LGBTQIA+ terms
- Research websites to provide information to parents
- Research hotlines for help
- Research and provide options for website logo/icon
- Research and provide options for website colors theme
- Research and provide options for website layout schemes
- Research websites to include on resources page
- Research features of Trevor Project to highlight
- Explore ways to tie this project into Discrimination Stories project (wall to post experiences)
- Research information about LGBTQIA+ terms
- Research websites to provide information to parents
- Research hotlines for help
Code Along on CodeHS
- Log in to codehs.com
- Go to the Free Form Shapes exercise, one of the last lessons in section 1.4
- Follow instruction to add code to draw the shapes and colors in p5js.
- Do the Boo, My Disappearing Cat exercise.
- Time permitting, do exercise 2.4.2, Up and Down
- Do exercise 2.4.3, Left and Right
- Use the Google Color Picker as needed.
- Use the p5js.org reference guide and p5js Cheat Sheet as needed.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
- Log in to codehs.com
- Go to the Free Form Shapes exercise, one of the last lessons in section 1.4
- Follow instruction to add code to draw the shapes and colors in p5js.
- Do the Boo, My Disappearing Cat exercise.
- Time permitting, do exercise 2.4.2, Up and Down
- Do exercise 2.4.3, Left and Right
- Use the Google Color Picker as needed.
- Use the p5js.org reference guide and p5js Cheat Sheet as needed.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
October 25, 2022
Project Purpose for LGBTQIA+
- Who is your audience?
- Do you want to build or promote a community?
- Increase awareness?
- Bust myths?
- People to take action to change something?
Code Along on CodeHS
- Log in to codehs.com
- Go to the Free Form Shapes exercise, one of the last lessons in section 1.4
- Follow instruction to add code to draw the shapes and colors in p5js.
- Time permitting, do the Boo, My Disappearing Cat exercise.
- Use the Google Color Picker as needed.
- Use the p5js.org reference guide as needed.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
- Log in to codehs.com
- Go to the Free Form Shapes exercise, one of the last lessons in section 1.4
- Follow instruction to add code to draw the shapes and colors in p5js.
- Time permitting, do the Boo, My Disappearing Cat exercise.
- Use the Google Color Picker as needed.
- Use the p5js.org reference guide as needed.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
October 18, 2022
Project Result
- You can view all the results here.
- Most of you voted for two major theme ideas: LGBTQIA+ and the Environment/Wildlife.
- Today, you'll pick one of these two themes. Click here to vote.
Code Along on CodeHS
- Log in to codehs.com
- Go to the Colorful Abstract Art exercise, one of the last lessons in section 1.3
- Follow instruction to add code to draw the shapes and colors in p5js.
- Time permitting, do the Color My Cat, Bella, exercise.
- Use the RGB Color Codes Chart as needed.
- Use the p5js.org reference guide as needed.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
- Log in to codehs.com
- Go to the Colorful Abstract Art exercise, one of the last lessons in section 1.3
- Follow instruction to add code to draw the shapes and colors in p5js.
- Time permitting, do the Color My Cat, Bella, exercise.
- Use the RGB Color Codes Chart as needed.
- Use the p5js.org reference guide as needed.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
October 11, 2022
Project Result
- You can view all the results here.
- Most of you voted for two major theme ideas: LGBTQIA+ and the Environment/Wildlife.
- Today, you'll pick one of these two themes. Click here to vote.
Code Along on CodeHS
- Log in to codehs.com
- Go to the Draw a Cat exercise, the last lesson in section 1.2
- Follow instruction to add code to draw a cat using basic shapes in p5js.
- Use the p5js.org reference guide as needed.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
- Log in to codehs.com
- Go to the Draw a Cat exercise, the last lesson in section 1.2
- Follow instruction to add code to draw a cat using basic shapes in p5js.
- Use the p5js.org reference guide as needed.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
October 4, 2022
Project Voting
- Use this link to see all your project theme ideas and to vote for 3 you'd like to do: Slido Poll.
Learn about Functions
- Functions are a core coding concept in JavaScript. In other computer languages they are called methods or procedures.
- After I introduce functions to you, learn about and play with this sample code: https://codehs.com/sandbox/hberlyak/sample-js-functions-1
- Functions are a core coding concept in JavaScript. In other computer languages they are called methods or procedures.
- After I introduce functions to you, learn about and play with this sample code: https://codehs.com/sandbox/hberlyak/sample-js-functions-1
Learn to Draw on CodeHS
- Log in to codehs.com
- Continue your lessons where you left off.
- Use the p5js.org reference guide to write your code.
- If you need it, use this coordinates guide to help you find (x,y) coordinates.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
- Log in to codehs.com
- Continue your lessons where you left off.
- Use the p5js.org reference guide to write your code.
- If you need it, use this coordinates guide to help you find (x,y) coordinates.
- Use Ctrl + C to copy code
- Use Ctrl + V to paste code
- Use Ctrl + Z to undo what you just did
September 27, 2022
Project Brainstorming
- Look at projects.gwcnorfolk.org and the national Girls Who Code project gallery to see some past projects.
- Find project themes that interest you. You can use this list of project themes to spark your own ideas.
- Write down your 3 best ideas. Share them with the group.
Learn to Draw on CodeHS
- Log in to codehs.com
- Continue your lessons where you left off.
- Log in to codehs.com
- Continue your lessons where you left off.
September 13 & 20, 2022
Learn to Draw on CodeHS
- If you haven't already done so, register at codehs.com
- Login to your CodeHS account.
- Start Lesson 1 in Digital Art with p5.js
- If you haven't already done so, register at codehs.com
- Login to your CodeHS account.
- Start Lesson 1 in Digital Art with p5.js
Register on GirlsWhoCode
If you haven't already done so, register at hq.girlswhocode.com using the email invite I sent you. If you don't have the email, follow the video instructions below. The club code this year is VA41991.
If you were a member last year, you don't need to register. Be sure you can sign in, though. I can send you a password reset if you forgot your password.
Introductions
Introduce yourself with your name, grade, and coding experience.
Teambuilding & Sisterhood Activity
- Write three activities you're passionate about.
- Write what you want to do when you're an adult.
- Write three things you'd like to build to change the world.
- Share what you've written with your teammates.
- Identify things you've written that two or more of you have in common.
- When the whole group is back together, share your commonalities.
Coding with p5.js
- Go to p5js.org
- Select Reference
- Select the color() function
- Read what arguments the function takes
- Edit one of the examples
- Change the value of the c variable by changing the r, g, and b values
- Select Examples
- Run some of the examples, such as Simulate> Spring, Interaction>Tickle, or Input>Mouse1D
