Learning Tool Tutorial

At the bottom left of the screen, you can find the learning tool menu composed of Learning Materials, AI Tutor, Design, Upload, Class Notes, Favorites, and Help.

First, click on the Help icon (ℹ️) below and review the explanations for the main features 🙂

Learning Materials

The Learning Materials section provides step-by-step guidance on coding concepts and website creation.

AI Tutor

You can ask questions to the AI Tutor, which is available 24/7. By clicking on the FAQ button in the AI Tutor menu, you can check frequently asked questions for each class.

Design

The Design menu offers icons to decorate your website. Click on the desired icon, and the code to use that icon will be automatically saved to the clipboard.

Upload

You can Upload files needed for coding education and website creation such as images, videos, and audio. The uploaded files can be used anytime by copying the URL.

Class Notes

You can write Notes anytime during learning. Notes are saved for each class.

Favorites

You can save frequently accessed classes to Favorites for quick access.

Help

You can always check the main features of the CodeFriends learning tool in Help.

One more thing! CodeFriends offers a Website Deployment feature to publish the websites you create based on the code you wrote and to share the URL with your friends.

You can test the deployment feature in the Web Coding Demo or Projects.

CodeFriends manages the version history of the deployed website’s code.

You can load previously deployed code to continue working or download the original HTML, CSS, JavaScript code for each version.

Practice

Follow the highlighted sections of the code and type them into the appropriate areas.