week 8

ARTIFICIAL INTELLIGENCE HOMEWORK

Grades 4-5

Grades 6-8


week 7

Engineering Homework

Grades 4-5

  • Make your own "choose your own adventure game" (save on Codepen for review next week)
  • Instructions here

Grades 6-8

  • Write code to implement "Fizz Buzz" - instructions here

DATA SCIENCE HOMEWORK

Grade 4-5

  • Click on Resources
  • Under DATA SCIENCE click on 'GitHub Folder’.
  • Scroll down to where it says ‘HelloWorld'.
  • Click on the black and red square that says ‘launch binder’
  • After Binder has loaded, click on ‘DS_day2’.
  • Click on ‘DS_Day2_Elem_HW.ipynb’ – this is the homework

Grades 6-8

  • Click on Resources
  • Click on 'GitHub Folder'
  • Scroll down to where it says ‘HelloWorld' and click on the black and red square that says ‘launch binder’
  • After Binder has loaded, click on ‘DS_day2’
  • Within this folder click on ‘DS_day2_HW.ipynb’ – this is the homework
  • Start on lesson two on the syllabus called Strings and Console Output - this is quite long so you may not complete it

Week 6

Engineering Homework

Grades 4-5

Grades 6-8

  • Make your own "Choose your own adventure game" (save on Codepen for review next week)

  • Find instructions here

Data science Homework

  • Launch the Python exercises in Jupyter
    • Be sure to click on 'launch binder' at the bottom of the page
    • Then navigate to the "DS_day1" folder
  • Work through the "Individual Work" section of the Python activities
    • 4-5th Graders- look for the link called 'DataScience_Elem_Hour1_with_python-Icecream.ipynb'
    • 6-8th Graders- look for the link called "DataScience_Hour1_with_python.ipynb' 

WEEK 5

ENGINEERING HOMEWORK

Grades 4-5

Grades 6-8


Week 4

ENGINEERING HOMEWORK

Grades 4 - 5

  •  Google Form Checkpoint
  • In Codepen, create a page with 4 divs
    • Make each div unique by giving different background colors, border thickness and color (and style, if you can!), different font sizes and colors for the paragraphs, and different distances away from the left-side of the page
  • Bonus: add the pseudoclass :hover to one or all of the divs and make the background color change when you move the mouse over it!

Grades 6 - 8

  • Google Form Checkpoint
  • In Codepen, create a bootstrap layout with the following:
    • A jumbotron with a <h1> tag, text centered, and an <img> (image)
    • Three rows:
      • 1st row - 2 columns, each with a header and some text (remember….the page is divided into 12 columns, and a row always adds up to 12 columns, so how do you divide that into 2?)
      • 2nd row - 3 columns, each with a header and some text
      • 3rd row - 6 columns, each with a header and some text

DESIGN HOMEWORK

  • Complete your detailed wireframes

Week 3

ENGINEERING HOMEWORK

Grades 4 - 5

Grades 6 - 8

  • Log in to codepen.io using the following username and password: 
    • username: helloworld.stgabriel@gmail.com
    • password: Stgabriel
  • Ceate a New Pen
  • In the upper left-hand corner, change the name of the pen by clicking the little pen icon
  • Save your pen with the following formula:
    • Firstname Lastname - SG Week 3 HW
    • Ex) My pen would be called "Derrick Suarez - SG Week 3 HW"
  • In your new pen, create an information page about your favorite sport; you must include:
    • 1 <h1> tag;
    • 2 <h3> tags;
    • 2 <p> tags;
    • 2 <img> tags (Google "HTML img tag" if you don't remember the format)
    • 1 <a> tag (Google "HTML a tag" if you don't remember the format)
  • In the CSS editor, change the following:
    • Set the <h1> tag to have font-size of 35 pixels; change the font-color to red; add a border to the bottom the same color as the font (Google "CSS border property" if you don't remember the format)
    • Set the two <h3> tags to have font-size of 20 pixels; change the font-color to blue; add a border on all sides the same color as the font (Google "CSS border property" if you don't remember the format)
    • Change the text of the <p> tag to be green
    • Choose three individual words in the <p> tag and, using the <span> tag, give each one a unique id (like: <span id="my-id1"></span>, <span id="my-id2"></span>, <span id="my-id3"></span>), along with the CSS "id" selector (use "#id_name" in the CSS editor), and make each of those three individual words different colors (your choice)
    • Add a border around the image that's 5 pixels solid and any color
  • Bonus: make a div, give it a class name (like <div class="my-class"></div>), give it some height and width, and make it change color when you hover over it with your mouse (hint: pseudoclass ":hover")

DESIGN HOMEWORK

  • Complete your storyboards where you sketch 3 mobile app ideas for your companies focused on one area in your critical path
  • The whiteboard drawings (critical path and problem statements) can be found here

Week 2

ENGINEERING HOMEWORK

DESIGN HOMEWORK

  • Finish listening to user interview 
  • Define 2-3 pain points or opportunities your group wants to focus on for the mobile app
  • Watch this Ted Talk from Tim Brown, the CEO of IDEO

Week 1

Engineering Homework

Design Homework

  • Review audio clip from user and identify challenges