Web Development

Coding · 15 topics available

Chapter 1 · How the Web Works and HTML Basics

How the Web Works and HTML Basics

Learn what the web is, how browsers and servers talk, and how to write a basic HTML5 page.

Open

Chapter 2 · Common HTML Tags

Common HTML Tags

Meet the everyday HTML tags for headings, paragraphs, emphasis, breaks, and grouping content.

Open

Chapter 3 · Links, Images and Lists

Links, Images and Lists

Connect pages with links, add pictures with images, and organise content using ordered and unordered lists.

Open

Chapter 4 · Introduction to CSS

Introduction to CSS

Discover how CSS styles a page, how a rule is built, and the different ways to add styles.

Open

Chapter 5 · The CSS Box Model

The CSS Box Model

Understand how content, padding, border, and margin combine to control the size and spacing of every element.

Open

Chapter 6 · Layout with Flexbox

Layout with Flexbox

Use flexbox to arrange items in rows or columns and control their spacing and alignment with a few CSS properties.

Open

Chapter 7 · Building a Simple Web Page

Building a Simple Web Page

Combine HTML structure and CSS styling with semantic tags to build and test a small, complete web page.

Open

Chapter 8 · Tables and Forms

Tables and Forms

Learn to lay out data in HTML tables and collect user input with well structured forms.

Open

Chapter 9 · Styling Text, Colours and Fonts

Styling Text, Colours and Fonts

Control the size, colour, spacing and typeface of text with core CSS text properties.

Open

Chapter 10 · Positioning and CSS Grid

Positioning and CSS Grid

Move elements with the position property and build row and column layouts using CSS Grid.

Open

Chapter 11 · Responsive Design

Responsive Design

Make one page adapt to every screen size with the viewport tag, flexible units and media queries.

Open

Chapter 12 · Introduction to JavaScript

Introduction to JavaScript

Add behaviour to a page by writing and running your first JavaScript scripts.

Open

Chapter 13 · JavaScript Variables and Data Types

JavaScript Variables and Data Types

Store values in variables and understand strings, numbers, booleans, arrays and objects.

Open

Chapter 14 · JavaScript Functions and Events

JavaScript Functions and Events

Write reusable functions and respond to user actions with event listeners.

Open

Chapter 15 · Changing the Page with the DOM

Changing the Page with the DOM

Use the DOM to find elements and change the page content, styles and attributes with JavaScript.

Open

Need help with Web Development? A verified JomKelas tutor can guide you through any topic.

Find a verified tutor