Build + Code + Create

SURIN LEARNING LAB

Web Development for Beginners

What is a webpage?

A webpage is a digital document displayed on the internet, created using HTML, CSS, and possibly JavaScript, and designed to be accessed and viewed through a web browser.

VS Code

Visual Studio Code (VS Code) is a free, cross-platform source-code editor developed by Microsoft. It’s widely used for web development, offering a user-friendly interface, versatile language support, and features like code highlighting, autocompletion, and a rich extension ecosystem.

GitHub

HTML.01

Every webpage you encounter while browsing the internet, be it on your laptop or phone, is crafted using a language known as “HTML” (Hypertext Markup Language).

HTML.02

Structure

The structure of an html document

HTML.03

Boxes

Looking at any website, we can easily see that everything is made of boxes. Small boxes, big boxes, boxes inside boxes…

HTML.04

Attributes

HTML tags can have variations added to them to achieve different results. These variations are added via “attributes”.

HTML Tags

An overview of the most common tags used in HTML

CSS Box Model

An introduction to css, (cascading style sheets).

Guess Who Part 1

Your first commit to Git

CSS Basic Styling

Create an HTML page with a few paragraphs and headings. Use CSS to change the font size, color, and text alignment.

Guess Who Part 2

Create the structure

CSS Backgrounds and Borders

Experiment with background colors and borders. Apply different background colors to sections of your HTML and add borders with various styles and colors.

Guess Who Part 3

CSS Styling

Don't forget to take our survey and learn how to earn a free t-shirt and Robotic car kit..

Student Survey