Tuesday Coders

2018-2019 Tuesday Coders Workspace 


Girls Who Code Norfolk Coders Workspace

February 19,  2020

Animation Programming

  1. Open your Chrome browser to an incognito window.
  2. Click on this link to Code.org and log in using your your code words.
  3. Continue learning animation by doing CSD 3 -  Animations activities.
  4. When a lesson requests you upload an image, select an image from Pixabay.com.  
    • Change the type of image you are looking for from "Images" to "Illustrations".
    • Click on the SafeSearch box (upper right corner).  
    • Click on the color selector and check the box for transparent.  (|This shows you images that only have transparent background which is important for sprites.)
  5. When a lesson asks you to change the background color, you can type in a name or rgb number set such as "156, 82, 33".
    1. Use an rgb color picker, such as Rapid Tables to find the color number set.
    2. If you prefer to use a color name, look at  the W3 Schools HTML Color Name Chart.
  6. You will upload images for the sprites you will use in your final animation when you get to the Lesson 14 Project.
  7. Use the Framework for Coding Animations as a guide to your final project.

Project Assignments (Ongoing)










February 11,  2020

Animation Programming

  1. Open your Chrome browser to an incognito window.
  2. Click on this link to Code.org and log in using your your code words.
  3. Continue learning animation by doing CSD 3 -  Animations activities.
  4. When a lesson requests you upload an image, select an image from Pixabay.com.  
    • Change the type of image you are looking for from "Images" to "Illustrations".
    • Click on the SafeSearch box (upper right corner).  
    • Click on the color selector and check the box for transparent.  (|This shows you images that only have transparent background which is important for sprites.)
  5. When a lesson asks you to change the background color, you can type in a name or rgb number set such as "156, 82, 33".
    1. Use an rgb color picker, such as Rapid Tables to find the color number set.
    2. If you prefer to use a color name, look at  the W3 Schools HTML Color Name Chart.
  6. You will upload images for the sprites you will use in your final animation when you get to the Lesson 14 Project.
  7. Use the Framework for Coding Animations as a guide to your final project.

Project Assignments (Ongoing)






February 4,  2020

Animation Programming

  1. Open your Chrome browser to an incognito window.
  2. Click on this link to Code.org and log in using your your code words.
  3. Continue learning animation by doing CSD 3 -  Animations activities.
  4. When a lesson requests you upload an image, select an image from Pixabay.com.  
    • Change the type of image you are looking for from "Images" to "Illustrations".
    • Click on the SafeSearch box (upper right corner).  
    • Click on the color selector and check the box for transparent.  (|This shows you images that only have transparent background which is important for sprites.)
  5. When a lesson asks you to change the background color, you can type in a name or rgb number set such as "156, 82, 33".
    1. Use an rgb color picker, such as Rapid Tables to find the color number set.
    2. If you prefer to use a color name, look at  the W3 Schools HTML Color Name Chart.

Project Assignments (Ongoing)





January 28,  2020

Animation Programming

  1. Open your Chrome browser to an incognito window.
  2. Click on this link to Code.org and log in using your your code words.
  3. Learn how to create an animation by doing CSD 3 -  Animations activities.

Project Assignments (over the next 2 weeks)





January 21,  2020

Animation Programming

  1. Open your Chrome browser to an incognito window.
  2. Click on this link to Code.org and log in using your your code words.
  3. Learn how to create an animation by doing CSD 3 -  Animations & Games activities.

Project Assignments (over the next 2 weeks)

  • Follow group instructions
  • Review the concept  map on Miro and your top 3 stress relievers.
  • Decide a lead person and support person for each stress reliever concept.
  • Make a list of what you want on your webpage (tips, references, animation, etc)
  • Lead person make a first wireframe draft of their assigned concept web page and a TODO list for what will appear on the page.




January 14,  2020

Animation Programming

  1. Open your Chrome browser to an incognito window.
  2. Click on this link to Code.org and log in using your your code words.
  3. Learn how to create an animation by doing the Dance Party activities..

Project Assignments (over the next 2 weeks)

  • Follow group instructions
  • Review the concept  map on Miro and your top 3 stress relievers.
  • Write you name and and top 3 stress relievers on a sticky note.
  • Place your note on the board.
  • Decide a lead person and support person for each stress reliever concept.
  • Lead person make a first wireframe draft of their assigned concept web page and a TODO list for what will appear on the page.




January 7,  2020

Turtle Programming with Loops


  1. Open your Chrome browser to an incognito window.
  2. Click on this link to Code.org and log in using your your code words.
  3. the lesson for programming with loops, Lesson 9.


Project Theme Research

  • Follow group instructions
  • We will use the concept  map on Miro to combine stresses and stress-relievers.
  • Pick your top three stresses and test out the stress relievers that you think will work best for you.




December 17,  2019

Turtle Programming with Loops


  1. Open your Chrome browser to an incognito window.
  2. Click on this link to Code.org and log in using your your code words.
  3. Continue puzzles for functions with parameters using this link to Code.org Lesson 8,   
  4. Link for red green blue color picker. 
  5. Together we will begin the lesson for programming with loops, Lesson 9.


