Fashion & Design
outlined_flag Intermediate list 8 lessons access_time 8-12 hours
Overview
Students build fashion-themed programs including a fashion walk, a stylist tool, and a pattern maker.
Examples
Lessons access_time 45-90 mins each
1. Fashion Story
Learn about CS First and then create a fashion story.
- check_circle assessment CS First Survey
- check_circle play_circle_filled What Is Computer Science?
- check_circle play_circle_filled Choose a Story Prompt
- check_circle play_circle_filled Add to the Story
- check_circle extension Add-Ons
- check_circle assessment Reflection
- check_circle play_circle_filled Wrap-Up: Fashion Story
- check_circle play_circle_filled Wrap-Up: Next Steps
2. Fashion Walk
Create a fashion show using loops and motion blocks.
- check_circle play_circle_filled Fashion Walk Intro
- check_circle play_circle_filled Walk The Walk
- check_circle play_circle_filled Reappear On Stage
- check_circle play_circle_filled Change Appearance
- check_circle extension Add-Ons
- check_circle assessment Reflection
- check_circle play_circle_filled Wrap-Up: Fashion Walk
- check_circle play_circle_filled Wrap-Up: Next Steps
3. Ultimate Stylist
Make a program that allows users to select a set of fashion accessories to place on an image.
- check_circle play_circle_filled Remix the Starter Project
- check_circle play_circle_filled Forever Follow the Mouse
- check_circle play_circle_filled Stamp the Accessory
- check_circle play_circle_filled Change Up Your Accessories
- check_circle extension Add-Ons
- check_circle assessment Reflection
- check_circle play_circle_filled Wrap-Up: Ultimate Stylist
- check_circle play_circle_filled Wrap-Up: Next Steps
.png)
4. Fashion Innovation
Imagine a technology innovation as part of a model's outfit, and create a program that describes the innovation to the users.
- check_circle play_circle_filled Fashion Innovation Introduction
- check_circle play_circle_filled Imagine Your Innovation
- check_circle play_circle_filled Interactive Outfit
- check_circle play_circle_filled For the Model Only
- check_circle extension Add-Ons
- check_circle assessment Reflection
- check_circle play_circle_filled Wrap-Up: Fashion Innovation
- check_circle play_circle_filled Wrap-Up: Next Steps
5. Fashion Poll
Create an interactive project where users can vote on their favorite sprite.
- check_circle play_circle_filled Create A Fashion Poll
- check_circle play_circle_filled Choose Your Poll Options
- check_circle play_circle_filled Track The Poll Votes
- check_circle play_circle_filled Clear The Poll Counts
- check_circle extension Add-Ons
- check_circle assessment Reflection
- check_circle play_circle_filled Wrap-Up: Fashion Poll
- check_circle play_circle_filled Wrap-Up: Next Steps
6. Window Shopper
Build a window display that changes when a user interacts with it.
- check_circle play_circle_filled Add a Sprite for Your Store Window
- check_circle play_circle_filled One Sprite Flies
- check_circle play_circle_filled Clone the Flying Sprite
- check_circle play_circle_filled Sprites Look Alive
- check_circle extension Add-Ons
- check_circle assessment Reflection
- check_circle play_circle_filled Wrap-Up: Window Shopper
- check_circle play_circle_filled Wrap-Up: Next Steps
7. Pattern Maker
Design your own pattern while you learn how procedures are used in computer science.
- check_circle assessment Activity 7 Survey
- check_circle play_circle_filled Introduction To Procedures
- check_circle play_circle_filled Print Your Pattern
- check_circle play_circle_filled Reset the Project for Another Print
- check_circle play_circle_filled Pattern Explorer
- check_circle extension Add-Ons
- check_circle assessment Reflection
- check_circle play_circle_filled Wrap-Up: Pattern Maker
- check_circle play_circle_filled Wrap-Up: Next Steps
8. Fashion Awards
Build a project that reflects what you have learned and accomplished in CS First Fashion and Design.