Visual programming

Learn to develop simple and complex programs

I have prepared these lessons in .jpg format mainly to inspire you in the development of the application.
Open your framework (Scratch, Micro:bit or Fable Blocky), start creating the characters and select them for coding.
Drag out blocks of code from the Toolbox categories into the Workspace.
Snap blocks of code together to build your program.
Block-based coding frameworks are visual programming environments that enable users, particularly beginners and children, to create programs by dragging and dropping blocks of code from a toolbox onto a workspace. These frameworks use a visual interface where users assemble pre-defined blocks of code together, resembling puzzle pieces, to construct a functioning program.
In these environments, the toolbox typically contains different categories of code blocks, each representing specific programming concepts such as loops, conditions, variables, functions, events, and more. Users drag these blocks from the toolbox onto a workspace and snap them together to form a sequence or structure that defines the program's logic and behaviour.
For instance, to create a simple program to move a character in a game, users might drag blocks representing movement commands (e.g., "Move Forward" or "Turn Right") and snap them together in a sequence to instruct the character's actions.
These block-based coding frameworks provide a visual and intuitive way for beginners to learn programming concepts without needing to write text-based code. As users become more familiar with programming concepts, they can transition to traditional text-based programming languages.
Text-based code refers to programming languages where the code is written using text characters, symbols, and keywords in a textual format (e.g., Python or PHP). Block-based programming lays the foundations for text-based programming.
The type of programming language where users assemble pre-defined blocks of code in a visual interface—is commonly known as a "block-based programming language" or a "visual programming language."

Scratch lessons

Lesson 1 - Sprites interactionLesson 1 - Car acceleration
Lesson 2 - Controls conceptsLesson 2 - Air planes game
Lesson 3 - Catch me gameLesson 3 - Breakout game
Lesson 4 - Solve maze manuallyLesson 4 - Flappy bird
Lesson 5 - Video motion gameLesson 5 - Space invaders
Lesson 6 - Falling fruitsLesson 6 - Pac-man
Lesson 7 - Pong game
Lesson 8 - Bear dodge rocks
Lesson 9 - Shooter game
Lesson 10 - Snake game

Micro:bit lessons

Lesson 1 - LEDs introLesson 1 - Space invaders
Lesson 2 - Compass inputsLesson 2 - Calculator simulator
Lesson 3 - Snap the dot gameLesson 3 - Pac-man game
Lesson 4 - Blow phantom gameLesson 4 - Pong Game
Lesson 5 - Align Sprites

Scratch tutorial-Micro:bit tutorial