CodeStart
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.
Similar Sites
3WebCraft — Frontend Course
Learn HTML, CSS & JS by building — from beginner to a real portfolio.
32Python Notes: Learn from Zero
A free beginner-friendly interactive course: learn Python from absolute zero across 15 hands-on topics
30PGIMS Rohtak CET 160+ Prep
PGIMS Rohtak CET prep: mock tests, AI theory, sectional practice, mistake book.
24Ivan's School Day
Ivan's school day routine as a voice-narrated social story
22A Guerra do Estoque
Jogo educacional de controle de estoque com certificado em PNG
19Arquivo das Copas
Todas as Copas do Mundo (1930-2026): edições, grupos, fases e todos os resultados.