diff --git a/docs/courses/csintro/algorithms/activity.md b/docs/courses/csintro/algorithms/activity.md index dcf21a78..9ed975ee 100644 --- a/docs/courses/csintro/algorithms/activity.md +++ b/docs/courses/csintro/algorithms/activity.md @@ -23,6 +23,17 @@ Now that you have a plan for your program, in the form of pseudocode, let's star ![IDE tour](/static/courses/csintro/algorithms/ide-tour.png) +The features highlighted here are: + +1. Go to the **Home Screen** to start a new project or open an existing project +2. **Simulator** shows what your program will look like when running on a @boardname@ +3. **Hide** or **Show** the simulator pane +4. Program in either **Blocks** or **JavaScript** +5. Programming **Workspace** where you will build you program +6. Blocks **Toolbox** +7. **Download** your program to the @boardname@ +8. Name your project and **Save** it on your computer + ## Event handlers When you start a new project, there will be two blue blocks, ‘on start’ and ‘forever’ already in the coding workspace. These two blocks are event handlers. diff --git a/docs/courses/csintro/making/activity.md b/docs/courses/csintro/making/activity.md index 7c98c6b5..c028437b 100644 --- a/docs/courses/csintro/making/activity.md +++ b/docs/courses/csintro/making/activity.md @@ -40,6 +40,17 @@ basic.forever(() => { ![IDE tour](/static/courses/csintro/making/ide-tour.png) +The features highlighted here are: + +1. Go to the **Home Screen** to start a new project or open an existing project +2. **Simulator** shows what your program will look like when running on a @boardname@ +3. **Hide** or **Show** the simulator pane +4. Program in either **Blocks** or **JavaScript** +5. Programming **Workspace** where you will build you program +6. Blocks **Toolbox** +7. **Download** your program to the @boardname@ +8. Name your project and **Save** it on your computer + The color of the blocks identifies their category. All of the blocks that make up the program above come from the **Basic** Toolbox category, which is light blue. ## Downloading a MakeCode program to the micro:bit diff --git a/docs/static/courses/csintro/algorithms/drag-to-trash.gif b/docs/static/courses/csintro/algorithms/drag-to-trash.gif index 0ad4db8c..53dc6015 100644 Binary files a/docs/static/courses/csintro/algorithms/drag-to-trash.gif and b/docs/static/courses/csintro/algorithms/drag-to-trash.gif differ diff --git a/docs/static/courses/csintro/algorithms/ide-tour.png b/docs/static/courses/csintro/algorithms/ide-tour.png index 8690130e..8c37f145 100644 Binary files a/docs/static/courses/csintro/algorithms/ide-tour.png and b/docs/static/courses/csintro/algorithms/ide-tour.png differ diff --git a/docs/static/courses/csintro/making/ide-tour.png b/docs/static/courses/csintro/making/ide-tour.png index 8690130e..8c37f145 100644 Binary files a/docs/static/courses/csintro/making/ide-tour.png and b/docs/static/courses/csintro/making/ide-tour.png differ