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