Programming mBot


  • Follow instructions to program mBot to complete the task.


Project Theme Research



  • Follow group instructions
  • Identify the major causes of School Stress. 




December 10,  2019

Turtle Programming with Functions and Parameters


  1. Open your Chrome browser to an incognito window.
  2. Click on this link to Code.org and log in using your your code words.
  3. Continue puzzles for functions with parameters using this link to Code.org Lesson 8,   


Programming mBot


  • Follow  instructions to program mBot to complete the task.


Project Theme Research



  • Follow group instructions
  • Research ways coding can address the problem of School Stress & Discrimination 





December 3,  2019

Turtle Programming with Functions and Parameters


  1. Open your Chrome browser to an incognito window.
  2. Click on this link to Code.org and log in using your your code words.

  1. Open your Chrome browser to an incognito window.
  2. Click on this link to Code.org Lesson 8, Puzzle #2 and watch the video.
  3. Follow instructions to start the function with parameters puzzles.


Programming mBot


  • Follow  instructions to program mBot to complete the task.


Project Theme Research



  • Follow group instructions
  • Research ways coding can address the problem of School Stress & Discrimination 




November 19,  2019


Turtle Programming with Functions and Parameters


  1. Open your Chrome browser to an incognito window.
  2. Click on this link to Code.org and log in using your your code words.


  1. Open your Chrome browser to an incognito window.
  2. Click on this link to Code.org Lesson 8, Puzzle #2 and watch the video.
  3. Follow instructions to start the function with parameters puzzles.


Programming mBot

  • Follow  instructions to program mBot to complete the task.

Project Theme Brainstorming






November 12, 2019


Turtle Programming with Functions


  1. Open your Chrome browser to an incognito window.
  2. Click on this link to Code.org and log in using your your code words.
  3. After receiving group instructions, continue lessons where you left off.

Turtle Programming with Functions


  1. Open your Chrome browser to an incognito window.
  2. Click on this link to Code.org Lesson 6, Puzzle #2 and log in using your your code words.
  3. Follow instructions to start the puzzle, then finish it with your partner.

Programming mBot

  • Work with your partner and follow written instructions to program mBot to complete the puzzle.

Project Theme Brainstorming






October 8 and 29, November 5, 2019



Project Theme Brainstorming



Turtle Programming with Functions


  1. Open your Chrome browser to an incognito window.
  2. Click on this link to Code.org and log in using your your code words.
  3. After receiving group instructions, continue lessons where you left off.




October 1, 2019


Project Showcase & Share


  • Look at past GWC projects to get an idea of what you can accomplish.
  • Go to this link for Slover Projects and this link for HQ GWC projects.
  • Make notes about any that particularly appeal to you.
  • When done, share what you liked with your team members.

Turtle Programming with Functions


  1. Open your Chrome browser to an incognito window.
  2. Click on this link to Code.org and log in using your your code words.
  3. After receiving group instructions, continue lessons where you left off.


Complete Registration on HQ Girls Who Code


(only those girls notified by Heidi)


  1. Open this link to the HQ Sign Up Screen.
  2. Open this link to the video instructions for signing up.
  3. Follow the video instruction to sign up on HQ GWC.
  4. When you get to the Join Your Club screen, enter this code: VA15983
  5. Verify that you've registered with Slover Library.
  6. You'r Done!


September 24, 2019


Project Showcase

  • Look at past GWC projects to get an idea of what you can accomplish.
  • Go to this link for Slover Projects and this link for HQ GWC projects.
  • Make notes about any that particularly appeal to you.

Let's Code Loops with Turtle Programming

  1. Open your Chrome browser to an incognito window.
  2. Click on this link to Code.org and log in using your your code words.
  3. After receiving group instructions, begin with Lesson 4, Part 3.



Complete Registration on HQ Girls Who Code

(only those girls notified by Heidi)


  1. Open this link to the HQ Sign Up Screen.
  2. Open this link to the video instructions for signing up.
  3. Follow the video instruction to sign up on HQ GWC.
  4. When you get to the Join Your Club screen, enter this code: VA15983
  5. Verify that you've registered with Slover Library.
  6. You'r Done!





September 17, 2019

Let's Code Variables and Conditional Statements

Open your Chrome browser.
Click on this link to JSFiddle.
Click on this link to the HSL Color Picker.
Begin your coding quest.

The JavaScript (JS) Coding Quest 

(Run your code after each change)

  1. Assign your name as a character string to the variable myName
  2. Assign your age as a number to the variable myAge
  3. Un-comment one of the variable colors and add it to the variable letterColors array
  4. Code your own custom color
    • Use the HSL Color Picker to create a new color
    • Write a new variable for this color in the code
    • Assign the HSL number array to your new variable
  5. Add your custom color to the letterColors array
  6. Change the conditional statement for bubbleShape to use circles instead of squares
  7. Make your name "bouncy"
  8. Using the letterColors array, create your own custom pattern of colors for your name


Future Project Info

CS Impact Project Website


Contact Form

Name

Email *

Message *