Learning Tool Tutorial

In the lower-left corner of the screen, you will find the learning tool menu which consists of Learning Materials, AI Tutor, Design, Upload, Class Notes, Favorites, Help, and Exit.

First, click the Help icon (ℹ️) below and get an overview of the main features 🙂

Learning Materials provide step-by-step guidelines for learning coding and creating your own website.

You can ask the AI Tutor questions at any time, available 24/7. By clicking the FAQ button in the AI Tutor menu, you can view frequently asked questions for each class.

The Design menu offers icons to enhance the appearance of your website. Clicking on an icon automatically saves the code required to use the icon to your clipboard.

You can Upload files necessary for coding education and website creation, such as images, videos, and audio. The uploaded files can be used at any time by copying their URLs.

You can write Class Notes at any time during your studies. Notes are saved for each class.

You can save frequently accessed classes to Favorites and easily navigate to them at any time.

You can review the main features of the CodeFriends learning tool at any time using Help.

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

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

CodeFriends manages the version history of the code for deployed websites.

You can retrieve previously deployed code to continue working on it, or download HTML, CSS, JavaScript code as it originally was for each version.

Try entering the code following the parts highlighted with asterisks.