Student Resource Hub
Guides, downloads, tools, and everything you need to make the most of your learning journey at Code Illustrated.
Start Here
New to Code Illustrated? This is your launchpad. Follow these steps to get set up and ready for your first class.
Setup Guide
Install VS Code, set up your browser, and get your computer ready for coding. We'll walk you through every step—takes about 15 minutes.
View Setup GuideYour First Lesson
Jump into your first mini-project: build a personal web page in HTML. No prior experience needed—just curiosity and a computer.
Start LearningWhat to Expect
Live 1-on-1 sessions, weekly projects, homework reviews, and a supportive mentor who guides you every step of the way.
See How It Works🚀 New Student Checklist
Tools & Software
Everything you need installed on your computer before your first class.
Visual Studio Code
The code editor we use in all classes. Free, powerful, and beginner-friendly. Install the 'Live Server' extension for instant previews.
Download VS CodeGoogle Chrome
Our recommended browser for testing websites. The built-in DevTools are perfect for inspecting HTML, CSS, and debugging JavaScript.
Download ChromeFigma
A free design tool for planning your websites before you code. Great for creating mockups and understanding layouts visually.
Open FigmaGitHub Desktop
Save and share your code projects securely. We'll teach you version control basics so you never lose your work again.
Download GitHub DesktopExternal Learning Resources
Handpicked platforms and references to supplement your learning.
MDN Web Docs
The definitive reference for HTML, CSS, and JavaScript. Bookmark this — you'll use it constantly.
Visit MDNCoolors
Generate beautiful color palettes for your web projects. Tap the spacebar to explore new combinations instantly.
Explore ColorsCodePen
An online playground for testing HTML, CSS, and JavaScript. See your code run live in the browser.
Open CodePenDownloadable Assets
Cheat sheets, curriculum PDFs, and roadmaps you can print or save.
HTML Cheat Sheet
All essential HTML tags on a single page. Perfect for quick reference while building websites.
Download PDFCSS Properties Guide
The most-used CSS properties with visual examples. Covers layout, colors, fonts, and responsive design.
Download PDFJavaScript Basics
Variables, functions, loops, and DOM methods explained simply with code snippets you can copy and paste.
Download PDFFull Curriculum Overview
The complete Code Illustrated curriculum across all courses. See every module and learning outcome.
Download PDFLearning Roadmap
A visual roadmap from beginner to job-ready developer. Know exactly where you are and what's ahead.
Download PDFHTML Mockups
Reference designs and high-fidelity mockups for class projects.
Website Mockup 1
HTML Mockups
High-fidelity design mockup for the main website interface (Part 1)
Website Mockup 2
HTML Mockups
High-fidelity design mockup for the main website interface (Part 2)
Student Guidelines & Policies
Clear expectations so every student has a great learning experience.
Class Expectations
Come prepared with your tools installed and ready. Have your camera on when possible. Ask questions freely — there are no silly questions. Complete assignments before the next session.
Attendance Policy
We ask for 24 hours' notice for rescheduling. Two no-shows in a row will trigger a check-in from your mentor. Consistent attendance is key to steady progress.
Homework Policy
Short homework is assigned after each session. It's designed to reinforce concepts, not overwhelm you. Expect 30–45 minutes of practice between classes.
Code of Conduct
Be respectful and kind. No plagiarism — it's okay to struggle and ask for help. Support your fellow students. We're all here to learn and grow together.
Frequently Asked Questions
Quick answers to the most common questions from students and parents.
Parent Resources
How parents can support their child's coding journey and stay informed.
How to Support Your Child
Show interest in their projects. Ask them to teach you what they learned — it's the best way to reinforce new concepts. Keep screen time productive.
Progress Reports
Monthly reports from the mentor cover skills mastered, project portfolio growth, attendance, and personalized recommendations for next steps.
Communication Channels
Reach your child's mentor via WhatsApp or email. Get replies within 24 hours on business days. Schedule parent-mentor calls anytime.
Contact Support💡 Tips for Parents
- Celebrate small wins — every line of code is progress.
- Let them struggle a bit before helping; debugging builds resilience.
- Visit the project showcase together to see what's possible.
- Encourage them to explain their projects to siblings or friends.
- Set a consistent study schedule so coding becomes a habit.
Need Help?
We're here for you. Reach out anytime — no question is too small.
Email Support
Send us a message at admin@codeillustrated.com. We typically respond within 24 hours on business days.
Send EmailMessage us on WhatsApp for quick questions or scheduling help. Available Monday through Friday.
Chat on WhatsAppOffice Hours
Monday – Friday, 9:00 AM – 6:00 PM (GMT). Mentors are also available during your scheduled class times.
Have a Question?
Whether you're a student stuck on a problem or a parent with enrollment questions, we'd love to hear from you.
Ask a Question