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, Help, and Exit.

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

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

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.

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.

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.

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

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

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.

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