Skip to content
  • Home
    • Guides
      • Course Template
      • Post Collection Template
    • Templates
      • Course Template
      • Post Collection Template
    • Editor Guide
    • 2025
      • Year 7 Computing
      • Year 8 Computing
      • Year 9 AIT
      • Year 9 Comp Sci
      • Year 10 Robotics
      • Yr 10 AIT
      • Year 10 Comp Sci
      • General Comp Sci 11
      • General Comp Sci 12
  • Knowledge
    • AI
      • Level 1 – Year 7
        • How AI works
        • AI Tools
        • AI Prompts
      • Level 2 – Year 8
        • AI Videos
        • How AI works
        • Day of AI Australia
    • Applied Info Tech
      • Level 3 – Year 9
        • AI VidGen – Knowledge
      • Level 4 – Year 10
      • Level 5 – Yr 11 & 12
    • Computer Science
      • Level 3 – Year 9
      • Level 4 – Year 10
      • Level 5 – Yr 11 & 12
        • EST Questions – 2026
        • 1.0 Systems Analysis and Development
        • 2.0 Managing Data
        • 3.0 Developing Software
        • 4.0 Programming
        • 5.0 Networks and communications
    • Digital Systems
      • Level 1 – Year 7
        • Network Components
        • Digital Systems – L1
        • Digital Systems – L2
      • Level 2 – Year 8
    • Programming
      • Level 1 – Year 7
        • Basic Scratch Programming
      • Level 2 – Year 8
        • Computation Thinking
    • Robotics
      • Level 1 – Year 7
        • Lego SPIKE Information
      • Level 2 – Year 8
        • Computation Thinking
        • Understanding Gears
      • Level 3 – Year 9
        • SPIKE – Python
        • SPIKE – Word Blocks
        • Space Challenge – Knowledge
      • Level 4 – Year 10
        • 1.1 Introduction to Software and Hub
        • 1.2 Viewing Sensor Values
    • Software Setup
      • VS Code – Python IDE
      • Install PyGame
  • Skill
    • AI
      • Level 1 – Year 7
        • AI Prompting
      • Level 2 – Year 8
        • AI – Skills
    • Applied Info Tech
      • Level 3 – Year 9
        • AI VidGen – Skills
      • Level 4 – Year 10
      • Level 5 – Yr 11 & 12
    • Computer Science
      • Level 3 – Year 9
        • Flow Charts – Level 2
      • Level 4 – Year 10
        • Cookie Clicker – PyGame
        • Install PyGame
        • Vibe Coding Tools
        • Databases with Vibe Coding
        • AI – To do List – CS L4
        • Simple – HTML, CSS, JS
        • To-Do-List Add Ons
        • Student Marks – Simple
      • Level 5 – Yr 11 & 12
        • Managing Data Skills
        • Micro-bit Network Skills
    • Digital Systems
      • Level 1 – Year 7
        • Binary
        • School Network
      • Level 2 – Year 8
        • Data Transmission
    • Programming
      • Level 1 – Year 7
        • Scratch Skills – Level 1
        • Creating a Scratch Account
      • Level 2 – Year 8
        • Scratch Skills – Level 2
        • Flow Charts – Level 1
        • Scratch – Game Framework
        • Scratch – Game Levels
        • Scratch – Scoring
    • Robotics
      • Level 1 – Year 7
        • Hopper Race
        • SPIKE Skills – Level 1
      • Level 2 – Year 8
        • Flow Charts – Level 1
        • Building Spike Gears
      • Level 3 – Year 9
        • Space Challenge – Skills 1
        • Space Challenge – Skills 2
      • Level 4 – Year 10
        • 2.1 Configuring Robot Movement
        • 2.2 Moving Straight
        • 2.3 Turning with Gyro
        • 2.4 More Accurate Turns
        • 3.1 Introduction to Force Sensor
        • 3.2 Introduction to Color Sensor
        • 3.3 Introduction to Distance Sensor
        • 3.4 Using Speaker Functions
        • 3.5 Using Light Functions
        • 3.6 Basic Line Follower
  • Challenge
    • AI
      • Level 1 – Year 7
        • AI Prompts Challenge
        • AI – Revision Plan Challenge
      • Level 2 – Year 8
        • AI – Revision Plan Challenge
        • Day of AI: Student Challenge
    • Applied Info Tech
      • Level 3 – Year 9
        • AI VidGen – Challenge L3
      • Level 4 – Year 10
        • Skills Acquisition
        • AI assisted Video Generation
        • Project Planning – AIT L4
        • Product Development – AIT L4
      • Level 5 – Yr 11 & 12
    • Computer Science
      • Level 3 – Year 9
        • Python Challenges – Level 3
        • PyGame Challenges
        • Python Skills – Mini Tasks
        • Racey
      • Level 4 – Year 10
        • PyGame Challenges
        • Intro to Vibe Coding – CS L4
        • Web Task – Athletics Carnival
      • Level 5 – Yr 11 & 12
        • Network Challenge
        • GTCSC – Task 1
        • GTCSC – Task 2
        • Micro-bit Network Challenge
    • Digital Systems
      • Level 1 – Year 7
        • Binary Extension
      • Level 2 – Year 8
        • Digital Systems Challenges – Level 2
    • Programming
      • Level 1 – Year 7
        • Scratch Tutorials for Beginners
        • Scratch Challenges – Custom Game
      • Level 2 – Year 8
        • Scratch Challenges – Custom Game
    • Robotics
      • Level 1 – Year 7
        • Driving Around
        • Collecting Objects
        • Object Relay
      • Level 2 – Year 8
        • Pick up the Can
        • Theme Park Ride
      • Level 3 – Year 9
        • Space Challenge – Challenge
      • Level 4 – Year 10
        • 2. Receive and Store Stock
        • 1. Robotics Basics
        • 3. Filling an Order
  • Course
    • Year 7 Computing
    • Year 8 Computing
    • Applied Info Tech
      • Yr 10 Applied Info Tech
      • Yr 12 General AIT
      • Yr 9 Applied Info Tech
    • Computer Science
      • Yr 10 Computer Science
      • Yr 12 General Comp Sci
      • Yr 9 Computer Science
    • Robotics
      • Yr 9 Robotics
      • Yr 10 Robotics

HTML-CSS-JS Challenges

Leave a Comment / By admin

HTML-CSS-JS Video Tutorials

Clicker – HTML/CSS/JS

01/04/2025 No Comments

8 Tutorial Videos, 188 minutes, 15 hour build time — Assets can be found here…

Start Tutorial
← Previous Post
Next Post →
  • Activities
  • Cart
  • Challenges
  • Checkout
  • Contact
  • Courses
  • Dashboard
  • Home
  • Home
  • Instructor Registration
  • Knowledge
  • Sample Page
  • Skills
  • Student Registration

Copyright © 2026 DIY Student