Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introduction to web development


Published on

Published in: Business, Technology
  • Be the first to comment

Introduction to web development

  1. 1. “ How is web development?”   [1]    “an introduction”        Mohammed Safwat     Freelancer Web Developer    
  2. 2.    
  3. 3. “ How is web development?”  Series : 1. An Introduction . 2. Basic Design Tools. 3. Logic Tools . 4. Tweaks you need.    
  4. 4.    
  5. 5. Web Applications web applications refer to all types of  applications in which all or part of them are  hosted within a web browser.    
  6. 6. Evolution of web development Web development has turned from just static  pages , with static contents , to dynamically  generated contents via programs running on  web servers . This turn aroused from the increasing human  needs to publishing on web , thinking in  easier , stable , powerful and smart ways for  developing web.    
  7. 7. How requests is done?    
  8. 8. Website Structure ●  HTML Files  These HTML files may contain client side scripting like  Java scripts. ●  Image files like (GIF and JPG). ●  Object files   They require plugins , like sound , video , flash or java   files ,      etc. ●  Server Side Scripts :  Programs for accessing server based resources like                       Database .   Typically ASP , , PHP , JSP , etc .               “life Demo”  
  9. 9. Website Structure    
  10. 10. Website Structure Image files Links to other Java  server­side Script scripts    
  11. 11. Basic Web Development Process 1. Create HTML files. 2. Test locally. 3. Upload to web server. “Via FTP for ex. “ 4. Test it on the web server.                     “life demo”    
  12. 12. Why several browsers? The original intension behind HTML is to describe meaning  not formatting. Every browser adds his own tags. Every browser can vary in how it displays data. CSS and JS vary on browsers.    
  13. 13. Why several browsers? It's impossible to design a web page that looks  the same on all browsers. But you can:   Design for the safest HTML standard.   Test on most current versions of browsers.   Design for current web standards regardless       of browser support.    
  14. 14. Browsers Market Share    
  15. 15. Static VS. Dynamic Web Pages Most web pages that you view are not static  HTML files. They are output from programs that run on  web servers. These programs can interact with server resources like  Databases and XML web services.    
  16. 16. Static VS. Dynamic Web Pages    
  17. 17. Dynamic Web Technologies   ASP   ASP.NET   PHP   ColdFusion   JSP   Ruby on Rails   CGI  All of them generate HTML on the server and  send it back to the requesting browser.    
  18. 18. Web Frameworks   More and More web works is being done            using pre­existing frameworks , such as                Content Management Systems (CMS) and         Blog Engines.     With a framework , you write less , develop         fast , and do more easier web development.    
  19. 19.    
  20. 20. Coming     Advanced session for web development.     Ground­up web project.     PHP course. www.mans­