CodeStart

Author anonymousTotal Visits 6Visits in 7 Days 0

// preview

// description

Learn frontend fundamentals through short Portuguese lessons, live code, instant checks, XP, and achievements.

CodeStart is a self-paced, Portuguese-language introduction to frontend development for complete beginners. The curriculum contains 19 lessons arranged in four progressive modules: HTML structure, CSS styling and layout, JavaScript logic and interaction, and a final task list application using local storage. A typical lesson combines concise written explanations, code samples, an editable browser preview, a multiple-choice quiz, and a practical coding task. The checker reports every satisfied or missing requirement immediately. Completed quizzes, exercises, and lessons award XP, while the profile tracks module progress, levels, statistics, and 12 unlockable achievements. No account is required because progress is stored in the browser.

Highlights

Live code practice

Edit and run code

Instant checking

See each requirement

Guided curriculum

19 sequenced lessons

Progress rewards

Earn XP and badges

How to Use

Choose a module
Open the course catalog and select any lesson from the HTML, CSS, JavaScript, or final project modules. The recommended order starts with HTML, and each entry shows its topic and expected duration.
Read and experiment
Follow the concise explanation and inspect the examples, then edit the HTML, CSS, or JavaScript in the embedded workspace. Select Run to refresh the browser preview and observe how the code changes the rendered result.
Answer the quiz
Choose one answer in the quick quiz. The page immediately confirms whether the choice is correct and provides a specific explanation; a correct first response contributes XP to the saved profile.
Complete the exercise
Write the requested code in the practical exercise and select the checking control. The validator marks each requirement individually, explains what remains missing, and confirms when all conditions have been met.
Save progress
Mark the lesson complete after finishing its activities. The page awards XP, updates course progress, may unlock an achievement, and provides a direct route to the next lesson. The profile page summarizes all saved statistics.