WEBVTT

00:00.000 --> 00:07.000
Hi, everyone. In this video, I'm going to show you the built-in coding tools that are available to help you work on your projects.

00:07.000 --> 00:14.000
These tools can save you time and make coding easier because everything you need is already in one place.

00:14.000 --> 00:20.000
I'll break this down into six easy steps so you can follow along without any confusion.

00:20.000 --> 00:25.000
We'll start by exploring the code editor and then move through each tool one by one.

00:25.000 --> 00:32.000
To explore the code editor, let's start by scrolling down through the navigation menu to find the emulators section.

00:32.000 --> 00:36.000
Click on emulators hub to access all the available coding tools.

00:36.000 --> 00:40.000
Here you can see the various emulator options available on the platform.

00:40.000 --> 00:44.000
Each one offers different coding capabilities for your projects.

00:44.000 --> 00:48.000
Let's start with the code editor by clicking launch emulator here.

00:48.000 --> 00:54.000
The code editor opens with C++ code already loaded, giving you a ready to use development environment.

00:54.000 --> 00:57.000
Move the great features is the language selection dropdown.

00:57.000 --> 01:01.000
Click here to see the extensive list of programming languages you can work with.

01:01.000 --> 01:06.000
The interface includes essential tools like the Back to Dashboard button for navigation,

01:06.000 --> 01:12.000
save code to preserve your work, and run code to execute your programs.

01:12.000 --> 01:15.000
Let's head back to the emulators hub to explore the next coding tool.

01:15.000 --> 01:20.000
We've now familiarized ourselves with the code editor and its key features.

01:20.000 --> 01:25.000
Let's go to the next step, which is to explore the scratch emulator and how it works.

01:25.000 --> 01:29.000
To navigate the scratch emulator, click launch emulator here to get started.

01:29.000 --> 01:34.000
The scratch editor loads up, giving you the full visual programming interface.

01:34.000 --> 01:37.000
Let's explore the available programming blocks.

01:37.000 --> 01:41.000
Here you can see the motion category with various movement commands for your sprites.

01:41.000 --> 01:46.000
Click on the costumes tab to see how you can customize your sprites appearance.

01:46.000 --> 01:50.000
Click on sounds to access the audio library for your projects.

01:50.000 --> 01:53.000
Hit the play button to test out this meow sound effect.

01:53.000 --> 02:00.000
Play the sound again to hear it, and notice you can access various sound editing options right here in the interface.

02:00.000 --> 02:06.000
Head back to the emulators hub tab to continue exploring other coding tools available on the platform.

02:06.000 --> 02:11.000
We've finished navigating the scratch emulator and understand how to build block-based programs.

02:12.000 --> 02:18.000
Let's go to the next step, which is to explore the remix IDE for Ethereum smart contract development.

02:18.000 --> 02:22.000
To use the remix IDE, click launch emulator here.

02:22.000 --> 02:27.000
Give it a moment to load, and you'll see the full remix IDE interface open up.

02:27.000 --> 02:31.000
Let's explore what's available by clicking through these left-hand menu icons.

02:31.000 --> 02:38.000
You'll find the file explorer, search functionality, solidity compiler, deploy and run transactions,

02:38.000 --> 02:43.000
solidity unit testing, help in guides, and learnith sections.

02:43.000 --> 02:51.000
In the Learnith section, scroll down to see the available filters and tags for tutorials.

02:51.000 --> 02:57.000
Check the advanced filter box to see how the tutorial list updates with more specialized content.

02:57.000 --> 03:00.000
Scroll through these advanced tutorials to see what's available.

03:00.000 --> 03:06.000
Uncheck the advanced filter to see the complete list of all tutorials, then scroll down to browse through them.

03:06.000 --> 03:09.000
Click on any tutorial that interests you.

03:09.000 --> 03:12.000
Here we'll select the Circom hash checker template.

03:12.000 --> 03:18.000
Navigate back to the tutorials list, and then click the file explorer icon to see the project structure.

03:18.000 --> 03:23.000
Head back to the emulators hub tab to continue exploring other coding tools.

03:23.000 --> 03:27.000
We've finished working with the remix IDE for smart contract development.

03:27.000 --> 03:31.000
Let's go to the next step, which is to run queries in the SQL lab.

03:31.000 --> 03:35.000
To explore SQL lab, click the launch emulator button.

03:35.000 --> 03:44.000
The SQL lab loads with a complete online SQL editor featuring sample tables and an interactive interface.

03:44.000 --> 03:51.000
You can explore the interactive SQL course, or browse through the table scheme as displayed on the left side.

03:51.000 --> 03:56.000
Click the run SQL button to execute your query and see the results.

03:56.000 --> 04:02.000
The query results appear in the output section below, showing your data in a clean readable format.

04:02.000 --> 04:07.000
When you're finished, click back to dashboard to return to the main emulators hub.

04:07.000 --> 04:11.000
We've completed running queries in the SQL lab.

04:11.000 --> 04:14.000
Let's go to the next step, which is to view the web dev studio.

04:14.000 --> 04:18.000
To view the web dev studio, click the launch emulator button here.

04:18.000 --> 04:22.000
The web dev studio opens with a complete web development environment.

04:22.000 --> 04:29.000
You can see the HTML structure on the left, CSS styling in the center, and JavaScript functionality on the right.

04:30.000 --> 04:37.000
Scroll through these panels to explore the different code sections and see how they work together to create interactive web applications.

04:37.000 --> 04:41.000
Let's head back to the emulators hub tab to continue exploring more tools.

04:41.000 --> 04:46.000
We've now explored the web dev studio and its features for web development.

04:46.000 --> 04:50.000
Let's go to the next step, which is to simulate a project with WalkWi.

04:50.000 --> 04:55.000
To simulate a project with WalkWi, click launch emulator for the WalkWi simulator.

04:55.000 --> 05:01.000
The WalkWi Studio loads up, presenting you with various microcontroller options for simulation.

05:01.000 --> 05:04.000
Let's select the PiPico option to explore its capabilities.

05:04.000 --> 05:10.000
Browse through the featured PiPico projects and click on MiniPiano to see it in action.

05:10.000 --> 05:17.000
The MiniPiano project opens, displaying both the code and a visual simulation of the circuit layout.

05:17.000 --> 05:23.000
Start the simulation and try clicking the colored buttons to see how they light up on the virtual circuit in real time.

05:25.000 --> 05:30.000
When you're done testing, stop the simulation and return to the emulators hub tab.

05:30.000 --> 05:36.000
Here you can review the complete overview of available emulators and check the account type requirements for each tool.

05:36.000 --> 05:38.000
That wraps up the WalkWi simulation.

05:38.000 --> 05:42.000
You've now seen all the main coding tools built into the platform.

05:42.000 --> 05:45.000
Happy coding and see you next time.

