Documente Academic
Documente Profesional
Documente Cultură
E. RAMAT
20 avril 2015
4h de cours
42h de TP
chaque séance de tp :
I un compte rendu (votre code) à la n de chaque partie
I une note
note du module = 1
2
(examen + moyenne des notes TP)
1 Introduction
2 Le langage HTML
3 Le langage CSS
4 Bootstrap
5 Le langage Javascript
6 JQuery
7 Les formulaires
8 Le langage PHP
1 Introduction
2 Le langage HTML
3 Le langage CSS
4 Bootstrap
5 Le langage Javascript
6 JQuery
7 Les formulaires
8 Le langage PHP
Objectifs
Compléments abordés
Mise en oeuvre
Dénition : WWW
Structure
Composants
Dénition
RFC
Dénition
Exemple
Réponse
HTTP /1.1 200 OK
Requête Content - Encoding : gzip
Content - Type : text / html ; charset = UTF -8
GET / HTTP /1.1
Date : Wed , 21 Jan 2015 17:52:55 GMT
Host : www . google . fr
Expires : -1
User - Agent : Mozilla /5.0 ( Linux x86_64 )
< CRLF >
< CRLF >
< HTML >
...
</ HTML >
client/serveur
Echange
Entête HTTP
Format
< request method > < resource > HTTP / < version >
< headers >
< empty line >
< body >
Format
Explications
Entête HTTP
Format
HTTP / < version > < status code > < status text >
< headers >
< CRLF >
< response body - the requested resource >
Format
Explications
Méthodes
REST
Les réponses
Les cookies
Schéma
Explications
Le debugger
Possibilités
Sous Chrome
la vue du DOM
les éléments de CSS qui s'appliquent sur le document
on peut aussi cliquer sur un élément d'une page pour obtenir sa
représentation dans le DOM et les styles appliqués
Sous Chrome
HTML
http ://www.w3schools.com/tags/
https ://developer.mozilla.org/fr/docs/Web/HTML/Element
http ://www.w3.org/TR/html-markup/ et http ://www.w3.org/TR/html5/
HTML5 Pocket Reference, Jennifer Niederst Robbins, O'reilly
Head First HTML and CSS, 2nd Edition, Elisabeth Robson, Eric Freeman
CSS
http ://www.w3schools.com/css/default.asp
https ://developer.mozilla.org/fr/docs/Web/CSS/Reference
http ://www.w3.org/TR/CSS2/
http ://meiert.com/en/indices/css-properties/
Javascript
http ://www.w3schools.com/js/default.asp
https ://developer.mozilla.org/fr/docs/Web/JavaScript/Reference
JavaScript : The Denitive Guide, 6th Edition, David Flanagan, O'reilly
L'indispensable !
http ://stackoverow.com/
L'indispensable !
Online editors
JSFiddle
selfCSS
1 Introduction
2 Le langage HTML
3 Le langage CSS
4 Bootstrap
5 Le langage Javascript
6 JQuery
7 Les formulaires
8 Le langage PHP
Sous Chrome
Quelques dates
Structure
Structure
< div style =" text - color : red " > xxxxx </ div >
du texte ou d'autres balises peuvent être placés entre les deux parties
un document HTML peut être représenté sous forme un arbre
une balise est complètée par un ensemble d'attributs
les attributs sont facultatifs
une balise peut être vide
<br / >
Mise en forme
Les styles
Exemple
Exemple
Dénition
Exemple 1
<ol >
<li > premier & eacute ;l & eacute ; ment </ li >
<li > deuxi & egrave ; me & eacute ;l & eacute ; ment </ li >
<li > troisi & egrave ; me & eacute ; l& eacute ; ment </ li >
<ol >
Exemple 2
<ul >
<li > premier & eacute ;l & eacute ; ment </ li >
<li > deuxi & egrave ; me & eacute ;l & eacute ; ment </ li >
<li > troisi & egrave ; me & eacute ; l& eacute ; ment </ li >
<ul >
Dénition
la notion de lien est au coeur du Web : référencer au sein d'une page d'autres
pages ou ressources
la balise utilisée est <a>
l'adresse cible (ou URL) est précisée par l'attribut href
un lien est représenté par l'élément placé entre <a> et </a>
cet élément peut être un texte mais aussi une image
Exemple
<a href =" http :// www . univ - littoral . fr " > Universit & eacute ; du Littoral </a >
URL
Exemples
Un lien :
sur une page du même répertoire
<a href =" contact . html " > Contact </ a >
Exemples
<a href =" mailto : ramat@lisic . univ - littoral . fr " > Eric RAMAT </a >
Cible
un lien peut pointer sur un élément particulier dans une page ou d'une autre
page
cliquer sur ce type de lien provoque sa visualisation
très pratique pour des pages très longues
syntaxe : <a href="#id1">xxx</a> ou <a
href="autre_page.html#id1">xxx</a> ou <a
href="www.univ-littoral.fr#id1">xxx</a>
la cible doit être identiée par une balise contenant l'attribut id
jpeg : idéal pour les photos et illustrations complexes contenant des millions
de couleurs ; attention à la compression !
png : format sans compression ; 8 bits ou 24 bits ; possibilité de transparence
gif : pratique pour des petites images (logo, par exemple) ; 256 couleurs max ;
gestion de la transparence et de l'animation
svg : format vectoriel ; ensemble d'objets graphiques ; pas de perte de qualité ;
plus léger et plus rapide
Outils libres
gimp pour les images pixelisées et inkscape pour les images vectorisées
E. Ramat (ULCO-LISIC) Web 20 avril 2015 47 / 209
Les images
La balise img
l'insertion d'une image dans une page est possible à l'aide de la balise img
deux attributs :
I src : URL de l'image (absolue ou relative)
I alt : un texte alternatif en cas de non chargement de l'image
Exemple
< img src = " img / mon_image . jpg " alt =" Mon image " / >
Exemple
< img src = " img / mon_image . jpg " alt =" Mon image " width = " 100 " height =" 100 " / >
Exemple
< svg width =" 400 " height = " 180 " >
< rect x=" 50 " y=" 20 " width =" 150 " height = " 150 "
style =" fill : blue ; stroke : pink ; stroke - width :5; fill - opacity :0.1;
stroke - opacity :0.9 " >
</ svg >
une solution pour introduire des petites animations : les gif animés
un gif animé est une collection d'images gif achées avec un délai entre
chaque image
la construction d'un gif animé est possible avec gimp à l'aide de la notion de
calque : une image est un calque et on remplace un calque par un autre avec
un délai
Exemple
Dénition
les tableaux permettent d'organiser les éléments d'une page sous forme
tabulaire
un tableau est un ensemble de lignes
une ligne est un ensemble de cellules
Exemple
Les balises
Exemple
de plus, les cellules peuvent être typées entête avec la balise <th> et
l'attribut scope
Exemple
Fusion
Exemple
Espacement et remplissage
Exemple
Exemple
<p >My mother has < span style =" color : blue ; font - weight : bold " > blue </ span > eyes
and my father has < span style = " color : darkolivegreen ; font - weight : bold " >
dark green </ span > eyes . </ p >
Rendu
L'attribut style permet de dénir les propriétés des éléments dénis dans le bloc
(span). C'est du CSS inline.
E. Ramat (ULCO-LISIC) Web 20 avril 2015 59 / 209
Les blocs
Exemple
< div style =" background - color : black ; color : white ; text - align : center ; padding :5 px ;" >
<h1 > City Gallery </ h1 >
</ div >
< div style =" line - height :30 px ; background - color :# eeeeee ; height :300 px ;
width :100 px ; float : left ; padding :5 px ;" >
London <br >
Paris <br >
Tokyo <br >
</ div >
< div style =" width :350 px ; float : left ; padding :10 px ; " >
<h2 > London </ h2 >
<p > London is the capital city of England . It is the most populous city
in the United Kingdom , with a metropolitan area of over 13 million
inhabitants . </p >
</ div >
< div style =" background - color : black ; color : white ; clear : both ; text - align : center ;
padding :5 px ;" >
Copyright (c ) W3Schools . com
</ div >
L'attribut style permet de dénir les propriétés des éléments dénis dans le bloc
(div). C'est du CSS inline.
E. Ramat (ULCO-LISIC) Web 20 avril 2015 61 / 209
Les blocs
Dimensions
1 Introduction
2 Le langage HTML
3 Le langage CSS
4 Bootstrap
5 Le langage Javascript
6 JQuery
7 Les formulaires
8 Le langage PHP
dénition
cascading
les selecteurs
le lien avec HTML
les couleurs
le texte et les polices de caractères
les blocs
la disposition
les images
les transitions et les transformations
les animations
Editeur online
Pourquoi ?
Fonctionnement
Une zone peut contenir des zones → le CSS va donc s'appliquer par héritage (le
cascading )
Ordre d'application
Syntaxe
Explications
Explications
Dénition
Classe
Tout élément HTML peut être rattachée à une classe. Par exemple, le paragraphe
a pour classe (class) c1.
<p class = " c1 " > Hello World ! </ p >
Une classe peut être utilisée plusieurs fois au sein d'une même page.
Identiant
Tout élément HTML peut possèder un id. Par exemple, le paragraphe a pour
identiant (id) para1.
<p id =" para1 " > Hello World ! </ p >
p {
text - align : center ;
color : red ;
}
. c1 {
text - align : center ;
color : red ;
}
CSS pour un id
# para1 {
text - align : center ;
color : red ;
}
sélectionne tous les éléments ls d'un élément (ou d'un type d'éléments)
attention, ce sont les ls directs
Exemple
sélectionne tous les éléments ls d'un certain type de balise (ou d'une
certaine classe, . . . ) d'un élément (ou d'un type d'éléments)
attention, ce sont les ls directs
Exemple
sélectionne tous les éléments situés juste après un élément (ou un type
d'éléments)
les éléments sont au même niveau dans le DOM et possèdent un parent
commun
Exemple
sélectionne tous les éléments situés après d'un élément (ou un type
d'éléments)
les éléments sont au même niveau dans le DOM et possèdent un parent
commun
Exemple
sélectionne tous les <ul> dont une balise <p> les précède.
aecte la couleur jaune au fond du texte contenu dans la balise <p>
p ~ ul {
background - color : yellow ;
}
sélectionne tous les éléments dont la valeur d'un attribut respecte une
condition
plusieurs types de condition sont possibles :
I égalité (=)
I contient (~= en CSS2 ou ∗= en CSS3)
I commence par (| = en CSS2 ou ∧= en CSS3)
I nit par ($=)
Exemple
sélectionne toutes les balises <a> dont l'attribut href commence par https
aecte la couleur jaune au fond du texte associé au lien <p>
a[ href ^= " https " ] {
background : # ffff00 ;
}
Pseudo-sélecteurs
Exemple
Pseudo-éléments
Exemple
Pseudo-classes d'état
Exemple
Exemples
chier externe :
< head >
< link rel =" stylesheet " type = " text / css " href =" mystyle . css " >
</ head >
dans l'entête :
< head >
< style >
h1 {
color : maroon ;
margin - left : 40 px ;
}
</ style >
</ head >
dans la balise :
<h1 style =" color : blue ; margin - left :30 px ;" > This is a heading . </ h1 >
Les attributs
Exemple
Exemple
Texte et alignement
Exemple
h1 {
text - align : center ;
}
Texte et décor
la notion de décor correspond aux éléments que l'on peut ajouter au texte
comme le souligné
5 modes :
I none : aucun décor de texte n'est utilisée
I underline : souligné (déconseillé car utilisé pour les liens)
I overline : texte surligné avec une ligne au-dessus
I line-through : texte barré
I blink : texte clignotant.
Exemple
Texte et transformation
Exemple
Exemple
p {
font - family : " Times New Roman " , Times , serif ;
}
Exemple
h1 {
font - size : 40 px ;
}
h2 {
font - size : 1.875 em ;
}
Modèle
Box
Exemple
p {
border - top - style : dotted ;
border - right - style : solid ;
border - bottom - style : dotted ;
border - left - style : solid ;
}
1 Introduction
2 Le langage HTML
3 Le langage CSS
4 Bootstrap
5 Le langage Javascript
6 JQuery
7 Les formulaires
8 Le langage PHP
Objectifs
des CSS compatibles avec l'ensemble des navigateurs (IE, Firefox, Chrome,
Opera, . . . )
un système de conception de pages basé sur des grilles (grid )
un support multi-écrans (desktop, tablette, mobile, . . . )
un framework de dénition d'interface utilisateur
des plugins JavaScript
le système de grille
des CSS pour les tableaux, les formulaires, les boutons, . . .
des composants : barre de navigation, icônes, panels, . . .
des plugins Javascript : boîte de dialogue, carrousel, . . .
Installation
Deux possibilités :
télécharger le chier css et le chier Javascript depuis le site de Bootstrap
(http://www.getbootstrap.com/)
utiliser la version CDN (content delivery network)
< html >
< head >
< link href =" // netdna . bootstrapcdn . com / bootstrap /3.0.0/ css / bootstrap . min . css "
rel =" stylesheet " >
< script src =" // netdna . bootstrapcdn . com / bootstrap /3.0.0/ js / bootstrap . min . js " >
</ script >
</ head >
< body >
...
</ body >
</ html >
Responsive
Bootstrap permet de dénir la disposition des contenus en fonction de la
taille du dispositif (desktop, tablette, mobile, . . . )
4 systèmes de dimension sont disponibles :
I col-xs-[num] : pour les extra small devices
I col-sm-[num] : pour les small devices - largeur > 768px
I col-md-[num] : pour les medium devices - largeur > 992px
I col-lg-[num] : pour les large devices - largeur > 1200px
Exemple
Explications
si l'écran est de taille medium alors la ligne est divisée en 2 parties : l'une sur
4 colonnes et l'autre sur 8 colonnes
si l'écran est de taille small alors la ligne est divisée en 2 parties : 6 colonnes
+ 6 colonnes
Exemple
Attention
Les div de type col doivent être obligatoirement les ls immédiats de div de type
row.
Exemple
Explications
Exemple
la classe des boutons est applicables sur plusieurs balises : <a>, <button>
et <input>
6 styles sont possibles : default, primary, success, info, warning et danger
chaque style est associé à une couleur
le système de taille est applicable
Exemple
<a href =" #" class =" btn btn - primary btn - lg " role =" button " >Un lien </a >
Explications
Exemple
< img src = " ... " alt =" ... " class =" img - thumbnail " >
Exemple
< button type = " button " class = " btn btn - default btn - lg " >
< span class =" glyphicon glyphicon - star " aria - hidden =" true " ></ span > Star
</ button >
Panels
un panel est une boite avec potentiellement une entête et un pied de page
la boite a un contour avec des coins arrondis
Exemple
1 Introduction
2 Le langage HTML
3 Le langage CSS
4 Bootstrap
5 Le langage Javascript
6 JQuery
7 Les formulaires
8 Le langage PHP
HTML et Javascript
Caractéristiques
Utilisations
Capacités
Javascript peut :
capturer les évéments (clavier, souris, . . . )
lire et écrire des éléments HTML dans le DOM
valider les données d'un formulaire
accèder et modier les cookies d'un navigateur
détecter le type de navigateur et de systèmes d'exploitation
utiliser comme un langage orientée objets
Un exemple simple
Localisation du code
Recommandation
Dénition
Toutes les instruction sont exécutées mais certaines ne sont que des déclarations
de fonctions.
Evénement
Le code et les fonctions peuvent être appelés lors d'événements via des attributs
spéciaux
< img src = " logo . gif " onclick = " alert (' clicked ! ') " / >
Fonction et événement
Evénement
Le langage
4 types
Booléen
TODO ! ! !
Arithmétique
Logique et relationnel
Egalité : == ou ===
Aectation
simple : =
arithmétique : += -= *= /= %=
logique : &= =
| = <>= >>>=
Objet
new : création
delete
Dénition
Exemple
function f (x) {
if (x > 0) {
var y = 1;
}
return y;
}
Objet
Exemple
→ charAt et substring sont des méthodes que l'on peut appliquer sur des chaînes
de caractères
Dénition
Exemple
un type intégré au langage
plusieurs façons de créer : // creation
var empty = new Array (2);
I par new // un tableau vide de taille 2
I par un simple [ ] var array = ["1 " , " 2" ];
// lecture
ajout : empty [0]; // => undefined
empty [5]; // => undefined
I par une simple aectation // ecriture
I par la fonction push empty [0] = " Test ";
// empty est maintenant :
retrait : // [" Test ", undefined ]
I comme une pile : pop
empty [2] = " Test ";
// empty est maintenant :
I splice // [" Test ", undefined , " Test "]
taille : length
for
if/else
for ( var i = 0; i < n; ++ i) {
if (a === b) { }
} else {
} for ( var i in L ) {
}
Exceptions
Dénition
Déclaration
function myFunction (a , b) {
return a * b;
Fonctions }
deux formes : var x = function (a , b) { return a * b };
I déclaration d'une fonction
I dénition via une variable
u = x (2 , 2);
Déclaration
var / this
déclaration à l'aide de
association clé → valeur :
I clé : le nom d'un attribut ou d'une méthode
I valeur : la valeur d'un attribut ou une fonction
Déclaration
une classe est une fonction avec des variables locales et des fonctions
instantiation à l'aide de l'opérateur new
Déclaration
Problème mémoire
Si deux objets sont issus de Person, tout est dupliqué variables ET méthodes
E. Ramat (ULCO-LISIC) Web 20 avril 2015 133 / 209
Les classes et les objets
Une classe via les prototypes
Les prototypes permettent de partager les méthodes entre les objets d'une même
classe
Déclaration
Dénition
Exemple
Exemple
Commentaires
premier bloc :
I le nom du chier image est changé
I il est construit à partir d'une variable state passée en paramètre
I l'image est chargée et elle est remplacée dans la page
Attributs
la pluplart des attributs ont le même nom que les attributs des balises :
I id, name, href, alt, title, src, . . .
Exemple
Manipulation du DOM
JQuery
Déclaration
Exemple 1
< img id =" monImage " src =" test . gif " onclick =" imageClicked () " />
Exemple 2
Paramètre
Exemple
// TODO
Souris
onclick : clic
onmousedown : l'un des boutons de la souris est enfoncé
onmouseup : l'un des boutons est relaché
onmouseover : le curseur vient d'entrer dans la zone graphique de l'élément
onmouseout : le curseur vient de sortir de la zone graphique de l'élément
onmousemove : la souris a bougé
Clavier
Les événements clavier valident sur des champs de formulaire et pour les canvas
onkeypress : l'utilisateur vient d'appuyer sur une touche
onkeydown : une touche vient d'être enfoncée
onkeyup : une touche vient d'être relachée
Interface
Formulaire
function checkForm ()
{
var valid = true ;
< form name =" monFormulaire " onsubmit = " return checkForm () " >
< input type =" text " name = " nom " / >
</ form >
Exemple
<html >
<head >
< script type = " text / javascript " >
function hello () {
alert (" Page chargee " );
}
</ script >
</ head >
< body onload = " hello () " >
</ body >
</ html >
Dénition
Dénition
Problématique
La solution
function doAjaxCall () {
var request = null ;
if ( window . XMLHttpRequest ) {
request = new XMLHttpRequest ();
}
if ( request ) {
request . open ( " GET " , " http ://127.0.0.1/ foo . php " );
request . onreadystatechange = function () {
if ( request . readyState === 4) {
document . getElementById (" resultDiv " ). innerHTML = request . responseText ;
}
}
request . send ( null );
}
}
1 Introduction
2 Le langage HTML
3 Le langage CSS
4 Bootstrap
5 Le langage Javascript
6 JQuery
7 Les formulaires
8 Le langage PHP
C'est quoi ?
Utilisation de jquery
Recherche
Remarque
Collection
Parcours
Each
l'attribut src de la balise img dont l'id est mini est modié
il est possible d'en modier plusieurs à l'aide d'un unique appel
$( ' img # mini ' ). attr ({ ' src ': ' img / img_small . jpg ', ' width ': ' 100 px ' });
Attribut
la classe est retirée à tous les éléments de type p et par conséquent, le style
qui y était rattaché
CSS
tous les paragraphes passent en rouge avec des caractères de taille 20pt
E. Ramat (ULCO-LISIC) Web 20 avril 2015 161 / 209
Manipulation
Création de balises
une div est créée, sa classe est row et elle est rattachée à un élément dont l'id
est main
On peut spécier une fonction qui sera exécutée lors du chargement d'une page
$( document ). ready ( function () {
alert ( ' Hello world ! ');
});
Clic
Evénements multiples
Fonctions nommées
La réponse à un événement peut être dénie dans une fonction non anonyme
var my_function = function ( event ) {
console . log ( ' clicked ! ');
};
Pour tout événement, un paramètre peut être passé ; il contient les informations
liés à l'événement.
1 Introduction
2 Le langage HTML
3 Le langage CSS
4 Bootstrap
5 Le langage Javascript
6 JQuery
7 Les formulaires
8 Le langage PHP
Dénition
Un formulaire est :
un élément composé de zones de saisie et de boutons
objectif : envoyer des informations au serveur Web
côté serveur : lancer un traitement, stocker des informations, . . .
Un exemple simple
Exemple multilignes
Exemple
< input name =" language " value =" html " type =" radio " checked / > HTML
< input name =" language " value =" js " type = " radio " / > JavaScript
< input name =" language " value =" php " type =" radio " / > PHP
Exemple
< input name =" language " value =" html " type =" checkbox " checked / > HTML
< input name =" language " value =" js " type = " checkbox " / > JavaScript
< input name =" language " value =" php " type =" checkbox " / > PHP
Multiple
Exemple
< input name =" id " value =" 534 " / >
Soumission
La méthode GET
La méthode POST
les données d'un formulaire ont en général besoin d'être validé avant l'envoi
au serveur
par exemple, vérier qu'une adresse mail est correctement dénie
la validation peut se faire aussi du côté serveur
côté client, deux possibilités :
I en Javascript
I en HTML5
En HTML5
Trois attributs :
required : indique que le champ est obligatoire
pattern : une expression régulière pour vérier que la valeur saisie possède le
bon format
placeholder : une indication de ce que l'on attend dans une info bulle
En Javascript
Deux possibilités :
ajout de l'attribut onsubmit dans la balise form
I avant l'envoi du formulaire, un évément submit est généré
I la fonction Javascript doit se terminer par un return true ; ou return false ; an
d'indiquer si le formulaire est correctement rempli
En jQuery
function check_phone ()
{
var value = $( '# phone_number '). val ();
1 Introduction
2 Le langage HTML
3 Le langage CSS
4 Bootstrap
5 Le langage Javascript
6 JQuery
7 Les formulaires
8 Le langage PHP
historique et caractéristiques
les types
les variables et les constantes
entrée-sortie
les opérateurs et les structures de contrôle
les fonctions
les bases de données
Les références
créé par Rasmus Lerdorf pour créér dynamiquement des home pages et
traiter des formulaires
première release 1.0 en 1995 et la deuxième (2.0) en 1996
PHP devient ensuite un langage de traitement pour les documents
hypertextes
analyseur réécrit par Andi Gutmans et Zeev Suraski : Zend engine
version 3.0 en 1998, version 4.4 en 2005
en 2004, changement de modèles de développement : modèle objet avec la
version 5
puis en 2009, version 5.3, en 2011, version 5.4, en 2013 version 5.5 et
nalement la version 5.6 en 2014
Quelques références
Caractéristiques
Autres utilisations
La balise PHP
Fichiers PHP
Syntaxe de base
Inclusion de code
il est possible d'inclure un autre chier (html ou php) dans un chier php
include :
I inclusion du chier → un warning apparaît si le chier à inclure n'est pas
trouvé
I utilisé pour l'inclusion de chiers HTML
I permet la réutilisation de chiers html pour plusieurs pages (par exemple une
entête de page ou un pied de page)
require :
I inclusion du chier et erreur fatale si le chier n'est pas trouvé
I utilisé pour inclure des chiers de dénition de fonctions php utilisées dans le
script
Littéraux
Identiants
le nom d'une variable commence par le symbole $ et est suivi par une lettre
ou un underscore puis des lettres, des chires et l'underscore
exemples : $str, $_name, $an_instance
les noms de fonction suivent la même logique mais sans le $ devant
rappel : le php est case sensitive
Les types
Entiers
Réels
valeur comprise entre 1.7e − 308 et 1.7e + 308 (comme le type double du
langage C)
deux formats :
I usuel (avec une virgule) : 1.3, −0.7
I scientique : 1.3e −7
la représentation d'un réel est une approximation !
→ 0.1 + 0.1 + 0.1 + 0.1 + 0.1 + 0.1 + 0.1 + 0.1 + 0.1 + 0.1 6= 1
Caractères d'échappement
comme en C : \ n \ r \ t \ \\ "
\ $ pour le distinguer du marqueur de début de nom de variable
et aussi : \ { \ } \
\
Booléens
Test
Les tableaux
Création
I associatif :
$dic = array ( " Hello " => " Bonjour " , " world !" => " le monde ! " );
Count
Les variables
Les constantes
les constantes sont identiques aux variables mais elles peuvent être aectées
qu'une seule fois
PHP crée automatiquement certaines constantes (PHP_VERSION, par
exemple)
on peut créer manuellement des constantes grâce à la fonction dene
define (" BONJOUR " , " Hello , World ! " );
echo BONJOUR ;
Entrée-sortie
trois fonctions permettent de générer du texte pour la page web : echo, print
et printf
echo est plus un opérateur qu'une fonction
echo prend n'importe quel nombre de paramètres, séparés par des virgules ;
chaque paramètre est converti en chaîne de caractères
echo " Premiere chaine " , 2 , 3.0 , " derniere chaine ";
la fonction print est identique qu'echo sauf qu'elle nécessite des paranthèses
et qu'elle admets qu'une seule chaîne de caractères en paramètre
printf est similaire à la fonction du C ; le premier paramètre est une chaîne de
formatage
printf ( ' %02 d /%02 d /%04 d ' , $month , $day , $year );
Opérateurs arithmétiques
Logique et relationnel
Chaîne de caractères
concaténation : .
$a = " Hello "; $a = $a . " world !";
Aectation
simple : =
arithmétique : += -= *= /= %=
logique : &= = |=
chaîne de caractères (concaténation) : . =
for
for ( $i = 0; $i < $n ; ++ $i ) {
}
if/else
if ( $a > $b ) {
} elseif ( $a < $b ) { for
} else {
} $i = 0;
while ( $i < $n ) {
...
++ $i ;
}
foreach
Fonction
peut ne pas avoir de paramètres (exemple : function foo() ... ) ; son appel se
fera aussi sans paramètre (foo())
les paramètres, comme les variables, ne sont pas typés
toute fonction doit être préalablement dénie avant d'être utilisées
si une fonction doit retourner une valeur alors la dernière instruction de la
fonction sera return
Remarque
si le champ est de type multiple pour les checkbox ou les select alors l'entrée
est un tableau
le nom associé au champ doit comporte des crochets
< select name = " languages [] " multiple >
< option value =" html " > HTML </ option >
< option value =" js " > JavaScript </ option >
< option value =" php " > PHP </ option >
</ select >
Un exemple
$db = new PDO (" mysql : host = localhost ; dbname = boutique " , " toto " , " password_toto " );
$db -> query (" UPDATE product SET id =4 WHERE name =' odroid c3 '" );
php.ini
Un exemple
print_r
sqlite
Un exemple
Auteur
Licence
Permission is granted to copy, distribute and/or modify this document under the
terms of the GNU Free Documentation License, Version 1.2 or any later version
published by the Free Software Foundation ; with no Invariant Sections, no
Front-Cover Texts, and no Back-Cover Texts. A copy of the license is included in
the section entitled "GNU Free Documentation License".