Full Transcript

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 - 2nd Ed...

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 - 2nd Ed. http://www.funwebdev.com Chapter 1 A Complicated Definitions and 1 Ecosystem 2 History The Client- Where is the 3 Server Model 4 Internet? Working in Web Summary 5 Development 6 Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd Ed. Chapter 1 A Complicated Definitions and 1 Ecosystem 2 History The Client- Where is the 3 Server Model 4 Internet? Working in Web Summary 5 Development 6 Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd Ed. A Complicated Ecosystem Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd Ed. Chapter 1 A Complicated Definitions and 1 Ecosystem 2 History The Client- Where is the 3 Server Model 4 Internet? Working in Web Summary 5 Development 6 Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd 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 - 2nd Ed. Definitions and History The Internet and WWW are different (but related) things Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd 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 - 2nd Ed. Definitions and History The Growth of the Internet Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd 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 - 2nd 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 - 2nd Ed. Definitions and History Static Websites versus Dynamic Websites Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd Ed. Definitions and History Static Websites versus Dynamic Websites Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd Ed. Definitions and History Static Websites versus Dynamic Websites Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd 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 - 2nd Ed. Definitions and History Sociotechnological Integration—Web Science Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd Ed. Chapter 1 A Complicated Definitions and 1 Ecosystem 2 History The Client- Where is the 3 Server Model 4 Internet? Working in Web Summary 5 Development 6 Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd Ed. The Client-Server Model The Request-Response Loop Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd Ed. The Client-Server Model The Peer-to-Peer Alternative Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd 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 - 2nd Ed. The Client-Server Model Real-World Server Installations – Server Farm Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd Ed. The Client-Server Model Real-World Server Installations – Server Rack Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd Ed. The Client-Server Model Real-World Server Installations – Data Center Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd Ed. Chapter 1 A Complicated Definitions and 1 Ecosystem 2 History The Client- Where is the 3 Server Model 4 Internet? Working in Web Summary 5 Development 6 Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd Ed. Where Is the Internet? From the Computer to the Local Provider Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd Ed. Where Is the Internet? (Simplified) Routing Tables Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd Ed. Where Is the Internet? From the Local Provider to the Ocean’s Edge Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd 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 - 2nd Ed. Where Is the Internet? Across the Oceans Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd Ed. Chapter 1 A Complicated Definitions and 1 Ecosystem 2 History The Client- Where is the 3 Server Model 4 Internet? Working in Web Summary 5 Development 6 Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd Ed. Roles and Skills Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd 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 - 2nd 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 - 2nd Ed. Working in Web Development Types of Web Development Companies Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd Ed. Chapter 1 A Complicated Definitions and 1 Ecosystem 2 History The Client- Where is the 3 Server Model 4 Internet? Working in Web Summary 5 Development 6 Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd Ed. Summary Key Terms application server (IX or IXP) request-response loop authentication server Internet service provider response bandwidth (ISP) router broadband modem load balancers routing table cable modem termination mail server semantic web system media server server circuit switching Mosaic server farm client Netscape Navigator server racks client-server model Network Access Points shared hosting data center (NAP) static website database server next-hop routing user experience DevOps packet virtual server dynamic website packet switching webmaster failover redundancy peer Web 2.0 fiber optic cable peer-to-peer World Wide Web full-stack developer model Consortium (W3C) HTTP request intranet Request for Comments Internet exchange point (RFC) Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd Ed. Questions? Randy Connolly and Ricardo Hoar Fundamentals of Web Development - 2nd Ed.