Web Development

Course Title: Web Development

Course No: BDS252

Nature of the Course: Theory + Lab

Semester: 4

Full Marks: 45 + 30

Pass Marks: 18 + 12

Credit Hours: 3

Course Description

This course covers both front-end and back-end aspects of modern web development. Students will learn different concepts of web development and concepts of HTML, CSS, JavaScript, PHP, and working with databases. By the end of the course, learners will be able to design, develop, and deploy functional web applications that meet industry standards.

Course Objectives

By the end of this course, students will be able to: • Understand the fundamental concepts, architecture, and protocols of the web. • Develop responsive, interactive and dynamic web pages using HTML, CSS, JavaScript and PHP. • Integrate databases with web applications for data storage and retrieval. • Utilize version control tools for collaboration and project management. • Deploy and maintain websites on web servers or cloud platforms.

Course Contents

1. Introduction to Web Development

4 hrs

1.1. The Internet

1.2. Client / Server Architecture

1.3. World Wide Web

1.4. Uniform Resource Locator

1.5. Domain Name System

1.6. Wet Client and Web Server

1.7. HTTP Request and Response

1.8. Static vs Dynamic Web Sites

1.9. Client-Side and Server-Side Scripting

1.10. Web 1.0, Web 2.0, and Web 3.0

2. HyperText Markup Language

10 hrs

2.1. HTML Introduction

2.2. Structure of HTML Document

2.3. Elements and Attributes

2.14. Block and Inline Elements

2.15. Iframes

2.16. Forms

2.17. Audio and Video

3. Cascading Style Sheets

6 hrs

3.1. CSS Introduction

3.2. Syntax

3.3. Selectors

3.4. Ways of Inserting CSS

3.5. Comments

3.6. Colors and Backgrounds

3.7. Texts and Fonts

3.8. Box Model

3.9. Display and Positioning

3.10. Lists and Tables

3.11. Combinators

3.12. Pseudo-classes and Pseudo-elements

3.13. Flexbox

3.14. Grid

3.15. Transitions and Animations

3.16. Transformations

3.17. Responsive Web Design

3.18. Media Queries

5. Server-Side Scripting

14 hrs

5.1. Introduction to PHP

5.6. Control Statements

5.7. Functions

5.8. Arrays

5.9. Classes and Objects

5.16. Error and Exception

5.17. Database Handling

5.18. Basics of Server-Side Frameworks

6. Hosting and Deployment

3 hrs

6.1. Git and GitHub Basics

6.2. Full-Stack Development

6.3. Hosting and Deployment Platforms

6.4. Choosing a Hosting Provider

6.5. Obtaining Domain Name

6.6. Uploading Files to Servers

Laboratory Works

Laboratory work includes creating web pages using HTML, CSS, JavaScript, and PHP. At the end this course, students will be able to build a complete web project that includes front-end, back-end, database, and deployment.

1.Laboratory Works

Text Books

1.Ackermann, P. (2023). Full Stack Web Development: The Comprehensive Guide. Rheinwerk Computing
2.Duckett J. (2022). Front-End Back-End Development with HTML, CSS, JavaScript, jQuery, PHP, and MySQL. Wiley
3.Wenz, C. & Hauser, T. (2025). PHP and MySQL: The Comprehensive Guide. Rheinwerk Computing
4.Wolf, J. (2023). HTML & CSS: The Comprehensive Guide. Rheinwerk Computing
5.McGrath, M. (2020). HTML, CSS & JavaScript in Easy Steps. in Easy Steps Limited
6.Robbins, J. N. (2018). Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics. O’Reilly Media

Notes:

This syllabus follows the official Bachelor in Data Science curriculum of Tribhuvan University. In case of any doubt or revision, the university's published syllabus shall be considered authoritative.

Web Application Programming