Tuesday Coders

2020 Fall Tuesday Coders Workspace 


Girls Who Code Norfolk Coders Workspace



November 10, 2020 - April 20, 2021

Your Project's "Big Picture" Objective

Provide teens with strategies for dealing with mental health issues, and provide links to resources for assistance.

 Today's TODO Tasks 

  • Round Robin Testing -> Once you completed your app or webpage, begin testing pages and apps coded by other members.  Use this testing form.  Link to the Mental Health site.
  • Web group -> Continue your lessons, then go to the Web Lab on Code.org to begin writing up the titles and text for each of your sections.  I've created a sample page on JSFiddle that you can copy into Web Lab, then upload pictures to, and create background urls for.  You will install the final version of your pages on the glitch.me website.
  • App group -> Use Create Project in Applab and use comments (under functions section) to create your TODO project goals. Example here for Applab.  Start coding your project.
  • Animations & Games group ->  Continue lessons.  Create project in Gamelab and use comments (under functions section) to create your TOD project goals.  Example here for Gamelab.  Start coding your project.


Learn Your Coding Technology

Continue lessons in your chosen technology.  Log in to Code.org with your access codes, then go to:

Resources

Rules for Naming Variables, App Screens and Sprites in JavaScript

  • Always start your name with a letter
  • Use camelCase for variables and underscore ( _ ) for Screen_Names
  • Make names of variables, app screens, and sprites meaningful
    • Welcome_Screen vs. Screen_1
    •  happyGirl vs. sprite_2
  • Never use a hyphen ( - ) in a name; that is reserved for HTML and CSS
    • anxiousGirl but NOT anxious-girl

Rules for Naming Webpages, Classes and IDs in HTML and CSS

  • Always start your name with a letter
  • Use lowercase
  • Use " - " to separate compound names
  • Make names of webpages, classes and IDs meaningful
    • dealing-with-anxiety.html vs. page-2.html
    • class = "blue-box" vs. class = "box1"
    • id = "all-caps" vs. id = "caps"
  • Don't use camelCase or underscore ( _ ); reserved for JavaScript




October 29, 2020 & Nov 3, 2020

Your Project's "Big Picture" Objective

Provide teens with strategies for dealing with mental health issues, and provide links to resources for assistance.

Online Resources


Learn Your Coding Technology

Continue lessons in your chosen technology.  Log in to Code.org with your access codes, then go to:

Use Comments to Define TODO Tasks -  First Name Your Project!

  • Web group -> Select webpage template
  • App group -> Use Create Project in Applab and use comments (under functions section)  Example here for Applab
  • Animations & Games group -> Create project in Gamelab and use comments (under functions section)  Example here for Gamelab



October 13 & 20, 2020

Your Project's "Big Picture" Objective

Provide teens with strategies for dealing with mental health issues, and provide links to resources for assistance.

The Issues

  1. Depression
  2. Anxiety disorders
  3. Social Isolation/Loneliness
  4. Eating Disorders
  5. Addiction
  6. Peer pressure
  7. ADD/ADHD
  8. Gender identity/dismorphia
  9. Stress
  10. Panic disorders
  11. Mood disorders
  12. OCD
  13. PTSD
  14. Autism Spectrum Disorders

Online Resources


Learn Your Coding Technology

Continue lessons in your chosen technology.  Log in to Code.org with your access codes, then go to:
  • Build an app -> App Lab Tutorial
  • Create an animation -> CSD Unit 3, Chapter 1
  • Make a game -> CSD Unit 3, Chapter 2
  • Create a website -> CSD Unit 2




October 6, 2020

Women in Code

Learn more about Robin Maxkii 

Define Your Projects "Big Picture" Objective

  • Who is your target audience?
  • What do you want them to learn, know, or be able to do?

Conduct Research

  • What mental health issues does your target audience deal with?
  • What resources for available for them to deal with these issues?


Pick Your Coding Technology

Begin Lesson in your chosen technology.  Log in to Code.org with your access codes, then go to:
  • Build an app -> App Lab Tutorial
  • Create an animation -> CSD Unit 3, Chapter 1
  • Make a game -> CSD Unit 3, Chapter 2
  • Create a website -> CSD Unit 2




September 29, 2020

Project Theme Selection

Follow group instructions for voting on a project by picking your top 3 choices.

Consider Your Coding Options

Look at Code.org Project Ideas to see what interests you.  Options include:
  • Build an app
  • Create an animation
  • Make a game
  • Create a website

Code.org Coding Assignment

  • Learn how HTML, CSS and JavaScript work together on this video.
  • Codepen examples:





September 22, 2020

Project Theme Brainstorming

Follow group instructions
Click on this link for a few project areas

  • 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.

Code.org Coding Assignment

  • Login to Code.org using the access codes I sent you
  • We will work in Computer Science Discoveries CSD ('l9-'20)
  • If you want to work on HTML/CSS go to CSD Unit 2
  • If you want to work in JavaScript, go to CSD Unit 3:
    • If you are new to JavaScript, go to  Chapter 1, Animations
    • If you were with GWC last year, go to Chapter 2, Building Games





September 15, 2020

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






GWC Registration Instructions


 

Now let’s take a look at what it looks like for a student to register on HQ. First they’ll enter the country they live in and their birthday. Make sure they click on “United States” from the drop down that appears below the text field to ensure they correctly create their account to join your Club.

Then they should click on “I want to join a Club as a Club Member.” 


Then they’ll click continue. Now the student will enter their student email address.


The student will make up a password that meets the required criteria. Finally, the student will enter their first name and last name. Once they agree to the terms and the privacy policy, they can click continue.


Now it’s time for the parent’s information. This is where they can enter their parent’s first name, last name, email address, phone number, and finally, their relationship to the participant. There is an option to enter another parent or guardian at this time. Afterwards, click continue.


Now it’s time for the student to join your Club. This is where you will have provided the students with your 2020-21 Club Code and it will be entered here.







Future Project Info

CS Impact Project Website


Contact Form

Name

Email *

Message *