Event-Driven Programming in App Lab

This self-paced module introduces foundational concepts of computer programming, which unlocks the ability to make rich, interactive apps. This unit uses JavaScript as the programming language, and App Lab as the programming environment to build apps, but the concepts learned in these lessons span all programming languages and tools.

Lesson 1: Intro to App Lab | Lesson 2: Buttons and Events | Lesson 3: Multi-screen Apps | Lesson 4: Variables | Lesson 5: Building an App: Clicker Game | Lesson 6: If-Statements | Lesson 7: User Input and Strings | Lesson 8: Boolean Expressions and "If" Statements | Lesson 9: "if-else-if" and Conditional Logic | Lesson 10: Building an App: Color Sleuth | Lesson 11: Keep Going!

Lesson 1: Intro to App Lab

• Level 1-4: Setting Properties

• Level 5-70: Make it Interactive

• Level 8-9: Images &Sounds

• Levels 10-14: Design Mode

Lesson 2: Buttons and Events

• Levels 1-5: Intro to Debugging and Common Problems

• Level 6-8: How set Position and Screen Dimensions Work

• Level 9: Using Labels

• Level 10: Event Type

• Level 11: How Images Work

• Level 12: https://studio.code.org/s/csp5-virtual/lessons/2/levels/12

Lesson 3: Multi-screen Apps

• Levels 1- 5: Debugging with Console.log

• Levels 6-9: Making a Multi-Screen Chaser Game v.2

• Level 10: Multi Screen Chaser Game

Lesson 4: Variables

• Level 1: Introduction to variables Part 1

• Levels 2-6: Basic Mechanics of Variables

• Levels 7-14: Other Ways to Assign Values to Variables

• Level 15: https://studio.code.org/s/csp5-virtual/lessons/4/levels/15

• Levels 16-18: The Mental Model for Variables

Lesson 5: Building an App: Clicker Game

• Level 1: Clicker Game Demonstration

• Levels 2-5: AppLab Practice

• Levels 6-9: Debugging Variables

• Levels 10-11: Using Variables

Lesson 6: If-Statements

• Levels 1-5: Simple Decisions with if-statements

Lesson 7: User Input and Strings

• Level 1: Mad Lib Demonstration

• Levels 2-7: Strings in Apps

• Levels 8-11: Mad Lib Game

Lesson 8: Boolean Expressions and "If" Statements

• Level 1: Introduction to Conditionals: Boolean Expressions

• Level 2: Boolean Expressions and Comparison Operators

• Level 3: Comparison Operators Practice

• Level 4: Introduction to Conditionals: if Statements

• Levels 5-8: If Statements

• Level 9: Introduction to Conditionals: if-else Statements

• Levels 10-13: if-else Statements

• Levels 14-16

Lesson 9: "if-else-if" and Conditional Logic

• Level 1: Introduction to Conditionals: if-else-if Statements

• Levels 2-6: How "if-else-if" Works

• Level 7: Introduction to Conditionals: Compound Boolean Expressions

• Level 8-9: How the Boolean &&, || and ! Operators Work

• Levels 10-12: How Compound Boolean Expressions Work

Lesson 10: Building an App: Color Sleuth

• Level 1: Color Sleuth - Demo and Overview

• Level 2: RGB Colors

• Level 3: Specifying Colors

• Levels 4-5: Using setProperty

• Level 6: How to Pick a Random Button

• Level 7: How to Make a Random Color

• Level 8-10: Functions in Your Color Sleuth App

• Levels 11-13: Activating Buttons

• Levels 14-15: How to Switch Player Turns

• Levels 16-17: Updating the Score

• Level 18: Project: Color Sleuth

Lesson 11: Keep Going!

Enhancing technology skills 

Course Link

• https://studio.code.org/s/csp5-virtual