Browser-server relationship; basic definitions; how to set up your code editor and how to report issues in the chat room.

How to use the chatroom functionalities to report any problem for the instructor's attention.

Reporting any issue

Set up your code editor

Significance of HTML, CSS and JavaScript to web pages.

HTML, CSS and JavaScript

Software documentations and why you need them.

Documentations

A look at the meaning of these words, for the sake of theory and formality.

Code, program(me), or programming languages?

How the web browser interacts with the server.

Browser and server relations

Introduction

Understanding the structure of web pages (documents) with HTML tags, elements.

Understanding HTML body, head and title elements.

Body, head and title elements

Attributes

Meaning of block and inline elements, with examples.

Block and inline elements

HTML elements and tags

Void or self-closing HTML elements, with examples.

Void or self-closing elements

Meaning of semantic and non-semantic elements, with examples.

Semantic and non-semantic elements

Structure of a Web Page

HTML text and text-formatting elements and their uses.

How to format and autocomplete code using VS Code extensions.

Code formatting and autocomplete

Understanding HTML character entities and their uses.

Character entities

Understanding text formatting elements, for bold, italics, subscripts, superscripts, etc.

Text formatting

How to make a text content using headings, paragraphs, addresses and blockquotes.

Text content

Text Elements

How to link to internal resources using the anchor element.

Internal links

How to link to external resources using the anchor element.

External links

Links

Understanding ordered, unordered and definition (description) lists.

List elements

List Elements

HTML image element, its formatting and uses.

Getting started on your personal portfolio project.

Personal portfolio project

Understanding the HTML img element, its attributes and their uses.

Image element

Image Element

HTML form and input elements and their uses.

How to label input elements, group them and also label their groups.

Label, fieldset and legend

Form element

Understanding HTML Textarea and Select Elements, and their uses.

Textarea and select elements

Understanding the HTML input element and its uses.

Input element

Form and Input Elements

HTML elements used in constructing a table.

Table elements

Table Elements

Audio element

Audio Element

How to embed external content using iframes.

External content embeds

Video element

Video Element

How to embed JavaScript code in HTML file.

Script element

Link element

HTML metadata definitions using the meta element.

Meta element

Head Elements

An introduction to continuous deployment and version control using Git and GitHub

Beginning Web Development (1): HTML

One-time payment