Introduction to Development for the Internet
•
662 likes•101,741 views
Brief introduction into developing for the internet. A short history of how pages communicate with a server and a look a different web stacks that can be used in web development
Report
Share
Related slideshows
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (20)
Similar to Introduction to Development for the Internet
Similar to Introduction to Development for the Internet (20)
More from Mike Crabb
More from Mike Crabb (20)
Recently uploaded
Recently uploaded (20)
Introduction to Development for the Internet
- 1. webdev @ rgu introduction to development for the internet
- 2. Web 1.0 Static pages of hyperlinked information Information revolution created using HTML <mark-up language> HTML HTML HTML
- 3. Client/Server Request/Response Web Browser The 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 Look and 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. BUT THEN
- 6. i’ve seen the future and it’s Dynamic Content p.s. - this is Kirriemuir…its awesome!
- 7. Dynamic Content Server side dynamic 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 Server PHP 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 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 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 web apps 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-size fits 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 (or solution) stack: a set of components required to make a complete platform
- 13. A software (or solution) 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
- 19. LAMP OS Database HTTP Server Serverside Code MEAN Linux mySQL apache PHP no need 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 structure a 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 structure a 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 next is putting it into practice…