Introduction to

Web Development

Chapter 1

Randy Connolly and Ricardo Hoar Fundamentals of Web Development

© 2017 Pearson
Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd
Ed.
http://www.funwebdev.com
 Chapter 1
1 A Complicated
Ecosystem 2 Definitions and
History

3 The Client-
Server Model 4 Where is the
Internet?

5 Working in Web
Development 6 Summary

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Chapter 1
1 A Complicated
Ecosystem 2 Definitions and
History

3 The Client-
Server Model 4 Where is the
Internet?

5 Working in Web
Development 6 Summary

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 A Complicated Ecosystem

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Chapter 1
1 A Complicated
Ecosystem 2 Definitions and
History

3 The Client-
Server Model 4 Where is the
Internet?

5 Working in Web
Development 6 Summary

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Definitions and History
A Short History of the Internet

• Telephone Network
• Packet Networks
• ARPANET (1969)
• X.25 (1974)
• USENET (1979)
• TCP/IP (1983)  INTERNET

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Definitions and History
The Internet and WWW are different (but related) things

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Definitions and History
The Birth of the Web (1990)

1. URLS
2. HTTP
3. SERVERS
4. BROWSERS
5. HTML

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Definitions and History
The Growth of the Internet

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Definitions and History
Web Applications in Comparison to Desktop Applications

Advantages:
• Accessible from any Internet-enabled computer.
• Usable with different operating systems and browser
applications.
• Easier to roll out program updates
• Fewer security concerns about local storage.

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Definitions and History
Web Applications in Comparison to Desktop Applications

Disadvantages:
• Requirement to have an active Internet connection
• 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
• Clients or their IT staff may have additional plugins added
to their browsers

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Definitions and History
Static Websites versus Dynamic Websites

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Definitions and History
Static Websites versus Dynamic Websites

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Definitions and History
Static Websites versus Dynamic Websites

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Definitions and History
Web 2.0 and Beyond

• Web 2.0 Dynamic

• Web 3.0 Semantic
• Web Science
• …

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Definitions and History
Sociotechnological Integration—Web Science

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Chapter 1
1 A Complicated
Ecosystem 2 Definitions and
History

3 The Client-
Server Model 4 Where is the
Internet?

5 Working in Web
Development 6 Summary

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 The Client-Server Model
The Request-Response Loop

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 The Client-Server Model
The Peer-to-Peer Alternative

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 The Client-Server Model
Server Types

• Web Servers
• Application Servers
• Database Servers
• Mail Servers
• Media Servers
• Authentication Servers
• …

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 The Client-Server Model
Real-World Server Installations – Server Farm

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 The Client-Server Model
Real-World Server Installations – Server Rack

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 The Client-Server Model
Real-World Server Installations – Data Center

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Chapter 1
1 A Complicated
Ecosystem 2 Definitions and
History

3 The Client-
Server Model 4 Where is the
Internet?

5 Working in Web
Development 6 Summary

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Where Is the Internet?
From the Computer to the Local Provider

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Where Is the Internet?
(Simplified) Routing Tables

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Where Is the Internet?
From the Local Provider to the Ocean’s Edge

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Where Is the Internet?
From the Local Provider to the Ocean’s Edge –IXP and Data Centers

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Where Is the Internet?
Across the Oceans

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Chapter 1
1 A Complicated
Ecosystem 2 Definitions and
History

3 The Client-
Server Model 4 Where is the
Internet?

5 Working in Web
Development 6 Summary

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Roles and Skills

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Working in Web Development
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

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Working in Web Development
Roles and Skills (II)

• 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

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Working in Web Development
Types of Web Development Companies

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Chapter 1
1 A Complicated
Ecosystem 2 Definitions and
History

3 The Client-
Server Model 4 Where is the
Internet?

5 Working in Web
Development 6 Summary

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Summary
Key Terms

application server Internet exchange point Request for Comments

authentication server (IX or IXP) (RFC)
bandwidth Internet service provider request-response loop
broadband modem (ISP) response
cable modem termination load balancers router
system mail server routing table
circuit switching media server semantic web
client Mosaic server
client-server model Netscape Navigator server farm
data center Network Access Points server racks
database server (NAP) shared hosting
DevOps next-hop routing static website
dynamic website packet user experience
failover redundancy packet switching virtual server
fiber optic cable peer webmaster
full-stack developer peer-to-peer Web 2.0
HTTP model World Wide Web
intranet request Consortium (W3C)

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.

 Questions?

Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2 nd Ed.