The internet is now part of daily life in Nigeria — from mobile banking on GTBank to watching content on YouTube to filing taxes on FIRS's e-portal. Every interaction you have with a website involves the technologies covered in this course.

Course Details

Item

Details

Course Code

IFT 203

Course Title

Introduction to Web Technologies

Level / Semester

200 Level — First Semester

Credit Units

2 Units (LH 15 hours Theory + PH 45 hours Practical)

Total Contact Hours

60 Hours

Target Audience

200-Level IT / Computer Science Students

Required Software

VS Code (free), Google Chrome, XAMPP (free)

Lab Platform

Windows 10/11 or Ubuntu 22.04 — ICT Laboratory

University

Newgate University Minna, Niger State, Nigeria

 

Official Learning Outcomes

By the end of this course, you will be able to:

1.     State the origin of the internet and the World Wide Web.

2.     Create simple web content using HTML, CSS, and JavaScript.

3.     Use simple application frameworks to develop web content.

4.     Appraise the impact of the World Wide Web on people's lives over time.

 

Why Web Technologies Matter in Nigeria Today

Sector

Web Technology in Use

Nigerian Example

Fintech

JavaScript-heavy web apps, REST APIs, React

Flutterwave, Paystack, PiggyVest, Cowrywise

E-Commerce

HTML/CSS storefronts, shopping carts, payment gateways

Jumia, Konga, Jiji.ng, Chowdeck

Media & News

CMS-driven websites, responsive design

Punch, Vanguard, Legit.ng, TechCabal

Government

e-Portals for services, XML data exchange

FIRS TaxPro-Max, NIMC, CAC portal

Education

Learning Management Systems, e-learning

NOUN e-portal, Unilag e-learning, Coursera

Healthcare

Patient portals, appointment booking

NHIS online, private hospital portals

Agriculture

Price aggregation, market data websites

Farmcrowdy, AgroMall

 

The Web Developer Ecosystem — Your Career Map

Role

What You Do

Avg. Salary (Nigeria)

Skills from This Course

Frontend Developer

Build everything users see and interact with

N600K–N3.5M/year

HTML, CSS, JavaScript

UI/UX Designer

Design interfaces; prototype layouts

N500K–N3M/year

HTML, CSS fundamentals

Full-Stack Developer

Build both front-end and back-end

N900K–N6M+/year

All topics + frameworks

Web Content Manager

Manage CMS-driven websites

N400K–N1.5M/year

HTML, CSS basics

Freelance Web Developer

Build websites for Nigerian SMEs

N50K–N500K/project

HTML, CSS, JavaScript

React/Vue Developer

Build modern web apps

N1M–N5M+/year

JavaScript + frameworks

 

Laboratory Setup and Tools

Software You Will Use

Tool

Purpose

Download / Access

Cost

VS Code

Code editor — where you write HTML, CSS, JavaScript

code.visualstudio.com

FREE

Google Chrome

Primary browser for testing your websites

google.com/chrome

FREE

Firefox Developer Edition

Alternative browser with excellent developer tools

mozilla.org

FREE

XAMPP

Local web server (Apache + PHP + MySQL)

apachefriends.org

FREE

W3C Validator

Check that your HTML is correct and standards-compliant

validator.w3.org

FREE (Online)

Git

Version control — save and track changes to your code

git-scm.com

FREE

GitHub

Online hosting for your code and portfolio

github.com

FREE

Setting Up VS Code

Step 1: Install VS Code

Visit code.visualstudio.com and download the installer for your operating system. Run the installer and accept all defaults.

 

Step 2: Install Recommended Extensions

Extensions make VS Code much more powerful. Open VS Code and press Ctrl+Shift+X to open Extensions. Install:

•        Live Server — by Ritwick Dey: Automatically refreshes your browser when you save a file.

•        Prettier — Code Formatter: Automatically formats your code neatly.

•        Auto Rename Tag: When you change an HTML opening tag, it changes the closing tag too.

•        HTML CSS Support: Provides suggestions as you type HTML class names.

•        IntelliSense for CSS: Suggests CSS property values automatically.

 

Step 3: Create Your Working Folder

Creating Your Folder Structure

# On Windows — open File Explorer and create:

C:\WebTech\IFT203\[YourMatricNumber]\

 

# Example for matric number NUG/2022/0123:

C:\WebTech\IFT203\NUG_2022_0123\

 

# Inside that folder, create subfolders for each practical:

practical1\

practical2\

practical3\

...and so on

 

Step 4: Open Your Folder in VS Code

In VS Code: File → Open Folder → Select your IFT203 folder. Now click 'Go Live' in the bottom-right corner to start Live Server. Your default browser will open — any file you create and save will be viewable here.

 

📌  IMPORTANT NOTE

Always use VS Code's 'Open Folder' (not 'Open File') so extensions work correctly.

Live Server opens your files at: http://127.0.0.1:5500 — this is YOUR computer acting as a local web server.

Save frequently! Use Ctrl+S after every change. Prettier will auto-format your code on save.

If a file does not update in the browser, do a hard refresh: Ctrl+Shift+R.