Scribd
Upload
3 views48 pages

Module - 01-07 Web Engineering Virtual University

The document outlines an introductory course on Web Engineering, covering topics such as web content structuring, visual layout, interactivity, backend programming, and web application engineering. It also discusses the evolution of the web from Web 1.0 to Web 3.0, the client-server model, and the workings of the internet. Additionally, it highlights various roles and skills required in web engineering jobs.

Uploaded by

Faizan Ali
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
3 views48 pages

Module - 01-07 Web Engineering Virtual University

The document outlines an introductory course on Web Engineering, covering topics such as web content structuring, visual layout, interactivity, backend programming, and web application engineering. It also discusses the evolution of the web from Web 1.0 to Web 3.0, the client-server model, and the workings of the internet. Additionally, it highlights various roles and skills required in web engineering jobs.

Uploaded by

Faizan Ali
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 48

Module 01

Web Engineering

Introduction to Web
Engineering
Introduction to Web Engineering
Topics (Basics)
1. What is web and how does it
work?
2. Structuring web contents using
HTML
3. Setting visual layout using CSS
4. Making web interactive using
JavaScript
5. Web backend programming using
PHP and databases
Introduction to Web Engineering
Topics (Advanced)
6. Engineering web application
7. Making websites secure
8. Introduction to web services
9. Front-end and back-end
frameworks
10.Hosting websites
11.Search engine optimizaton (SEO)
Introduction to Web Engineering
Textbook
1. "Fundamentals of Web
Development", 2nd Edition by
Randy Connolly and Ricardo
Hoar, 2018, Pearson

Reference websites
2. https://www.w3schools.com/
3. https://developer.mozilla.org/en-U
S/
4. https://reactjs.org/
Introduction to Web Engineering
Credits
• Material for the slides used in
this course is provided by
Pearson Education

Reference websites
1. https://www.w3schools.com/
2. https://developer.mozilla.org/en-U
S/
3. https://reactjs.org/
Introduction to Web Engineering
Introduction to Web Engineering
Web Engineering

Module 02
Web Engineering

Ecosystem of Web
Ecosystem of Web
A Complicated Ecosystem
Ecosystem of Web
A Short History of the
Internet
• Telephone Network
• Packet Networks
• ARPANET (1969)
• X.25 (1974)
• USENET (1979)
• TCP/IP (1983)  INTERNET
Ecosystem of Web
Internet vs. (World Wide)
Web
Ecosystem of Web
The Birth of the Web
(1990)
• URLS
• HTTP
• SERVERS
• BROWSERS
• HTML
Ecosystem of Web
Growth of Internet
• Number of Internet Hosts
Ecosystem of Web
Web Apps vs. Desktop Apps
• Advantages
• Accessible from any Internet-
enabled computer
• Cross platform and browser
compatibility
• Easier to roll out program
updates
• Fewer security concerns about
local storage
Ecosystem of Web
Web Apps vs. Desktop Apps
• Disadvantages
• Requires internet
• Security concerns about sensitive
private data being transmitted
over the Internet
• Concerns over the storage,
licensing, and use of uploaded
data
• Problems with certain websites
not having an identical
appearance across all browsers
• Restrictions on access to
operating system resources
END
Module 03
Web Engineering

Static vs Dynamic
Websites
Static vs Dynamic Websites
Static websites
Static vs Dynamic Websites
(Traditional) Dynamic
Websites
Static vs Dynamic Websites
(Modern) Dynamic Websites
Module 04
Web Engineering

Brief History of Web


Brief history of Web
Web 1.0
• Contents generated by publishers
• Company generated companies
• Static websites
• Dynamic websites
Brief history of Web
Web 2.0
• User Generated Contents (UGC)
• Dynamic websites
Brief history of Web
Web 3.0
• Machine understandable contents
• Semantic web
Brief history of Web
Web Science
• Interdisciplinary study of
sociotechnical integration of the
world wide web
Module 05
Web Engineering

Client Server Model


Client Server Model
The equest-response Loop
Client Server Model
Types of Servers
• Web Servers
• Application Servers
• Database Servers
• Mail Servers
• Media Servers
• Authentication Servers
• …
Client Server Model
Server Farms
• Large websites receives millions of
requests per minute
• Cannot be handled by a single server
• Server farms are used for
scalability
Client Server Model
Server Racks
Client Server Model
Data Centers

END
Module 06
Web Engineering

How Internet Works?


How Internet Works?
Internet from Home to ISP
How Internet Works?
Routing Tables
How Internet Works?
From ISP to the World
How Internet Works?
IXP
• IXP – Internet Access Point –
Dedicated infrastructure to make
the internet more connected
How Internet Works?
Under-ocean connectivity
Module 07
Web Engineering

Web Engineering Jobs


Web Engineering Jobs
Roles and Skills
Web Engineering Jobs
Roles and Skills
• Hardware Architect/Network
Architect/Systems Engineer
• System Administrator
• Database Administrator/Data
Architect
• Security
Specialist/Consultant/Expert
• Developer/Programmer
• Front-End Developer/UX Developer
Web Engineering Jobs
Roles and Skills
• Software Engineer
• UX Designer/UI
Designer/Information Architect
• Tester/Quality Assurance
• SEO Specialist
• Content Strategists/Marketing
Technologist
• Project Manager/Product Manager
• Business Analyst
• Nontechnical Roles
Web Engineering Jobs
Web Development
Companies

END

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy