Tuesday Coders

2018-2019 Tuesday Coders Workspace 


Girls Who Code Norfolk Coders Workspace

April 14 - May 26, 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. Go to your Projects dashboard to continue work on your animation
  4. See my Sample Project for coding algorithm examples.

    Edit the Project Website

    1. Login to our project website, using your email instructions.
    2. Edit your stress post.
    3. Create or edit an About [yourfirstname] post.
    4. Create or revise an avatar to use on you post and as featured image.
      1. Follow instructions for using Avachara.com to create and save your avatar.
      2. Upload it to the website.
      3. Add it to your user profile.
      4. Add it to your "About" post as your featured image.
      5. Add it as an image block inside your post.

    Code for Adding Sound to Animations


    function mySound() {
    while (count < 1) { if (count == 0) { playSound("sound://category_bell/hollow_bell_notification.mp3", true); } 

    count = count + 1; } }


    Code for Time Delay in Animations


    setTimeout(function() {
    kidLWalking.y = kidLWalking.y - 20;
    }, 4000);




    April 7, 2020

    Animation Programming - Set Up Your Subgoals in Draw()

    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. Go to lesson #14 to set up your subgoals.
    5. Write down the different steps in your animation.
    6. Add a comment for each step in the Draw() loop.

      Learn How to Edit the Project Website

      1. Login to our project website, using your email instructions.
      2. Look at your profile and update your public display name to your first name.
      3. Follow instruction on how to create and edit posts.
      4. If you can't make the meeting, watch this video tutorial:  How to Edit in WordPress


      Code for Time Delay in Animations


      setTimeout(function() {
      kidLWalking.y = kidLWalking.y - 20;
      }, 4000);





      March 31, 2020

      Animation Programming - Initialize Sprites and Add a Background

      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. Go to lesson #14 and initialize the sprites you will use in your animation.
      5. Add a background to your animation one of two ways
        1. In the animation tab, add a background image, then initialize it as your first sprite OR
        2. Use the background() function to select a background color.

      Project Assignments (Ongoing)







      March 24, 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. Go to lesson #14 and set up the framework of code for your final animation.
      5. Use the Framework for Coding Animations as a guide to your final project.

      Project Assignments (Ongoing)









      February 18 - March 10, 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. Go to lesson #14 and add at least 2 sprites to the Animation tab that will be part of your final animation.
      5. 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.)
        • Pick a size that is nor more than 100KB big.
      6. 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.
      7. If you want to find a sound effect that is not on Code.org, you will find more by using this specific kind of search:  byu.edu: "freeloops.com" nameofsound
      8. You will upload images for the sprites you will use in your final animation when you get to the Lesson 14 Project.
      9. 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 *