Tasks to perform
In this lesson the task is to get acquainted with Creating a Process Flowchart and Learning to use Blockly on the Web.
(The implementation of the exercise, the realized examples and tasks take place under the guidance of the tutor.)
To do this, the following tasks should be performed:
1. Creating a Process Flowchart
Go to https://creately.com/. Can You create a sample diagrams of the basic recipe for bread?
A basic recipe for bread can be considered as a program (sequence of activities):
- Preheat oven to 375º F. Prepare two 9-inch loaf pans by buttering and lightly flouring.
- Dissolve yeast in warm water. Add sugar, salt, oil, and 3 cups of water.
- Beat until smooth and stir in remaining flour.
- Knead on a floured surface for 8 – 10 minutes.
- Place in greased bowl and let rise for 1 – 2 hours.
- Punch dough down, divide in half and place in loaf pans. Cover and let rise until doubled.
- Bake at 375º F for 30 – 35 minutes.
In this example, the order of the instructions is relevant. The recipe, like a software program, was designed to accomplish a specific task, in this instance, to make bread.
2. Learning to use Blockly on the Web
- What you'll learn
- How to add Blockly to a sample web app.
- How to set up a Blockly workspace.
- How to create a new block in Blockly.
- How to generate and run JavaScript code from blocks.
- What you'll need
- Chrome web browser
- Web Server for Chrome, or your own web server of choice
- A text editor
- Basic knowledge of HTML, CSS and JavaScript
- The sample code, see Get setup section for instructions
- This codelab is focused on Blockly. The app structure, non-relevant concepts and code are glossed over and are provided for you to simply copy and paste.
You need to follow step by step instruction for this lab you can find on: https://clmirror.storage.googleapis.com/codelabs/blockly-web/index.html#0
