Canvas and Arrays in Apps

Slides:



Advertisements
Similar presentations
Summer Computing Workshop. Session 4 Loops  At the heart of their functionality, loops enable blocks of code to be executed more than once  Loops represent.
Advertisements

For Loops 2 ENGR 1181 MATLAB 9. For Loops and Looped Programming in Real Life As first introduced last lecture, looping within programs has long been.
Visual Basic.NET BASICS Lesson 11 List Boxes, For Next Loops, and Label Settings.
Why use functions? General programming advantages Clearly defined computations Enables code reuse Easier to debug 1.
Logical Architecture and UML Package Diagrams. The logical architecture is the large-scale organization of the software classes into packages, subsystems,
FOP: While Loops.
AP CSP: Creating Functions & Top-Down Design
JavaScript/ App Lab Programming:
Unit 5: Canvas Painter.
Unit 5 Lesson 12: Loops and Simulations
Vocabulary Algorithm - A precise sequence of instructions for processes that can be executed by a computer Low level programming language: A programming.
AP Computer Science Principles
Lesson 1-4 AP Computer Science Principles
APIs and Function Parameters
Fundamentals of Java: AP Computer Science Essentials, 4th Edition
Chapter 12 Enumerated, Structure, and Union Types Objectives
Unit 5 Lesson 3: Introduction to Arrays
Introduction to Event-Driven Programming
Tutorial 12 Working with Arrays, Loops, and Conditional Statements
Do it now activity Last lesson we used Flowol to create a solution to a problem a computer could solve. Identify what each symbol does:
Creating Functions with Parameters
Functions and Top-Down Design
Lesson 5-2 AP Computer Science Principles
Identifying People With Data
Lesson 5-15 AP Computer Science Principles
Building an App: Color Sleuth
Introduction to Programmng in Python
Looping and Random Numbers
Chapter 8 Arrays Objectives
Compound Conditional Logic
Lesson 1: Buttons and Events – 12/18
Starter Write a program that asks the user if it is raining today.
Topics discussed in this section:
Week 8 - Programming II Today – more features: Loop control
For -G7 programing language Teacher / Shamsa Hassan Alhassouni.
Building an App: Multi-Screen App
Unit 14 Event Driven Programming
Lesson 17: Building an App: Canvas Painter
Lesson 16: Functions with Return Values
Lesson 6: User Input and Strings
Chapter 8 Arrays Objectives
LESSON 13 – INTRO TO ARRAYS
Lesson 15: Processing Arrays
UNIT 3 CHAPTER 1 LESSON 4 Using Simple Commands.
int [] scores = new int [10];
Creating Functions with Parameters
Looping and Random Numbers
Algorithms Take a look at the worksheet. What do we already know, and what will we have to learn in this term?
Computer Science 2 Getting an unknown # of …. Into an array.
Lesson 3.2 Review: Identifying concepts
Moving Sprites in Scratch
Basic Lessons 7&8 Mr. Husch.
CS150 Introduction to Computer Science 1
Repeat Day2 Dry Run Second Repeat Program
int [] scores = new int [10];
Mod 2 Lesson 2 Repeating with loops
Programming Control Structures with JavaScript Part 2
Topic 1: Be able to combine functions and determine the resulting function. Topic 2: Be able to find the product of functions and determine the resulting.
Loops and Arrays in JavaScript
Chapter 8 Arrays Objectives
How to write good code Part 2
Python Basics with Jupyter Notebook
Bubble sort.
Review of Previous Lesson
Phase 1Calculations Meeting
Java: Variables, Input and Arrays
Dry Run Fix it Write a program
U3L8 Creating Functions with Parameters
U3L4 Using Simple Commands
Arrays: Iteration Working through an array algorithmically.
Presentation transcript:

Canvas and Arrays in Apps Lesson 5-17 AP Computer Science Principles

Objectives Students will be able to: Programmatically control the canvas element in response to user interactions. Maintain a dynamically generated array through the running of a program in order to record and reuse user input. Use nested loops within a program to repeat a command on the same array index multiple times. Perform variable arithmetic within an array index to access items in an array by their relative position.

Create a Drawing App in App Lab Today we are going to be building a drawing app in App Lab. Along the way, we’ll be introduced to a couple new ideas and concepts, but for the most part, we will be combining old skills. At this point, you all know most of the core concepts of programming, and so as we move forward, we’ll spend more time thinking about interesting ways to combine them. With that in mind, let’s get into Code Studio and start building our next app!

Stage 17 Complete Stage 17