Web Technologies

IT25301:

Web Technologies

Course objectives:

• The objective of this course is to illustrate how the Internet works and how it is used in the real world. Students will learn to make web pages interactive using HTML, CSS, and JavaScript and build dynamic websites using both client-side and server-side tools.

Introduction: World wide web and its evolution - E-mail, Telnet, FTP, E–commerce, Cloud Computing, Video conferencing - Internet service providers, IP Address, URL, Domain Name Servers - Web Browsers, Search Engine -Web Server vs Application Server.

Practicals

● Use Telnet to connect to a remote host and execute simple commands.

● Set up a Web Server and demonstrate serving static content.

HTML 5: HTML Tags, Structure, HTML Coding Conventions - Block Elements, Text Elements, Code Related Elements, Character References - Lists, Images, section, article, and aside Elements - nav and a Elements - header and footer Elements-Audio & Video Support-HTML Forms & Controls - Document Object Model (DOM)

Practicals

● Creation of registration or feedback form using form controls.

● Development of personal portfolio website.

Cascading Style Sheets (CSS) and Responsive Web Design

CSS Rules, Syntax and Style - Class Selectors, ID Selectors, span and div Elements - Cascading, style Attribute, style Container, External CSS Files - CSS Properties- - UI Scripting-Bootstrap, Bootstrap Grid System, Grid Classes, Basic Structure of a Bootstrap Grid, Typography, Components, Forms, Inputs, Bootstrap Themes, Templates Bootstrap Themes, Templates

Practicals

● CSS Styling Methods.

● Responsive website Design.

Client-Side Scripting and Modern Javascript

Buttons, Functions, Variables, Identifiers - Assignment Statements and Objects - Document Object Model, Forms - reset and focus Methods – Event Handler Attributes- External JavaScript Files-Manipulating CSS with JavaScript- Using z-index to Stack Elements-Textarea Controls - Pull-Down Menus- JSON: JavaScript Object Notation (JSON) – jQuery.

Practicals

● Perform Client-side validation and Event handling.

● Create an interactive To-Do List application.

Server-Side Programming

MVC - Servlet: Life Cycle – Types-Request Dispatcher - Session Tracking- Servlet with JDBC-Hibernate: Architecture - Object Relation Mapping-Querying-JSP: Lifecycle-Components and Tages-Elements-Actions-Objects-JDBC. Spring – Architecture-Build Tools: Maven – Gradle - Spring Boot.

Practicals

● Develop dynamic websites using Servlet and JSP.

● Develop a Hibernate-Based Web Application.

PHP and XML

PHP Variables - Program control- Built-in functions- Form Validation-PHP Web app framework: Laravel. XML: Basic XML- Document Type Definition- XML Schema, XML Parsers and Validation, XSL.

Practicals

●Develop dynamic websites using PHP with database Connectivity.

●Create and Validate an XML Document with DTD or XML Schema.

Angular and Web Applications Frameworks

AngularJS, MVC Architecture, Expressions and data binding, Conditional Directives, Style Directives, Controllers, Filters, Forms, Routers, Modules, Services; Web Applications Frameworks – React-Node JS-Express-Firebase-Docker- Django.

Practicals

● Develop Front-end application using AngularJS.

● Create a RESTful API Using Node.js and Express.

References:

1. Paul Deitel, Harvey Deitel, Abbey Deitel, Internet and World Wide Web, 5e, Pearson, 2018.

2. Juha Hinkula, Full Stack Development with Spring Boot 3 and React, Packt, 2023.

3. Frank Zammetti, Modern Full-Stack Development, Apress, 2023.