Go with the flow....
Why flowcharts?
Before you start programming, it is essential to first think about the structure and logic of your program. A flow chart is a visual representation of an algorithm, showing various steps and decisions in a process with symbols and connecting lines. Flowcharts help you analyze complex problems and clearly see how a program works before you start coding.
Flowcharts and JavaScript
In computer science classes, we use JavaScript as a programming language to develop computational thinking. JavaScript is a versatile language widely used in web development and user interaction. By using flowcharts, you learn not only to think logically about problem-solving but also how to translate ideas into working code.
Flowcharts in your learning process
Flowcharts help you to:
- To analyze problems visually and think about them in a structured manner.
- Breaking down complex processes into clear and manageable steps.
- Discover errors in the logic of your program more quickly.
- Make a clear plan before you start programming in JavaScript.
The shapes used in flowcharts
During the lessons, we use various standard symbols to visually represent processes. Below is an overview of the most important symbols you'll encounter:
- Terminator (green): Indicates the start and end of a program.
- Internal Storage (pink): Stands for declaring and initializing variables or arrays.
- Data (blue-violet): Displays input (such as user input) and output (such as text in the console).
- Process (blue): Used for calculations and storing results in variables or executing procedures.
- Decision (yellow): Represents a conditional decision, such as a
if-else-structure. - Predefined Process (red): Represents a function or procedure defined elsewhere in the program.
- Manual Operation (orange): Indicates manual user actions, such as a mouse click.
By using these symbols correctly, you can present algorithms clearly and structured. In the following lessons, you'll work on designing flowcharts and translating these logical structures into working JavaScript code.
