Opening the secure teacher workspace…
Please rotate your phone back upright to continue using ICT 8 Connect.
ICT 8 ConnectLearn. Code. Connect.
Welcome, Grade 8 MCSians! Continue your projects, explore lessons, and see your progress in one friendly space.
Your learning journey starts here.
One account. All your ICT learning.
New here? Sign in with your Student ID.
Student Records
Use the Student ID registered by your teacher. The default password for a new account is 123456.
ICT 8 CONNECT
Learn lessons, code projects, and connect your progress.
Open your projects and continue your ICT lessons.
Your saved work
Open ProjectGrade visibility follows your teacher's settings.
View StatusContinue your last lesson
View LessonsPractice and complete challenges
ExplorePreview only · Theme changes appearance, not grades, security, or rendered student code.
First Login
For your security, replace the default password before opening your projects.
Explore ICT lessons and practice coding. Log in with your Student ID to view your own projects and academic progress.
🔒 Guest access never reveals student grades, private projects or Code Inbox.
Everything you need for ICT is right here. Pick up where you left off!
Practice HTML, CSS, and JavaScript in Code Explorer.
Your requirements will appear here after your teacher publishes them.
Create your first project in My Projects.
Messages and project feedback will appear in the existing G8Code tools.
G8Code · ICT 8 Connect · Learn, Code, Connect ✨
Manage your G8Code account securely.
Your name, section and Student ID are managed by your teacher.
Show your grade and requirements reminder each time you open Student Home. It will not appear on My Projects.
Update your password without losing saved projects or progress.
✓ Password updated. Your account remains signed in.
Log out when you are finished to protect your account.
Build something new or pick up a project right where you left off.
HTML, CSS & JavaScript · Self-paced practice
All your code projects and wireframes in one place.
Open a project to see save status and recovery backups.
Feedback notifications will appear here when your teacher comments on a project.
Learn. Practice. Build confidence. Earn certificates.
Pick any path, try the code yourself, and continue exactly where you stopped.
0 of 0 topics completed
Start exploring how webpages are structured.
Choose the missing code that makes the example complete.
⚡ Max 12 XP · first try earns the full reward · retries reduce only this activity reward.
Choose one answer at a time for instant feedback. Wrong answers use 1 heart and remove 2 potential XP from that Quick Check attempt. Score at least 4/5 and pass the coding practice to unlock the next topic.
Your Mastery XP is updated. Reviews never add duplicate XP.
Complete all course topics to unlock the final challenge and certificate.
Top 10 are highlighted. Student ranks use XP; section ranks use average XP per student. Ties share the same rank.
Mastery XP is earned from first-time learning milestones such as the code puzzle, coding practice, Quick Check, topic completion, final challenge, and certificate. Repeating completed work does not farm XP.
Recognizing this year’s highest-ranked sections.
0 of 0 topics completed
Completed topics can be reviewed anytime. Locked topics unlock in order.
Nice work.
Score at least 80% to pass. Wrong scored answers use 1 heart each.
Certificates are unlocked after passing each course final challenge.
PDF lessons are arranged by Term 1, Term 2, and Term 3. Use search and sorting to find a lesson quickly.
Pick up where you stopped.
Not started yet
Open PDF instructions, images, links, or text activities. The active academic term opens automatically, but older terms remain available.
G8Code · Warning Mode
Keep G8Code in the foreground. Switching browser tabs or apps can be detected. First switch: a warning. Second switch: your attempt ends and can only be reopened by your teacher.
Mobile calls, notifications, browser reloads, and system interruptions may also be detected. Detection is not guaranteed on every browser. Contact your teacher if interrupted by accident.
Switch detected. This is your first warning. One more detected switch will end the quiz attempt.
Teacher · Quiz Monitoring
Loading…
Performance Task · PETA
Read the instructions only, or start doing the task in a new project.
PROJECT STATUS
SAVED Your latest work is saved to your account.Subject Requirements
Your teacher will publish Google Sheets updates here.
Your exact numerical running grade is not displayed here.
This is your running grade after the Midterm, based on scores recorded so far. It is NOT your final Term Grade. Your standing may change as more scores are recorded. The display format is chosen by your teacher.
Login Reminder
What does this mean? This is your running grade after Midterm, based on currently recorded scores. It is NOT your final Second Term Grade. Your standing can still change.
Recitation Central
Enter your section code. Only the matching section will appear here.
Ask your teacher for the code. The section list is hidden from this student view.
Unlocked Section
Ready.
New Project
New Project
Choose Code Editor for HTML/CSS/JavaScript, or Wireframe Maker to plan a website visually.
Wireframe Maker
Plan your website before coding.
Add Navigation, Heading, Section, Card, Image, Button, and more.
Wireframe Page
Wireframe Export
Export only the website layout. Editor tools, grid, selection outlines, resize handles, and panels are never included.
PNG exports the current page. PDF follows the page option above.
ICT 8 ConnectLearn. Code. Connect.
Developed by Sir JR
Code Helper
Quick hints for missing tags, empty body, CSS, and JavaScript errors.
Activity Setup
Pick an activity first so Result and Feedback can follow the correct rubric.
Selected Activity
Rubric details will appear here.
Activity and rubric are ready. This is not a score yet.
No extra check happens until you click this button.Student Rubric
Choose an activity to view its rubric.
This rubric total is not your score yet. Click below to check your current code.
Simple reminders para hindi malito ang students habang nagco-code.
<!DOCTYPE html>, <html>, <head>, <title>, and <body>.<img>, <br>, or <input>.Ctrl+Z, Ctrl+Y, Ctrl+S, Tab, at Ctrl+Enter. Use Save ZIP para ma-download ang code files.Teacher Controls
Control student assistance, then manage activities and table-based rubrics.
Student Assistance
These controls work even before teacher login. Apply locally for this browser, or log in to publish the same settings to every student device.
Login Lacking Reminder
Automatically show each student their latest published lacking status after a successful login. This uses the existing Compliance record and adds only one cached status read per login.
Music is OFF by default. Preview does not change saved student data.
Teacher-Controlled Smart Review
When ON, Result checks the selected activity rubric against the student’s complete project. When OFF, the normal built-in scoring system stays active.
OFF = normal built-in scoring. ON = secure complete-project rubric review. The student result screen never needs the API key.
Current settings are active on this device.
Teacher Login
Login using your authorized teacher account. Students can still use the editor without teacher access.
Uses the saved teacher email with the teacher account password. This gives full admin access.
Code uses your teacher account password for full admin access. Password mode lets you type the teacher email manually.
Section Performance · Student List
Matching published students
Code Explorer Student Detail
Student Project Tracker
Project Viewer
Admin Result Check
Choose the rubric you want to use, run the student's saved project, and compare the fresh score with the recorded score. Nothing is overwritten until you explicitly save it.
Select a rubric, then click Check Result. The fresh score is only a preview until you save it as official.
Smart Rubric Judge
Teacher-triggered only. Gemini reads the rubric, student code, and visible output summary, then gives criterion-based scoring.
Run the project preview first, then click Smart Review. The result will stay teacher-controlled.
Wireframe Project
Read-only preview. Switch pages and devices to inspect the student's responsive wireframe. Linked elements also navigate between pages.
Project Full View
Website Page
Use simple file names like about.html, main.css, or app.js.
Tip: HTML links must match existing .html, .css, or .js files.
File Names
Default names are index.html, style.css, and script.js. If your HTML uses external links, the names must match.
Tip: If HTML has <link href="style.css">, the CSS file name must be style.css.
Code Transfer
Send selected source-code files from your open project. The receiver can view and copy them, but your project stays unchanged.
G8CODE STUDIO · RECEIVED CODE
Read messages, inspect shared files, copy code, and reply to your classmates.
Full source code is loaded only when you open an item, which keeps the inbox fast and lightweight.
Engagement Analytics
Loading student engagement...
Official verification
Please wait while ICT 8 Connect checks the online certificate registry.
Only the exact certificate number in the QR code is checked. The certificate registry is not publicly browsable.
Notice
Please continue.
Use the certificate number or QR code to confirm if a certificate record exists in the app.