Downloaded 765 times
Uploaded byMike Crabb
Introduction to Development for the Internet
The document outlines the development of web applications from static pages using HTML to dynamic content through server-side technologies like PHP and databases such as MySQL. It emphasizes the importance of web applications in modern computing, highlighting their advantages over traditional desktop software, including collaborative features and ease of access. Various web development stacks are discussed, showcasing that there is no single approach to web development and encouraging practices that suit individual project needs.
Introduction to Development for the Internet
- 1. webdev @ rgu introductionto development for the internet
- 2. Web 1.0 Static pagesof hyperlinked information Information revolution created using HTML <mark-up language> HTML HTML HTML
- 3. Client/Server Request/Response Web BrowserThe Internet Web Server at server.com Disk Drive at server.com User requests http://server.com Look up address of: server.com Request server.com main page using IP Receive and display page Return the index page Fetch index.html from hard disk Receive request for index page
- 4. Video Audio Image Moving Forward Lookand feel improved with style sheets •presentation and style could be separated from the information structure and content •Cascading Style Sheet (CSS) •Mixed Media CSS HTML
- 5.
- 6. i’ve seen thefuture and it’s Dynamic Content p.s. - this is Kirriemuir…its awesome!
- 7. Dynamic Content Server sidedynamic content generation •Mature Web Server Stacks (e.g. LAMP) •Sites became web services (data not pages) Request Web Page PHP Script HTML Web Server Database Template Engine
- 8. Dynamic request/response Web ServerPHP Processor Disk Drive mySQL Database Receive Request Fetch Page Contains PHP? Return Page Receive Data Execute SQLProcess PHP
- 9. Client/Server Request/Response Web Browser The Internet Web Server at server.com DiskDrive at server.com User requests http://server.com Look up address of: server.com Request server.com main page using IP Receive and display page Return page Fetch index.html from hard disk Receive request for index page PHP Processor mySQL Database Contains PHP? Receive Data Execute SQLProcess PHP
- 10. Why are webapps important? •Nobody wants simple web pages anymore •Desktop software for common tasks may be coming extinct •Offsite storage as standard •Collaboration easily added •No software installation •No software updates
- 11. Development Landscape •No single ‘one-sizefits all’ solution •No ‘correct’ way to do web development •Lots of different web stacks available this doesn't mean there isn’t a wrong way…there is!
- 12. A software (orsolution) stack: a set of components required to make a complete platform
- 13. A software (orsolution) stack: a set of components required to make a complete platform Web stack: server side code utilises web server and database all running on an operating system
- 14.
- 15.
- 16.
- 17.
- 18.
- 19. LAMP OS Database HTTP Server Serverside Code MEAN Linux mySQL apache PHP noneed to mention, node is cross platform mongoDB node is its own server, Express makes it easier nodeJS applications, may link to angular clientside
- 20. html css php mySQL How to structurea webpage How to style a webpage How to make a web page interactive How to load and save information from a web page
- 21. html css php mySQL How to structurea webpage How to style a webpage How to make a web page interactive How to load and save information from a web page Needs specialised server in order to work Can be created and viewed on your own machine quite easily
- 22. webdev @ rgu nextis putting it into practice…