Dynamic Web Design

Explore the Course

Click any lesson with to preview it

This module introduces the fundamental concepts and tools of web development. Explore how HTML, CSS, and JavaScript work together to create dynamic web pages, set up essential development tools like CodePen, and learn to manipulate the Document Object Model (DOM) through practical, hands-on lessons and real-world applications.

Core Technologies and Setup
Overview of how HTML, CSS, and JavaScript Interact	Quiz
Setting up Essential Tools	Quiz	Challenge
JavaScript and DOM Fundamentals
Scripting and DOM Manipulation	Quiz	Challenge

This module explores the development of engaging web functionalities through practical lessons. Learners will master dynamic form validation with JavaScript, integrate external libraries and APIs, and build interactive projects like a quiz game and a weather web app, enhancing their skills in creating responsive and user-friendly web features.

Form Handling and Validation
Dynamic Form Validation with JavaScript	Quiz	Challenge
APIs and External Libraries
Integrating External Libraries and APIs	Quiz	Challenge
Developing Web Applications
Interactive Quiz Game	Quiz	Challenge
Weather Web App	Quiz	Challenge

This module focuses on practical application through the creation of a personal web page. Students will brainstorm ideas, develop content using HTML, enhance aesthetics with CSS, and incorporate interactivity via JavaScript. The process includes project setup, refinement, testing across devices, and sharing work for constructive feedback.

Web Showcase

This module introduces the fundamental concepts and tools of web development. Explore how HTML, CSS, and JavaScript work together to create dynamic web pages, set up essential development tools like CodePen, and learn to manipulate the Document Object Model (DOM) through practical, hands-on lessons and real-world applications.

Core Technologies and Setup
Overview of how HTML, CSS, and JavaScript Interact	Quiz
Setting up Essential Tools	Quiz	Challenge
JavaScript and DOM Fundamentals
Scripting and DOM Manipulation	Quiz	Challenge

This module explores the development of engaging web functionalities through practical lessons. Learners will master dynamic form validation with JavaScript, integrate external libraries and APIs, and build interactive projects like a quiz game and a weather web app, enhancing their skills in creating responsive and user-friendly web features.

Form Handling and Validation
Dynamic Form Validation with JavaScript	Quiz	Challenge
APIs and External Libraries
Integrating External Libraries and APIs	Quiz	Challenge
Developing Web Applications
Interactive Quiz Game	Quiz	Challenge
Weather Web App	Quiz	Challenge

This module focuses on practical application through the creation of a personal web page. Students will brainstorm ideas, develop content using HTML, enhance aesthetics with CSS, and incorporate interactivity via JavaScript. The process includes project setup, refinement, testing across devices, and sharing work for constructive feedback.

Web Showcase

Curriculum Mapping

See exactly how this course maps to official curriculum specifications

NCCA Transition Year Programme Statement (2025)

Curriculum Area

Outcomes

Personal Growth

P.1 P.2 P.3 P.4 P.5 P.6 P.7 P.8 P.9 P.10 P.11

Being a Learner

B.1 B.2 B.3 B.4 B.5 B.6 B.7 B.8 B.9 B.10 B.11 B.12

Civic and Community Engagement

C.1 C.2 C.3 C.4 C.5 C.6 C.7 C.8 C.9 C.10 C.11

Career Exploration

CE.1 CE.2 CE.3 CE.4 CE.5 CE.6 CE.7 CE.8

The curriculum does not include official reference codes for individual learning outcomes, so we have assigned a code scheme to make it easier to identify and track coverage.

What Students Will Learn

Learning Goals

Understand and apply the interaction of HTML, CSS, and JavaScript in creating dynamic web pages.
Set up and utilise essential web development tools including code editors, browser developer tools, and debugging consoles.
Master advanced scripting techniques for DOM manipulation, including creating, deleting, and modifying HTML elements.
Implement dynamic form validation with custom messages using JavaScript, providing real-time feedback for various input types.
Integrate external libraries such as jQuery and APIs to pull dynamic data into web pages.
Design and develop interactive web applications, such as a quiz game and a weather web app, incorporating real-time data and user interaction.

Learning Outcomes

Understand and apply the interaction of HTML, CSS, and JavaScript to create dynamic web pages.
Set up and utilise essential web development tools including a code editor, browser developer tools, and the console for debugging.
Manipulate the DOM using advanced scripting techniques such as creating, deleting, or modifying HTML elements based on certain conditions or inputs.
Implement dynamic form validation with custom validation messages using JavaScript, providing real-time feedback as users fill out forms and validating different input types.
Integrate external libraries like jQuery and APIs to pull dynamic data into web pages.
Develop an interactive quiz game that checks answers, provides feedback, and incorporates timers, score trackers, and dynamic question loading.
Create a Weather Web App that pulls real-time weather data based on a location, and displays it in an engaging and interactive manner.
Present a web showcase demonstrating the skills and knowledge acquired throughout the course.

What You'll Need

Student Devices

Students will need one of these devices. Students can share in groups of 2-3 if necessary.

Chromebook/Laptop/PC

iPad/Tablet

Build a full TY year around Dynamic Web Design

This module is one of 7 Transition Year modules you can combine into a complete Year-Long TY Digital Skills Programme, shaped around your timetable and the students in front of you.

Run the same pathway for every student, or set different pathways for different groups. Students also get access to the modules they're not doing in class, which is ideal for the keen ones who finish early or want to explore further on their own time.

Prefer a deeper tech focus? Swap in Advanced Coding or Robotics and Automation. Each module is 10 lessons of 40-60 minutes, leaving room for school events, mid-terms and everything else TY throws at you.

Why TY coordinators choose it

One decision, a year's content

No more stitching resources together every term.

Flexible per class, per student

Run different pathways side by side.

Certificates after each module

Great for TY portfolios, open days and reports home.

Sets students up for Senior Cycle

Broad exposure so they choose subjects with confidence.

Sample Year Plan

ICT + Coding focus

Computer Skills
Gets everyone on a level footing
Introduction to Coding
Real, working projects from week one
Exploring Digital Media
Video, design and storytelling
Exploring Artificial Intelligence
The topic your students keep asking about
Enterprise and Business Basics
A pitch-and-launch project to close out the year