Web Development (Year 10)

Shape Image One

Web Development (Year 10)

By Beulah Eschools Uncategorized
Wishlist Share

About Course

The Year 10 Web Development course teaches pupils to design, develop, and maintain functional, responsive websites using modern web technologies. Pupils learn to apply HTML, CSS, and introductory JavaScript to solve real-world problems while understanding web design principles, accessibility, and security. The course prepares learners for GCSE Computer Science or ICT and introduces skills required for digital careers.
Key Content Areas
Web Design Fundamentals
Principles of user experience (UX) and accessibility
Planning and structuring websites
Wireframing and layout design
Audience-focused design
HTML – Structure & Content
HTML page structure: headings, paragraphs, links, lists, images, multimedia
Semantic HTML elements
Forms and input elements
Linking multiple pages
CSS – Styling & Presentation
Styling text, colors, and backgrounds
Box model and layout techniques
Responsive design basics and media queries
Consistency in design using classes and IDs
JavaScript – Interactivity (Introductory)
Basic JavaScript syntax and commands
Variables, input/output, and simple calculations
Conditional statements and loops
Simple DOM manipulation and event handling
Web Safety & Ethics
Online safety, security, and data protection
Copyright, licensing, and ethical content use
Designing secure and user-friendly websites
Project-Based Learning
Small-scale website projects with planning, coding, and testing
Real-world problem-solving using web technologies
Collaborative coding and peer review

Show More

Course Content

AUTUMN TERM
Focus: HTML fundamentals, CSS styling, web page structure, accessibility, introduction to responsive

  • WEEK 1: INTRODUCTION TO WEB DEVELOPMENT & HTML STRUCTURE
  • WEEK 2: TEXT FORMATTING & LINKS
  • WEEK 3: IMAGES & MEDIA
  • WEEK 4: CSS INTRODUCTION & STYLING TEXT
  • WEEK 5: BOX MODEL & LAYOUT PRINCIPLES
  • WEEK 6: CSS BACKGROUND & BORDERS
  • WEEK 7: INTRODUCTION TO FLEXBOX
  • WEEK 8: RESPONSIVE DESIGN & MEDIA QUERIES
  • WEEK 9: ACCESSIBILITY PRINCIPLES
  • WEEK 10: MINI PROJECT – MULTI-PAGE WEBSITE
  • WEEK 11–12: REVIEW, DEBUGGING & EXAM PRACTICE

SPRING TERM
Focus: Advanced CSS, Layouts, Responsiveness, Best Practices

SUMMER TERM
Focus: JavaScript fundamentals, DOM manipulation, interactivity, APIs, and exam-style practical tasks

Student Ratings & Reviews

No Review Yet
No Review Yet