Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
SlideShare a Scribd company logo
“ How is web development?”   [1]
        “an introduction”


           Mohammed Safwat
        Freelancer Web Developer
                                    
     
“ How is web development?”  Series :

1. An Introduction .
2. Basic Design Tools.
3. Logic Tools .
4. Tweaks you need.




                          
     
Web Applications

web applications refer to all types of 
applications in which all or part of them are 
hosted within a web browser.




                        
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.
                        
How requests is done?




                     
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 , ASP.net , PHP , JSP , etc .               “life Demo”
                                    
Website Structure




                      
Website Structure


          Image
           files

          Links to other       Java 
           server­side         Script
             scripts




                            
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”


                                 
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.


                                    
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.

                            
Browsers Market Share




                        
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.



                                 
Static VS. Dynamic Web Pages




                       
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.
                           
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.



                               
     
Coming 

    
          Advanced session for web development.
    
        Ground­up web project.
    
        PHP course.


    www.depiak.catreloaded.net
    www.mans­eng.com/vb



                             

More Related Content

Introduction to web development