Follow this beginner-level instruction, you will learn how to use CocoBlockly to code:

Edit Project Title: Click the input on the top left, type a desired name of your project

Menu Bar: Here you will find 4 important functions: Help, Cloud Storage, Local Import/Export and Language Switch (English, Simplified Chinese and Traditional Chinese)

Personal Account: Click the avatar and login to your account, experience features like the cloud storage and IoT applet via CocoCloud.

Blockly Toolbox: Where all CocoBlockly blocks exists, from Logic to blocks for CocoRobo Module, we also provide examples in order to help users getting started

Coding Workspace (1): Drag the block;

Coding Workspace (2): Duplicate the block;

Coding Workspace (3): Delete the block;

Coding Workspace (4): Delete all blocks;

Source Code Area: When you drag block to coding workspace, this area will automatically generate Arduino source code for reference.

Upload Area: When you finished coding, click the Compile option to verify if your code is valid, make sure you have a good internet connection.Click the Upload option to upload the code to your module (Note: Please do not disconnect the module from your computer while the code is uploading)

Serial Monitor Area: Like Arduino IDE, in here you can debug your code, such as put the value to the monitor to check if it's right.

Switch to Full Screen: When you feel the coding space is narrow, you can always toggle the full screen option in the top-right toolbar

(Main Mode) Upload Code: Under Main Mode, CocoBlockly will only detect Main Controller Module, and you will be able to upload the main mode code to the module. If you are using WiFi Module, the interface will automatically change to WiFi Mode.

(WiFi Mode) Upload Code: Under WiFi Mode, CocoBlockly will only detect WiFi Module, and you will be able to upload the wifi mode code to the module. If you are using Main Controller Module, the interface will automatically change to Main Mode.

Cloud Storage: To add a new project to our cloud, click the Cloud Storage icon and a prompt will open, change the name to a desired one if you needed, then click "Update" button.

Cloud Storage: To open a new project from your cloud, single-click the project name, then click the "Open" button.

Cloud Storage: To delete a project from your cloud, single-click the project name, then click the "Delete" button.

Congratulations! You have sucessfully mastered the fundametals of CocoBlockly, start coding yourself now!