Internet Technology I

Course Title: Internet Technology I

Course No: CMP 173

Nature of the Course: Theory + Lab

Semester: 1

Full Marks: 50 + 50

Pass Marks: 23 + 23

Credit Hours: 3

Course Description

This course introduces students to web technologies, encompassing HTML, CSS, and JavaScript. Students learn web basics, HTML structure, CSS styling, JavaScript programming, and advanced topics. The course emphasizes responsive design, DOM manipulation, asynchronous programming, and practical implementations. Practical sets reinforce skills in creating web content, styling layouts, and enhancing interactivity, culminating in a website project. The course includes understanding the fundamental concepts of web technology, including the Internet, Intranet, and World Wide Web (WWW), and demonstrating proficiency in designing and structuring web content using HTML, creating both static and dynamic web pages. The course explores advanced JavaScript topics, including scope, closures, error handling, DOM manipulation, and asynchronous programming, and develops hands-on experience by creating interactive web interfaces and responsive layouts through practical exercises.

Course Objectives

To understand the core concepts of web technology, including the Internet, Intranet, and World Wide Web (WWW). To acquire proficiency in designing and structuring web content using HTML, encompassing static and dynamic pages. To develop expertise in applying CSS for styling and layout, including typography, colors, backgrounds, and responsive design. To master the principles of client-side scripting with JavaScript, covering variables, control flow, functions, arrays, and objects. To explore advanced JavaScript topics, including scope, closures, error handling, DOM manipulation, and asynchronous programming. To gain hands-on experience with practical exercises to create interactive web interfaces and responsive layouts. To apply best practices in coding, optimization, and organization to enhance web development efficiency and performance. To cultivate a foundation in modern web technologies, enabling the creation of dynamic and engaging web applications.

Course Contents

1. Introduction to web technology

3 hrs

1.1. Web Basics

Internet, Intranet, WWW

Static and Dynamic Web Page

Web Clients

Web Servers

1.2. Client Server Architecture

Single Tier

Two-Tier

Multi-Tier

1.3. HTTP: HTTP Request and Response

1.4. URL

1.5. Client Side Scripting

1.6. Server Side Scripting

1.7. Web 1.0, Web 2.0 and Web 3.0

2. Hyper Text Markup Language

8 hrs

2.1. Introduction to HTML

2.2. Document Structure

2.3. Text Formatting

2.4. Links and Navigation

2.5. Hyperlink

2.6. Images and Multimedia

2.7. Lists, Tables, Forms and Input

7 hrs

3.3. Responsive Web Design

3.4. HTML5

3.5. Semantic Markup

3.6. Best Practices and Optimization

4. Cascading Style Sheets

8 hrs

4.1. Introduction to CSS

4.2. CSS syntax

4.3. Using CSS with HTML

4.4. CSS Selectors

4.5. CSS Comments

4.6. CSS Properties

Backgrounds

Border, Margin

Padding

Height

Width

Color (color wheel)

4.12. Working with images

4.13. Layout and Positioning

4.14. Media query

4.15. CSS website Layout

5. Advance Topics on CSS

7 hrs

5.1. CSS Flexbox

5.2. CSS Grid

5.3. CSS Transitions and Animations

5.4. Responsive Web Design

5.5. CSS Specificity and Inheritance

5.6. CSS Units and Values

5.7. CSS Preprocessors

5.8. CSS Best Practices and Optimization

6. Client Side Scripting with JavaScript

8 hrs

6.1. Introduction to JavaScript

6.2. Using JS in HTML

6.3. JavaScript Output

6.4. JavaScript Comments

6.5. Variables and Data Types

6.6. Operators and Expressions

6.7. Control Flow and Conditionals

7. Advance Topics on JavaScripts

7 hrs

7.1. Scope and Closures

7.2. Error Handling and Debugging

7.3. DOM Manipulation

7.4. Asynchronous JavaScript

7.5. JSON and AJAX

7.6. ES6 and Modern JavaScript

7.7. JavaScript Libraries

Laboratory Works

Laboratory work builds the foundation for how to write a program using any high-level language. This course requires a lot of programming practice so that students will be able to develop good logic building and program developing capability which is essential throughout the course. Each lab session should cover more than 4 hours of practical work.

1.Static Website with HTML5
2.Image Gallery using CSS
3.Responsive Web Page using Box Model
4.Form with Client-Side Validation
5.Simple Calculator using JavaScript
6.User Registration Form with JavaScript Validation
7.jQuery Slider and Image Gallery
8.jQuery Date Picker and Sort
9.JSON and AJAX with Fetch API
10.Introduction to Modern JavaScript Frameworks

Text Books

1.Robbins, J. N. (2018). Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics. O'Reilly Media.

Reference Books

1.Holzner, S. (2000). HTML Black Book. John Wiley & Sons.
2.Inc, K. L. S. (2009). Web Technologies: Html, Javascript, Php, Java, Jsp, Asp.Net, Xml And Ajax, Black Book (With Cd). Wiley India.
3.Knuckles. (2006). Web Applications: Concepts & Real World Design. John Wiley & Sons.
4.Deitel, P. J., Deitel, H. M., & Deitel, A. (2012). Internet and world wide web: How to Program. Prentice Hall.

Notes:

Total periods: 48 hours. Students must secure at least 45% marks separately in both internal assessment and practical evaluation with 80% attendance to appear in Semester End Examination.

Web Technology

Web Technology

Select University

Select Program

TabFlux . Internet Technology I . PoU . BCSIT

Internet Technology I

Course Description

Course Objectives

Course Contents

Laboratory Works

Text Books

Reference Books

Notes: