Mr. Manning's Coding 101 Class

First Animated Background

Level 19 Canvas and Shapes

Objective: Students will reproduce code to create a menu for their page that only shows on small screens. And students will identify the code they have learned so far.
Students will utlize their knowledge of Cartesian mathematics to place shapes onto a canvas grid.
Essential Question: How do I add Javascript to my websites?
Vocabulary:Cartesian plane, x-direction, y-direction
Standards: ELD.K12.ELL.SC Language of Science
SC.68.CS-CP.3.2 Create online content (e.g., webpage, blog, digital portfolio, multimedia), using advanced design tools.
SC.68.CS-CS.1.1 Examine connections between elements of mathematics and computer science including binary numbers, logic, sets, and functions.
Instructions:
- Direct: Watch and listen to the video, or read the presentation
- Guided: Recreate the code you are learning about and experiment with it
- Independent: Apply what you have learned to make your project unique
Need help?: Project Help General Coding Questions
Keyboard Shortcuts (Use Cmd for Macs): Copy(Ctrl+C) Cut(Ctrl+X) Paste(Ctrl+V) Undo(Ctrl+Z) Redo(Ctrl+Y) Select All(Ctrl+A) Select Next(Ctrl+D) Find(Ctrl+F)
Links: Github Glitch
Turn In (In-person students): Click here

Video

YouTube blocked?

Presentation

Code Review