Scribd
Upload
22 views

HND S1 SWE Web Programming

learn flex

Uploaded by

vuyellaharile
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
22 views

HND S1 SWE Web Programming

learn flex

Uploaded by

vuyellaharile
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

ESCHOSYS BIFMET 2024/2025

FACULTY HND
PROGRAMME HND
DEPARTMENT COMPUTER ENGINEERING
COURSE TITLE WEB PROGRAMMING I
COURSE CODE
CREDIT VALUE 3
CREDIT HOURS 30 hours
LEVEL 1
SEMESTER 1st
INSTRUCTOR’S name Mr. ASONG JUNIOR
CONTACT: TEL, (+237) 654195432, [email protected]
EMAIL
COURSE DESCRIPTION The course introduces students to the basics of web development, covering the
OR SYNOPSIS Internet's services, web operations, and addressing web documents. It focuses on
building web pages using HTML, styling with CSS, and adding interactivity
through JavaScript.
COURSE OBJECTIVES By the end of this course, students should be able to
➢ Understand the fundamental concepts of the Internet, including its services
and the architecture of the web.
➢ Demonstrate knowledge of web document addressing and the relationship
between web clients and servers.
➢ Create well-structured and semantic web pages using HTML.
➢ Apply CSS to style and layout web pages, utilizing modern techniques such
as Flexbox and Grid.
➢ Develop interactive web elements using JavaScript, incorporating event
handling and dynamic content updates.
➢ Build responsive web designs that adapt to different devices and screen sizes
using media queries.
➢ Integrate multimedia elements, such as images, audio, and video, into web
pages.
➢ Implement web forms with client-side validation using HTML and
JavaScript.
➢ Apply best practices in web development, including accessibility, semantic
markup, and clean, maintainable code.
➢ Develop and present a fully functional web project that showcases an
understanding of the entire web development process.
EXPECTED OUTCOME After a successful completion of this course, students’ will be able
➢ Create and Structure Web Pages using HTML
➢ Style and Design using CSS.
➢ Add Interactivity using JavaScript to enhance user experience.
➢ Implement Responsive Design.
➢ Complete a Web Project.
WEEKS (UNITS) TOPICS
1 Introduction to the Internet: History, structure, and how it works.
Overview of Internet services:
- Email, FTP,
- WWW,
- DNS
- other protocols.
Understanding client-server architecture.
2 Operation of the Web
- How the World Wide Web (WWW) works: HTTP, HTTPS protocols.
- Web browsers and web servers: Request-response cycle.
- Introduction to web hosting and domain names.
3 Addressing of Web Documents
- Introduction to URLs: Structure and components (protocol, domain, path).
- Absolute vs. relative URLs.
- DNS and how domain names are resolved.
4 Introduction to HTML
- Basics of HTML: Document structure (DOCTYPE, <html>, <head>,
<body>).
- Common HTML tags: Headings, paragraphs, links, images, and lists.
- Semantic HTML: The importance of proper markup (header, footer, section).
5 Advanced HTML
- Forms in HTML: <form>, <input>, <select>, and form validation.
- Multimedia in HTML: Adding audio, video, and iframes.
Tables and figures: Structuring data with tables, using figures for images and
captions.
6 Continuous Assessment (CA)
7 Introduction to CSS
- CSS Basics: Selectors, properties, and values.
- Inline, internal, and external stylesheets.
- The box model: Margins, borders, padding, and content.
8 CSS Layouts and Positioning
- CSS Layout Techniques: Floats, display types (block, inline, inline-block),
and flexbox.
- CSS Positioning: Static, relative, absolute, and fixed.
Responsive web design: Media queries and mobile-first design.
9 Introduction to JavaScript
- Basics of JavaScript: Syntax, variables, and data types.
Control structures: Conditionals, loops, and functions.
10 - Introduction to the DOM (Document Object Model).
- Accessing DOM Elements
- Manipulating DOM Elements
- Event Handling
- Creating and Inserting Elements
11 Introduction to web development frameworks
- Introduction to Bootstrap CSS
- Introduction to Tailwind CSSS
12 PROJECT: Realizations Of Personal Portfolio
Mode of evaluation

Attendance 5%
Continuous assessment 25%
Final semester exam 70%
Text books and websites:
https://www.w3schools.com/
Tools: Visual Studio Code with Live Server Extension, Chrome Browser,

You might also like