Course Content
KM-01: Hypertext Markup Language (HTML) Basics
This module introduces learners to the foundational concepts required to begin working with HTML programming. It covers basic computer concepts, the introduction to HTML programming, suitable Integrated Development Environments (IDEs), Git and GitHub, problem-solving in programming, the life cycle for developing a solution, and an overview of the look and feel of a website. The module builds the learner’s understanding of the fundamentals of HTML as a programming language and prepares them for more detailed HTML document structure, styling, and practical web development work in later modules.
0/15
KM-02: HTML Programming Principles
This module builds on the foundational knowledge from KM-01 and focuses on the core principles of HTML programming. It introduces learners to the structure of an HTML document, including tags, elements, and attributes, and how these are used to organise and present content on web pages. The module also covers HTML data types, text formatting, tables, file and folder structures, and semantic organisation of content. In addition, learners are introduced to how web pages communicate with remote servers. By the end of this module, learners will have a solid understanding of how to create well-structured, readable, and functional HTML documents that form the backbone of web development.
0/21
KM-03: HTML and Cascading Style Sheets (CSS) Styling Principles
This module introduces learners to the principles of styling web pages using Cascading Style Sheets (CSS). While HTML provides the structure of a webpage, CSS is used to control the appearance, layout, and visual presentation. Learners will develop the ability to design visually appealing and user-friendly web pages by applying styling techniques such as colours, fonts, spacing, layouts, and responsive design. The module also introduces HTML forms, which are used to collect user input and are an important part of interactive web applications. By the end of this module, learners will be able to apply CSS styling principles to improve the readability, usability, and overall user experience of web pages.
0/7
KM-04: HTML Intermediate Programming Functionalities
This module builds on foundational HTML knowledge and introduces learners to more advanced and interactive web development features. Learners will explore how to create dynamic and interactive web pages using HTML5 functionalities and APIs, as well as how to work with multimedia, offline capabilities, and modern web technologies. The module focuses on improving user experience and preparing learners for real-world web development environments.
0/15
WM-01: Workplace Module
Introduction to Workplace Modules Workplace Modules are designed to ensure that learners: -Apply their skills in a real or simulated work environment -Demonstrate industry readiness -Perform tasks aligned with real job roles
0/1
HTML Programmer

Lesson Outcomes

After completing this lesson, learners will be able to:

  • Define Git and GitHub.
  • Explain the purpose of version control.
  • Describe how Git is used to track changes in code.
  • Explain the role of GitHub in collaboration.
  • Identify basic Git and GitHub concepts.

Overview

In web development, managing code changes and working with others is very important.

Git is a version control system that helps developers track changes in their code.

GitHub is an online platform that allows developers to store, manage, and share their code using Git.

Together, Git and GitHub help developers:

  • Keep track of code changes
  • Work collaboratively
  • Manage different versions of a project
  • Store code safely online

1. What is Version Control?

Version control is a system that helps track changes made to files over time.

It allows developers to:

  • Keep a history of changes
  • Restore previous versions
  • Work on different versions of a project
  • Collaborate with others

Benefits of Version Control

  • Prevents loss of work
  • Makes it easy to fix mistakes
  • Tracks who made changes
  • Supports teamwork

2. What is Git?

Git is a distributed version control system used to manage code changes.

It allows developers to track changes locally on their computer.

Key features of Git include:

  • Tracking file changes
  • Saving versions of code
  • Working offline
  • Supporting multiple developers

How Git Works

Git records changes in a project using snapshots.

Each saved version is called a:

  • Commit

A commit includes:

  • Changes made
  • Author of the changes
  • Time and date

3. Basic Git Concepts

3.1 Repository (Repo)

A repository is a folder where a project is stored.

It contains:

  • Code files
  • Project history
  • All changes made

3.2 Commit

A commit is a saved version of the project.

It helps track changes over time.

3.3 Branch

A branch is a separate version of the project.

It allows developers to:

  • Work on new features
  • Test changes safely
  • Avoid affecting the main project

3.4 Merge

Merging combines changes from different branches into one.


4. What is GitHub?

GitHub is a cloud-based platform that uses Git.

It allows developers to store and manage code online.

With GitHub, users can:

  • Upload repositories
  • Share code with others
  • Collaborate on projects
  • Track changes remotely

5. GitHub Features

GitHub provides tools for collaboration and project management.

5.1 Remote Repositories

GitHub stores code online, allowing access from anywhere.

5.2 Collaboration

Developers can:

  • Work together on projects
  • Review each other’s code
  • Suggest improvements

5.3 Version History

GitHub keeps a full history of changes.

This allows users to:

  • View past versions
  • Track updates
  • Restore older versions

5.4 Pull Requests

A pull request is used to propose changes to a project.

It allows team members to:

  1. Review code
  2. Discuss changes
  3. Approve updates

6. Importance of Git and GitHub in Web Development

Git and GitHub are essential tools for modern developers.

They help learners:

  • Manage code versions
  • Work collaboratively
  • Track changes efficiently
  • Share projects with others
  • Build professional development workflows

These tools are widely used in the software development industry.


Key Notes

  • Version control tracks changes in files over time.
  • Git is a tool used for version control.
  • GitHub is an online platform that stores Git repositories.
  • A repository stores project files and history.
  • A commit is a saved version of the project.
  • Branches allow developers to work on separate versions of code.
  • Merging combines changes from different branches.
  • GitHub supports collaboration and code sharing.
  • Pull requests are used to review and approve changes.
  • Git and GitHub are essential for teamwork in development.
Scroll to Top