Resources

Below are the resources you’ll be using throughout this session:

1. Figma Design: https://www.figma.com/design/vO1SAY0Y9CW1CTu9awmc9c/Intro-To-Web-Development?node-id=0-1&t=r2wUAyfxii7AztPB-1
2. Figma Design Preview: https://www.figma.com/proto/vO1SAY0Y9CW1CTu9awmc9c/Intro-To-Web-Development?node-id=1-2&node-type=frame&t=0GzfSl9sjI8XodOD-1&scaling=min-zoom&content-scaling=fixed&page-id=0%3A1
3. GitHub Repository: https://github.com/TheGymRwanda/intro-to-web-development

Part 1: Introduction to Technologies

In this section, we will explore the foundational technologies that form the backbone of modern web development. Each technology serves a unique purpose, from structuring content to styling and adding dynamic behavior.

1. HTML

HTML (HyperText Markup Language) is the language that builds the structure and content of a webpage. It tells the computer how to display text, images, links, and other elements.

2. CSS (Cascading Style Sheets)

CSS (Cascading Style Sheets) is the language that styles and designs a webpage. It instructs the computer on how to make elements look by setting colors, layouts, fonts, and other visual aspects.

3. JavaScript

JavaScript is a programming language that makes webpages interactive and dynamic. It allows the computer to respond to user actions and change content without needing to reload the page.

Part 2: Project Setup

1. Tools

The following tools will be used to set up our project and establish a development environment.

1.1. GitHub

GitHub is a platform where people can store, share, and collaborate on coding projects, making it easier to manage and develop software together.