Lesson
Number
Topic
1
Explore the applications of web programming
In this lesson, you will explore the core concepts of web programming, focusing on how websites can become interactive and responsive. We will cover key topics such as Progressive Web Apps (PWAs), the fundamentals of e-commerce, and how web programming allows for dynamic and adaptable user experiences.
2
Data Transfer and Web Protocols
In this lesson, you will explore how data is transferred across the internet and the vital role web protocols play in this process. We’ll cover key concepts like IP addresses, the Domain Name System (DNS), packet switching, and widely used protocols such as TCP/IP and HTTPS.
3
Website Accessibility
In this lesson, you will explore the importance of website accessibility and evaluate websites based on their adherence to international standards. You will learn about the Web Accessibility Initiative (WAI) guidelines, assess how well websites cater to global audiences through internationalisation, and examine their security and privacy measures as per World Wide Web Consortium (W3C) standards.
4
Open-Source Software (OSS) & Big Data and Web Architecture
In these lessons, you will explore Open-Source Software (OSS) and Big Data. You will learn the principles of open-source software, its impact on web development, and how it fosters collaboration and cost-effective solutions. You will also examine the characteristics of big data, including volume, velocity, and variety, and how it influences modern web architecture and real-time data processing.
5-7
Front-end Web Development
In this lesson, you will learn the fundamentals of HTML, the core language used to structure web pages. By exploring key HTML elements, you will gain the skills needed to build and organise the content of websites effectively.
8-9
Cascading Style Sheets (CSS)
In this lesson, you will learn about Cascading Style Sheets (CSS) and their essential role in web development. CSS allows developers to separate the content from the design, creating visually appealing and consistent websites. You will explore how the cascading nature of CSS enables more specific styles to override general ones and how it supports responsive design, allowing websites to adapt seamlessly across different devices.
10
Web Browsers and their Development Tools
In this lesson, you will dive into the world of web browsers and the tools they offer for web development. You will learn about browser compatibility, the differences between browser engines like Blink and Gecko, and how these can affect the way websites are displayed. Additionally, you will explore developer tools available in browsers like Chrome and Firefox, which allow you to inspect, debug, and optimise web applications.
11
JavaScript
In this lesson, you will explore the basics of JavaScript, focusing on how it brings web pages to life with interactivity and dynamic features. By understanding JavaScript’s role in web development, you’ll gain practical skills to create responsive and engaging websites.
12
Front-end Code Libraries
In this lesson, you will explore front-end code libraries and how they help streamline web development. You’ll learn about popular libraries like React, Angular, and Vue.js, as well as the benefits of using pre-written code to speed up development, ensure consistency, and improve functionality.
13
Website Optimisation
In this lesson, you will learn about website optimisation, focusing on how to improve load times and overall performance. You’ll explore techniques such as image compression, caching, and code minification, which help enhance user experience and search engine rankings.
14
Securing the Web
In this lesson, you will explore how to secure websites by using encryption, SSL certificates, and protecting against vulnerabilities like Cross-Site Scripting (XSS). You will learn the importance of securing user data, controlling access to resources, and how to implement effective measures to prevent attacks.
15
Version Control Systems (VCS)
In this lesson, you will explore Version Control Systems (VCS), focusing on how they help track changes, manage code, and collaborate effectively in software projects. You’ll learn key concepts like repositories, commits, branches, and merging, while gaining hands-on experience with Git, the industry-standard tool for version control.
16-18
Tutorial – Learning Node.js
- Lesson 16 – Node.js and Setting Up the Environment
- In this lesson, you will be introduced to Node.js, a powerful JavaScript runtime environment that allows you to run JavaScript on the server side. You will learn how to set up a Node.js development environment and create a simple “Hello World” application, while also exploring Node.js’ non-blocking, event-driven architecture.
- Lesson 17 – Working with Modules, File Systems, and HTTP
- In this lesson, you will learn how to work with Node.js modules, the File System (fs) module for reading and writing files, and the HTTP module to build a basic web server.
- Lesson 18 – Integrating SQLite with Node.js
19
Collaborative Practices and the Impact of Back-end Development on Web Solutions
In this lesson, you will explore the collaborative practices between front-end and back-end developers and the critical role back-end development plays in web applications. You’ll learn how back-end systems contribute to functionality, security, and performance, and how APIs facilitate communication between the front-end and back-end.
20
Back-End Process for Managing a Web Request
In this lesson, you will explore the back-end processes involved in managing a web request, from receiving user inputs to generating responses. You will learn how web frameworks like Express.js simplify routing, middleware management, and request-response cycles, and how libraries and modules enhance back-end functionality.
21
Learning SQL & Comparing Object-Relational Mapping (ORM) to SQL
In this lesson, you will explore the basics of SQL for creating and interacting with relational databases, as well as how Object-Relational Mapping (ORM) simplifies database management. You’ll compare the use of SQL with ORM, understanding their advantages and limitations, and learn when to use each approach in web development.
22-28
Programming for the Web – Assessment Task
In this assessment, you will design and build a Progressive Web App (PWA) using HTML, CSS, JavaScript, Node.js, and SQL. Throughout the project, you’ll implement both front-end and back-end functionality, ensuring your app meets performance, accessibility, and offline capabilities.
29
Tutorial – Shell Scripts
In this lesson, you will explore the basics of shell scripting and learn how to integrate shell commands into a Node.js application. You will use the child_process module to execute file operations and text searches, while also implementing error handling and input sanitisation to prevent security vulnerabilities like command injection.
30
Content Management Systems
In this lesson, you will explore Content Management Systems (CMS) and their role in simplifying the creation and management of digital content. You will learn how CMS platforms like WordPress work, including their key components: the Content Management Application (CMA) and Content Delivery Application (CDA).