LEAD CITY UNIVERSITY
Faculty of Natural and Applied Sciences
Department of Computer Science
2023/2024 Second Semester Academic Session
COURSE PARTICULARS
Course Code: LCU-COS 109
Course Title: Introduction to Web Computing
No. of Units: 3
Status: Compulsory
LECTURERS’ DETAILS
Name: Emmanuel Adediran
Qualifications: B.Sc., M.Sc, (Computer Science), PhD (in view, LCU)
Phone: +234 814 121 4893
Email: [email protected]
Area of Specialization: Software Engineering, Machine Learning, Transformers, Large Language
Modelling
INTRODUCTION
This course provides a simple and practical way of understanding the essential areas of developing a
website. It also provides elementary insights and an overview of the subject that is necessary to
understand the world of web technologies. This course covers all that is required to become a good Web
Developer.
COURSE OBJECTIVES
The students who succeeded in this course will be able to:
i. Develop and design a website on their own
ii. Design website that can readily solve schools immediate need via hosting
iii. distinguish among basic terms used in Web Development
iv. Solve a new problem by using similarities between known problems.
COURSE DESCRIPTION
Introduction to Web Computing is an elementary tutorial and one can easily understand the concepts
explained here with a basic knowledge of computers.
TEACHING PLAN
WEEK Topic Content Summary
Week 1 Overview of Web Computing Definition and Scope, Web History, Basic Web
Technologies, Client vs. Server
Week 2 Basic HTML Structure HTML Document Structure, Common HTML Tags,
Attributes, and Semantics
Week 3 Introduction to CSS CSS Basics, Selectors and Properties, Styling Examples
Week 4 Advanced CSS Techniques Box Model, CSS Positioning, Flexbox and Grid
Week 5 Introduction to JavaScript, Variables and Data Types,
JavaScript Basics
Operators
Week 6 JavaScript Functions & Control
Functions, Control Structures, Practical Examples
Structures
Week 7 DOM Manipulation with DOM Overview, Accessing Elements, Manipulating
JavaScript Content
Week 8 Introduction to Responsive Responsive Web Design, Media Queries, Practical
Design Implementation
Week 9 Introduction to Web Hosting Domain Names and Hosting, FTP Basics, Deployment
Week 10 Version Control Overview, Git Commands, Branching and
Version Control with Git
Merging
Week 11 Advanced JavaScript - Events &
Event Handling, Form Validation, Practical Examples
Form Validation
Week 12 Project Work, Peer Review and Feedback, Final
Project Presentation & Review
Enhancements
Week 13-14 Assignment Submission and
Revision
Week 15 Exams
Assessment Criteria
S/No Components Percentage of total mark
1. Class Attendance 10
2. Group Assignment 30
3. Exam 60
Total 100%
Recommended Textbooks, Materials
1. Lecture notes on Web, Internet Services, Javatpoint
2. Lecture notes on Introduction to Web Technology; Internet Client-Server Systems; Prof Jimmy
Huang
3. COS-109 Demystified by Emmanuel Adediran
4. Introduction to Web Computing: For Beginners by Emmanuel Adediran
Introduction to Web Computing (LCU-COS 109) Tutorial Questions with Marking Guide Each
question carries 5 marks
1a. Define web computing and explain its scope.
1b. Discuss the historical development of the World Wide Web.
1c. Differentiate between client-side and server-side computing in web applications.
2a. Explain the basic structure of an HTML document.
2b. What is the purpose of the ‘head’ and ‘body’ elements in HTML?
2c. Provide an example of a simple HTML page structure.
3a. What are HTML attributes, and why are they important?
3b. Differentiate between an ordered and unordered list in HTML.
3c. Provide an example of each type of list.
4a. Define CSS and explain its role in web development.
4b. Describe the different ways CSS can be applied to an HTML document.
4c. Give an example of how to style a paragraph using inline CSS.
5a. What is the CSS Box Model?
5b. Explain the difference between padding and margin in the CSS Box Model.
5c. How does understanding the Box Model help with web layouts?
6a. What is JavaScript, and how does it differ from HTML and CSS?
6b. Explain JavaScript variables and how they are declared.
6c. Provide an example using let to declare a variable.
7a. Define JavaScript functions.
7b. What are the benefits of using functions in JavaScript?
7c. Write a simple function to calculate the sum of two numbers.
8a. What is the Document Object Model (DOM)?
8b. How can JavaScript access and manipulate the DOM?
8c. Give an example using getElementById() to change an element's content.
9a. Explain responsive web design.
9b. What are media queries in CSS?
9c. Provide an example of a media query to change a paragraph's color.
10a. Define web hosting.
10b. What is a domain name, and why is it important?
10c. Explain FTP and its role in web hosting.
11a. What is version control, and why is it important?
11b. List three common Git commands and their purposes.
11c. What is the significance of branching in Git?
12a. What are JavaScript events?
12b. How are event listeners used in JavaScript?
12c. Write a JavaScript example that changes a button's text when clicked.
13a. Explain form validation in JavaScript.
13b. What are the benefits of validating forms?
13c. Write an example JavaScript code to check if a text field is empty.
14a. What is Flexbox, and how does it differ from Grid in CSS?
14b. When would you use Flexbox over Grid?
14c. Provide an example of a Flexbox container.
15a. What is GitHub, and how is it different from Git?
15b. Explain the concept of remote repositories in Git.
15c. Describe the git push command.
16a. What are HTML forms used for?
16b. Explain the purpose of form elements such as <input> and <select>.
16c. Provide an example of a simple HTML form with two input fields.
17a. What is the difference between inline, internal, and external CSS?
17b. When would you use external CSS?
17c. Provide an example of linking an external CSS file to an HTML document.
18a. What are JavaScript data types?
18b. Explain the difference between == and === in JavaScript.
18c. Provide an example demonstrating their difference.
19a. What is the purpose of the position property in CSS?
19b. Explain the difference between absolute and relative positioning.
19c. Provide an example of an absolutely positioned element.
20a. What is semantic HTML?
20b. Why is semantic HTML important for web accessibility?
20c. List three examples of semantic HTML elements and their use.
