1. Scratch Tutorial
for kids
Doaa Mohey Eldin
PhD researcher
Faculty of computers & Artificial intelligence
Cairo University
1
d.mohey2020@gmail.com
Scratch Tutorial for kids by Doaa Mohey
2. Agenda
• What is a scratch?
• Lets get Started Scratch!
• Introduction of Scratch
• Discuss the scratch workspace
• Graphics Functions in scratch!
– Create Background
– Create your sprite
– Making Resizing
– Dealing with Pixel
• Examples
• Programming in Scratch!
– Control
– Motions
– Conditions
– Presentation &Sound
– Sensing & Movements
– Variable &Numbers
• Animation in Scratch!
• Time to play!
• Experimental projects
2
Scratch Tutorial for kids by Doaa Mohey
3. What is Scratch?
• Scratch is a free programmable toolkit that
enables kids to create their own games,
interactive art, and animated stories.
• Scratch can allow users share their creations
and innovations via internet.
3
Scratch Tutorial for kids by Doaa Mohey
4. What is Scratch?
• Scratch is the world's largest coding community
and coding language for kids with a simple visual
interface that allows young people to create
digital stories, games and animations.
• Scratch is designed, developed and overseen by
the Scratch Foundation, a non-profit organization.
Scratch promotes computational thinking and
problem-solving skills; creative teaching and
learning; self-expression and collaboration; and
equity in computing.
4
Scratch Tutorial for kids by Doaa Mohey
5. What is Scratch?
• The essential goal of scratch is support kids
become fluent with digital media to draw
their ideas powerful.
• Scratch has many capabilities and
componential ideas to be easier for kids and
help them in starting programming and
graphics programs
5
Scratch Tutorial for kids by Doaa Mohey
6. Lets get Started Scratch !
Offline Download
• https://scratch.mit.edu/download
Working online
• https://scratch.mit.edu/projects/edit
or/?tutorial=getStarted
6
• Scratch is always free and is available in more than 70 languages.
• To open scratch, we can use it as the following,
Scratch Tutorial for kids by Doaa Mohey
7. Introduction of Scratch
• Scratch has become the world's largest coding community for
kids.
• In 2022, Scratch reached more than 100 million registered
users.
• Scratch launched in May of 2007 as a downloadable desktop
application.
7
Scratch Tutorial for kids by Doaa Mohey
8. Discuss the scratch workspace
8
Coding
bar
Workspace
-script area
Stage
screen
layers
Menu bar
Animation
bar
objects
Scratch Tutorial for kids by Doaa Mohey
Programming
bar
9. Part 1
• What is a scratch?
• Lets get Started Scratch!
• Introduction of Scratch
• Discuss the scratch workspace
• Graphics Functions in scratch!
– Create Background
– Create your sprite
– Making Resizing
– Dealing with Pixel
• Examples
9
Scratch Tutorial for kids by Doaa Mohey
10. Graphics Functions in Scratch
1. Create Background
• User can draw Scratch background or change
background properties as color, size, front/back layer.
10
Scratch Tutorial for kids by Doaa Mohey
11. Graphics Functions in Scratch
1. Create Background
11
Create
background
Create
background
Layer
properties
Scratch Tutorial for kids by Doaa Mohey
12. Graphics Functions in Scratch
1. Create Background
12
Scratch Tutorial for kids by Doaa Mohey
13. Graphics Functions in Scratch
1. Create Background
13
Scratch Tutorial for kids by Doaa Mohey
14. Graphics Functions in Scratch
2. Create Sprite
• Open the folders for the various sprites categories, by double
clicking on the appropriate one in a library of scratch has many
sprites in a program to make the experiment with it.
• In the animation, you may utilize more than one sprite.
• In addition, any user can draw his own graphical sprite
14
Scratch Tutorial for kids by Doaa Mohey
15. Graphics Functions in Scratch
2. Create Sprite
15
Open
available
sprites
sprites
Sprites
properties
Show/hidden
sprites
Changing
Sprites
name
Scratch Tutorial for kids by Doaa Mohey
16. Graphics Functions in Scratch
3. Making Resizing
• User makes resizing sprite images or parts of images icons to
be smaller or larger by clicking on the dimensions of icons.
16
Scratch Tutorial for kids by Doaa Mohey
17. Graphics Functions in Scratch
3. Making Resizing
17
Scratch Tutorial for kids by Doaa Mohey
18. Graphics Functions in Scratch
3. Making Resizing
18
Make
enlargement
for each part
of sprite
Scratch Tutorial for kids by Doaa Mohey
19. Graphics Functions in Scratch
3. Making Resizing
19
Make
resizing
Scratch Tutorial for kids by Doaa Mohey
20. Graphics Functions in Scratch
3. Making Resizing
20
Minimized
part of
sprite
Scratch Tutorial for kids by Doaa Mohey
21. Graphics Functions in Scratch
4. Dealing with Pixel
• A pixel:
– is considered a tiny component that makes up a
picture on a computer or television screen is a
pixel.
– is created through the combination of the words
image and element.
21
Scratch Tutorial for kids by Doaa Mohey
22. Graphics Functions in Scratch
4. Dealing with Pixel
22
Dealing
with bitmap
Scratch Tutorial for kids by Doaa Mohey
23. Graphics Functions in Scratch
4. Dealing with Pixel
23
Pixels
Scratch Tutorial for kids by Doaa Mohey
24. Part 2
• Programming in Scratch!
– Control
– Motions
– Conditions
– Presentation &Sound
– Sensing & Movements
– Variable &Numbers
• Animation in Scratch!
• Time to play!
• Experimental projects
24
Scratch Tutorial for kids by Doaa Mohey
26. Programming in scratch
• Scratch coding is a visual programming language in which you
have to drag and drop blocks of code and attach them in a way
user connects a jigsaw puzzle.
• Scratch is a free educational website developed by MIT that
provides a great way to learn to code early.
26
Scratch Tutorial for kids by Doaa Mohey
27. Programming in scratch
• User can make drag and drop or left double click on block to
apply the animation on workspace.
• There is a presentation button to convert the vision into
presentation mode, and cancel it with press Esc button
27
Scratch Tutorial for kids by Doaa Mohey
28. Programming in scratch
- Event
• Events: the condition of order potions
28
Events
Scratch Tutorial for kids by Doaa Mohey
29. Programming in scratch
- Event
• Events: the condition of order potions
29
Events
Motion
Scratch Tutorial for kids by Doaa Mohey
32. Programming in scratch
- Motion
• Now, user can add the turn 20 degrees of detected
block in scratch based on motion code.
32
Scratch Tutorial for kids by Doaa Mohey
41. Programming in scratch
- Control
• Control is:
– the following programming buttons category:
– this is very significant category due to detect number of
times an event happens (how many, how long of happened
event, when time of happed event).
– is a conditional statements are mutually entitled "if
statements: or "if-else" statements
41
Scratch Tutorial for kids by Doaa Mohey