O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Introduction to Development for the Internet

75.364 visualizações

Publicada em

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

Publicada em: Software, Internet
  • My special guest's 3-Step "No Product Funnel" can be duplicated to start earning a significant income online. ◆◆◆ https://bit.ly/2kS5a5J
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
  • Doctor's 2-Minute Ritual For Shocking Daily Belly Fat Loss! Watch This Video ■■■ http://scamcb.com/bkfitness3/pdf
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
  • Don't fear hair loss - fight it! Try Profollica� natural two-step hair loss system for visible results you'll see and love! ➤➤ https://bit.ly/2N8ZrEt
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
  • How can I improve my memory book? How can I improve my memory recall? visit to learn...■■■ https://tinyurl.com/brainpill101
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
  • How One Woman Discovered the Female Fat-Loss Code Missed by Modern Medicine And Lost 84lbs Using a Simple 2-Step Ritual That 100% Guarantees Shocking Daily Weight Loss... ■■■ https://bit.ly/2YcYRME
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui

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
  14. Common Web Stacks LAMP Linux Apache MySQL PHP LEMP Linux EnginX MySQL PHP WAMP Windows Apache MySQL PHP WIMP Windows ISS MySQL PHP WINS Windows ISS .Net PHP
  15. Linux Apache MySQL PHP
  16. Linux Apache MySQL PHP
  17. Alternatives Exist…
  18. Database Application Code
  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…

×