WELCOME Abdennour : Software engineer

Sep 12, 2012

Web Work[tuto 2 jee]

Web Work[tuto 2 jee]

-Understanding Web Work is Very important  :
     >>to Understand how the Browser(Navigateur) communicate with Web servers(Exple:Apache)
      >>to Understand the basics of HTTP

   



    أ) Understand how the Browser communicate with Web servers :

-Browser is the  the visible part of a range of technologies .
  Browsers Examples : 

          So, our Jee Application  will be visible on the browser (since it is a web application) .


-Browsers communicate with web server (HTTP server) with HTTP Protocol . 

So, What's a HTTP Protocol ?

-HTTP is an acronym of Hyper Text Transfer Protocol .
>HTTP Protocol based on Queries(Requêtes) / Answers(Réponses).
 >The client sends requests to the server and returns responses
stateless(Sans état ).

So, What's the  Structure of HTTP Requests(Requêtes HTTP)?

Requests have:
 i)method(Get,Post,Put,Delete)
 ii)One or more headers
 iii)a body
 *The headers are used to
   I>content Type(Mime Tye) :
       -it's the First Information read By the browser in the case of an HTTP response
       -it's a pair of data to describe it to the data content.
       -Example : text/html ;  image/png ; video/flv
       -html Code : 
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      II>Cache Control :
           -The response received (Page Web received) can be stored to avoid going to ask the server each time .
    At the next request (URL page) we will recall the page which is :
     >Hidden at the Hard disk by the browser
    or
    >Hidden at the intermediate proxy.

     To disable this option, write the HTML tag(Balise)  :


    Pragma
    Prohibiting the registration page in the cache of search engines and browsers.(Interdire l'enregistrement de la page dans la mémoire cache des moteurs de recherche et des navigateurs.)
    Exemple : <META http-equiv="Pragma" CONTENT="no-cache">


    The other values of this Tag :

     <META HTTP-EQUIV="..." CONTENT="...">

        
    Type
    Définit la table de caractères à utiliser .
    Par défaut c'est la table de caractères occidentale (text/html; charset=iso-8859-1) qui sera utilisée.
    Exemple : <META http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1">

    Language
    Langue du site.
    Valeurs possibles :
    fr : Français
    en : Anglais ou Américain
    de : Allemand
    es : Espagnol
    it : Italien
    pt : portugais
    Si votre page est en plusieurs langues, séparez ces codes par des virgules.
    Exemple : <META http-equiv="Content-Language" content="fr">

    Refresh
    Recharger (réactualiser) automatiquement la page toutes les n secondes.
    <META http-equiv="Refresh" content="10"> (pour 10 secondes)
    OU
    Rediriger automatiquement le navigateur vers une autre page au bout de n secondes 
    Exemple : <META http-equiv="Refresh"
    content="10; URL=http://www.rankspirit.com">
       
     II>Expiration Date :
    <meta http-equiv="expires" content="Mon, 17 

    Sep 2012 14:25:27 GMT" />


    What's the difference between the 4 Methods(GET,POST,PUT& DELETE)?



     a.Get(عطاء): web application (Exemple : Récuperer la liste des vos photos Facebook , Lorsque vous cliquez Sur "Mes Photos" , Facebook utilise la Méthode GET)
    b.Post(نشر): transmitting information via a form(Formulaire, Exemple : Insertion d'une Personne dans la Base De Données =>Utilise la méthode POST .. )
      
      
    c.Put: Forward (Transférer)a page to the Web server (Exple : upload File)
    d.Delete: Delete a page from the Web server.

    What's the Difference between GET & POST ?

    Method
    Used in Form?( Formulaire)
    Visible Data?
    Secure(Security)
    Use
    Get
    YES
    YES   (concaténés à l’URL)
    No
    More often
    Post
    YES
    No (in the body)
    No



    Browser Cache Viewer : 



    -REFERENCE :
    >Saloua ben Yahia Jee Courses .
    >http://www.rankspirit.com/balises.php
    >http://formation.upyupy.fr/html-xhtml/balises-meta/

    1 comment: