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/