Cours Web 2.0

Web 2.
0
Rappels historiques
C’est au CERN (Organisation européenne pour la

recherche nucléaire) qu’est né le World Wide Web.
Sir Tim Berners-Lee, informaticien a eu l’idée échanger

et partager de l’information avec ses collaborateurs en
mars 1989
Rappels historiques
En 1990 système hypertexte partagé sur le réseau informatique est

mis au point :
logiciel, « Enquire » pour naviguer
le protocole HTTP (Hyper Text Tranfer Protocol), ainsi que le

langage HTML (HyperText Markup Language)
Pourquoi leWeb 2.0
Web 1.0 c’était plutôt contenu statique.
Web 2.0 c’est:
• Web comme plateforme appart.
•Interaction avec l’utilisateur. Ajax , REST et SOAP……
•Interfaces simple, réactif et légères.
•Blogs, wikis, social networking, partage de photos et de
vidéos, Flux RSS)
Web 3.0
Réinventer comment l’utilisateur interagie avec les sites
web:
IoT
Deep learning
Intelligence artificielle
Web 2.0
HTTP est le protocole de communication communément

utilisé pour transférer les ressources du Web.
HTTPS est la variante avec authentification et

chiffrement.
HTTP
Couche application.
Fondation de la communication dans WWW.
Transfert des documents HyperText.

HTTP
Port: 80 ou 8080.
Le client envoie des ‘requêtes’ vers le serveur et le

serveur lui envoie des réponses’.
Stateless: Ne retient pas d’information sur les requêtes

précédentes.
HTTP
Les méthodes de requête HTTP:
GET, POST et HEAD (spécification HTTP/1.0);
OPTIONS, PUT, DELETE, TRACE, et CONNECT

(spécification HTTP/1.1);
HTTP “Status code”
1xx (Informatif): La requête mande a été reçue, processus
continu
2xx (Réussi): La requête a été reçue, comprise et acceptée
avec succès.
3xx (Redirection): Des mesures supplémentaires doivent
être prises pour compléter la demande.
4xx (Erreur du client): La requête contient une syntaxe
incorrecte ou ne peut pas être remplie
5xx (Erreur du serveur): Le serveur n'a pas répondu à une
requête apparemment valide
HTTP “Status code”
Les plus populaires sont:
404 not found

403 forbidden
500 Internal server error
504 Gateway Timeout
Serveur HTTP
Un serveur HTTP ou daemon HTTP (HTTPd) serveur Web
est un logiciel servant des requêtes. Exemples:
Apache HTTP Server de la Apache Software Foundation.
Internet Information Services (IIS) de Microsoft .
Nginx d'Igor Sysoev ;

URI, URL & URN
Uniform Resource (Identifier, locator, Name )
https://www.ests.um5.ac.ma/lecole/presentation
Les URI sont des identificateurs, ce qui peut signifier un

nom de ressource seul ou un nom de ressource avec une
méthode pour y accéder.
URL au lieu d’URI car le terme est plus
spécifique et donc plus précis et plus
URN : Le nom de la ressource. « presentation
commun. »
URL: Un moyen de le localiser. « https://....... »

HTTPS
Hypertext Transfer Protocol Secure :
Port: 443.
Pour sécuriser la communication dans un réseau, le

protocol HTTP est crypté avec le TLS (Transport Layer
Security) ou SSL (Secure Sockets Layer).
TLS ou SSL: sont des protocoles cryptographiques conçus

pour assurer la sécurité des communications).
HTTPS
TLS:
Le protocole TLS vise principalement à assurer la

confidentialité et l’intégrité des données entre deux ou
plusieurs applications informatiques en communication.
Cryptage symétrique: La même clé pour le Crypt/Decrypt.

La connexion est privée: 1) Début de la session.
2) Handshake : Négociation de la
clé partagée et de l’algorithme a utilisé entre
le serveur et le client
HTTPS
L'identité des parties en communication peut être
authentifiée à l'aide d'une cryptographie à clé publique. Cette
authentification peut être facultative, mais est généralement
requise pour au moins une des parties (généralement le
serveur).
La connexion est fiable car chaque message transmis

comprend un contrôle d'intégrité du message utilisant un
code d'authentification de message pour empêcher toute
perte ou altération non détectée des données lors de la
transmission
HTTPS
Les algorithmes de cryptages:
Symétrique:
Rivest Cipher (RC) comme le RC4 RC5-64
CS Cipher (CSC) comme le CSC-56
Data Encryption Standard (DES)
Advanced Encryption Standard (AES)
Asymétrique:
Rivest, Shamir and Adleman (RSA)
Elliptic Curve Cryptography (ECCp)
HTTPS
Hachage:
Message Digest Algorithm (MD) comme le MD5
Secure Hash Algorithm (SHA) comme le SHA-1
Considérés sûrs:
RSA-1024 , RSA-2048, Triple-DES
ECC2p-359, ECC2K-130
SHA-2, SHA-3
AES-128, AES-256
HTTPS
Hachage:
Message Digest Algorithm (MD) comme le MD5
Secure Hash Algorithm (SHA) comme le SHA-1
Considérés sûrs:
RSA-1024 , RSA-2048, Triple-DES
ECC2p-359, ECC2K-130
SHA-2, SHA-3
AES-128, AES-256
Sécurité du Web
Manipulation de données non vérifiées.
Intégrité des données non vérifiées.
Laisser le choix aux utilisateurs (dont l'intention peut être

malveillante).
Sécurité du Web
Les sources de données non vérifiés:
De l’utilisateur: QueryString ou par le POST.
Du navigateur: Cookies ou le Header de la requête
Autre location: Services externes ou votre propre base de

données
Sécurité du Web
Type de conversion:
Integer, date, GUID…
Utiliser les expression régulières:

Email, numéro de téléphone, Nom…
Utilisation de valeurs connus:

Pays, Produits, Couleurs…
Entreprise 2.0
Visibilité de l'entreprise dans les réseaux sociaux:
Page entreprise LinkedIn
Facebook
Twitter
La réputation dans le Web.

Dangers???
Entreprise 2.0
Pourquoi Entreprise 2.0:
Optimisation des processus

Productivité
Capitalisation des savoirs-faires
Outils internes de collaboration
Entreprise 2.0
Les outils de collaboration doivent permettre
d'avoir:
une intelligence collective
une synergie
et amélioration par la proposition (Organisation
transverse)
Entreprise 2.0
Pour réussir l'Entreprise 2.0:
Conduite au changement
Se baser sur le processus , non sur la personne
L'adoption de l'Entreprise 2.0 doit permettre:

meilleur productivité
Rentabilité
Image
Innovation
Entreprise 2.0
Les types d’entreprises:
Service Industrie Agricole
Import/Export Transport/Logistique
Tourisme
Entreprise 2.0
Quelles outils pour les entreprises?
OCS Inventory NG:

permet aux utilisateurs d’inventorier les actifs
informatiques. OCS-NG collecte des informations
sur le matériel et les logiciels des machines en
réseau exécutant le programme client OCS.
Entreprise 2.0
GLPI:
C’est un ITSM pour Information Technology
System Manager.
Il permet la gestion de votre parc et de votre centre
de services. (HelpDesk, Intervention, …)
Gestion administrative et financiere des biens
informatique.
Entreprise 2.0
Maarch RM:
C’est un logiciel open source d’archivage
électronique.
Il intègre tous les aspects métiers, réglementaires et
normés de l’archivage électronique. (NF Z42-013 /
ISO 14641-1)
Entreprise 2.0
Dolibarr:
C’est ERP & CRM est un progiciel moderne et facile à
utiliser pour gérer votre entreprise. (clients, factures,
commandes, produits, stocks, agenda, e-mailings,
expéditions ...).
Entreprise 2.0
Itop:
C’est un CMDB (Configuration Management DB:
une base de données utilisée par une organisation
pour stocker des informations sur les actifs matériels
et logiciels) entièrement personnalisable, un
système d’assistance et un outil de gestion de
documents.
HTML 5
Utilisation du balisage sémantique HTML5:
<article>, <aside>, <figure>, …
Ces éléments constituent le noyau de

HTML5.
HTML 5
Element Description
<article> les zones autonomes sur une page
<aside> des zones de contenu plus petites en dehors
du flux d'une page Web
<footer> le bas d'une section ou d'une page
<header> le haut d'une section ou d'une page
<progress> la progression de la tâche
<section> le contenu distinct d'un document
HTML 5
Element Description
<figcaption> la légende d'un élément figure
<figure> un contenu autonome, comme des
illustrations, des photos
<hgroup> un groupe de heading (H1 – H6)
<mark> Définit le texte qui doit être mis en évidence
<nav> la navigation vers les autres pages du site
HTML 5
Avant:
<div id="Header"></div>
<div id=“menu"></div>
<div id="RightSide"></div>
<div id="Footer"></div>
HTML 5
HTML5:
<header></header>
<nav ></nav>
<article>
<section></section>
</article>
<footer></footer>
HTML 5
Exemple Nav , pour al navigation entre les eleemnts

d’un site web:
<nav>
<a href=“Accueil.html">Page d’accueil</a>
<a href=“A_propos.html">A propos</a>
<a href=“login.html">Authentification </a>
</nav>
HTML 5
Exemple Figure et figcaption:
<figure>
<img src=“Fruit.jpg" style="width:60px;
height:50px;"/>
<figcaption>
Figure 1: Manger les fruits et les legumes.
</figcaption>
</figure>
HTML 5
Exemple progress:
<p>Nombre d’utilisateurs:</p>
<span>0</span>
<progress value=“32" max=“200"></progress>
<span>1000</span>
HTML 5
<article>
<header>
<hgroup>
<h1>Premier article</h1>
</hgroup>
</header>
<section>
<h1>Section 1</h1>
<p>Des details</p>
<aside>Est-ce que tu sais que 60% </aside>
</section>
<section>
<h1>Section 2</h1>
</section>
</article>
HTML 5
Search Engine Optimization (SEO):
Pour votre site web , vous devez vous assurer de sa

visibilité parmi des millions d’autres site.
Les moteurs de recherche tels que Bing et Google

explorent constamment Internet, indexe des
données
HTML 5
Ca crée une relation entre votre site web et les mots

–clés des utilisateurs de Bing ou Google
Les éléments <article> et <section> sont les

principaux éléments utilisés par l'algorithme SEO.
HTML 5
L’utilisation massive des divs ne donnait pas le

contexte et ce qu'ils sont destinés à contenir.
Le balisage sémantique joue un rôle dans la qualité

de l’indexation
Les bases de Javascript
JavaScript:
Language de script
Le comportement de la page web
Utilisé coté serveur et client (Node.js)

Emplacement d’un script JavaScript:
Dans une page HTML
<head>
<script>
document.getElementById(“test").innerHTML =
“Mon premier code JavaScript";
</script>
</head>
Ou bien <body> ….
Dans un fichier .js dans le projet
<script src=“/script/MonScript.js”> </script>
MonScript
Function AjouterEtudient(){
………………….
}
Dans un fichier .js extérieur au projet
<script
src=“https://cdnjs.com/libraries/modernizr”>
</script>
Les sorties JavaScript
innerHTML
document.write()
window.alert()
console.log()
Les mots-clés JavaScript
While, do …..while, switch, for

var, function
Break, continue
If…else, try….catch
Syntaxe JavaScript
var x, y; // Declare deux variables

x = 5; y = 6; // Assigne une valeur
z = x + y; // Traitement
Trois types de variables:
String: ‘‘ Bonjour!! ’’ ou bien ‘Bonjour!!’
Number: Integer(2) , Decimal (2.4) ou bien

Hexadecimal(0xff)
Boolean: true ou false

Valeurs spéciaux:
null: référence nulle (Pas d’objet)
undefined: Variable qui n’a pas de valeur

Déclaration des variables
JavaScript est CaseSensitive.
matricule-etudient
MatriculeEtudient (CamelCase)
matriculeEtudient (camelCase)
Ne pas utiliser:
matricule-etudient
Déclaration des variables
Pour la déclaration on utilise var
Deux scopes: locale ou globale (si var n’est pas

déclaré)
var variabldeclare = 1;
document.write(variabledeclare);
document.write(“<br/>”)
variableedclare =2;
document.write(variabledeclare);
Les commentaires.
// Ceci est un commentaire
/* Ceci est un commentaire

………….
de plusieurs lignes */
Les opérateurs.
Opérateur Description
+ Addition
- Soustraction
* Multiplication
/ Division
% Modulo
++ Incrémenter
-- Décrémenter
Les opérateurs d’assignement.
Opérateur Exemple
= x=y
+= x+=y x=x+y
-= x-=y x=x-y
Les opérateurs logique.

Opérateur Exemple
&& (obj && obj. .resolve()) // test si obj n’est pas null
|| var x = y || 1; // par defaut 1, si x est undefined
String:
var nomEtudient = ‘zakaria’;
var Ville = ‘Casa’+ ‘blanca’
\ : transforme les caractères spéciaux en
caractères de chaîne
\n: nouvelle ligne
\t: tabulation
\b: Supprimer 
Si le résultat est: Les ‘‘fantômes’’ n’existent
pas
var x = ……..
Caractère d'échappement :
var x = ‘Les \‘‘fantômes\’’ n\’existent pas
Des méthodes string
Longueur:
var alph= "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var longueur= txt.length;
Recherche:
var str = “Bonjour recherche location' des strings!";
var pos = str.indexOf(“location");
Substring:
var str = “Pomme, Banane, Orange";
var res = str.substring(7, 13);
Remplacer:
str = “Les taxis Uber c’est super!";
var n = str.replace(“super", “nulle");
Concat:
var text1 = "Hello";
var text2 = "World";
var text3 = text1.concat(" ", text2);
Trim: Enlever les espaces

var str = " Bonjour! ";
alert(str.trim());
L'opérateur (ternaire)
couleur.style.backgroundColor == 'green‘
? document.write(‘Vert') :
document.write(‘Autre couleur');
Nombres
var x = 10;
var y = 20;
var z = x + y; // z est 30 (Nombre)
var x = "10";
var y = "20";
var z = x + y; // z est 1020 (a string)
Nombres
var x = 10;
var y = "20";
var z = x + y; // z est 1020 (string)
var x = 10;
var y = 20;
var z = “Le resultat est: " + x + y; 1020
Nombres
var x = 10;
var y = 20;
var z = "30";
var resultat= x + y + z; 3030
Nombres en format string
var x = "100";
var y = "10";
var z = x / y; // z est 10
String et Nombre:
Ils peuvent être déclarer comme objet
var age = new Number(26);
var age = new String(‘vingt-six’)

Egalite:
== vs ===
Exemple1: Exemple 2:
var x =30; var x =“”;
var y =“30”; alert(x == 0); //true
alert(x===0); // false
alert(x==y);
Not a Number (NaN):
un mot réservé de JavaScript indiquant qu'un

numéro n'est pas un nombre légal.
var x = 100 / “kata";
var x = NaN;
var y = 5;
var z = x + y; // z est NaN
La fonction isNaN():
isNaN(123) //false
isNaN(-1.23) //false
isNaN(5-2) //false
isNaN(0) //false
isNaN('123') //false
isNaN('Hello') //true
isNaN('2005/12/12') //true
La fonction isNaN():
isNaN('') //false
isNaN(true) //false
isNaN(undefined) //true
isNaN('NaN') //true
isNaN(NaN) //true
isNaN(0 / 0) //true
Fonction:
function NomFonction(parametre1,
parametre2, parametre3) {
// Votre code
return QLQChose ou undefined
}
Fonction:
Exemple
function FonctionIterative(F, T) {
for (var i in T){
F(T[i]);
} Function LaSomme(tableau){
} Var x= 0;
FonctionIterative(function(e){x+=e;}, tableau);
return x;
}
Fonction:
Exercice: Fonction Lister les valeurs d’un
tableau dans des alert:
function FonctionIterative(F, T) {
for (var i in T){
F(T[i]);
}
}
Tables:
var fruits= [“Orange", “Kiwi", “Fraise"];
Ou bien
var fruits= new Array("Orange", “Kiwi", “Fraise");

Exemple:
<p id=“test"></p>
<script>
document.getElementById(“test").innerHTML = fruits[0];
</script>
</body>
</html>
Exemple:
var a2 =[];
a2[12]='ss';
a2[23]='vf';
document.write(a2.length);
Autre méthodes:
.sort() .reverse()
Concat , Join:
var fruits= new Array("Orange", “Kiwi", “Fraise");

Var autreFruits = new Array(“Ananas”, “Cerise”)
Fruits.concat(autreFruits)
Var stringFruits = fruits.join(‘,’)
Exemple:
fruits.pop(); // Supprime le dernier élément(“Fraise")
fruits.push(“Pomme"); // Ajoute un nouveau élément(" Pomme ")

Exemple:
<button onclick="myFunction()">Click</button>
<p id="test"></p>
<script>
var fruits = [“Orange", “Kiwi", “Fraise"];
document.getElementById("test").innerHTML = fruits;
function myFunction() {
fruits[fruits.length] = "Pomme";
document.getElementById("test").innerHTML = fruits;
}
</script>
……..
</body>
</html>
Tableau multi-dimensionnel:
var multiTable = new Array(3);

multiTable[0] = new Array(3);
[0][0] [0][1] [0][2]

[1][0] [1][1] [1][2]
[2][0] [2][1] [2][2]
Event Handler:
L’idée de relier un événement est d’indiquer au

navigateur que lorsqu’un certain événement se
produit, il devrait appeler une fonction spécifiée.
onBlur, onKeyUp
Event Handler:
<html> L'événement onload est
<head> déclenché lorsque
<script> la page entière est chargée
function FonctionHandler() {
alert(“Bonjour !!");
}
</script>
</head>
<body onload=" FonctionHandler();">
…
</body>
</html>
Event Handler:
<html>
<head>
<script> Fonction anonyme:
window.onload = FonctionHandler(); window.onload = function () {
function FonctionHandler() { //code…...
alert(“Bonjour !!"); }
}
</script>
</head>
<body >
...
</body>
</html>
Event Handler:
La méthode addEventListener() met en place une fonction à

appeler chaque fois que l'événement spécifié est remis à la cible.
Les cibles courantes sont un Element ou Window.
window.addEventListener("load", FonctionHandler);
}
Event Handler:
La méthode addEventListener() met en place une fonction à

appeler chaque fois que l'événement spécifié est remis à la cible.
Les cibles courantes sont un Element ou Window.
window.addEventListener("load", FonctionHandler);
}
window.removeEventListener(………)
Event Handler (fonction anonyme):
window.addEventListener("load", function () {
}
);
window.removeEventListener(………)
ne marche pas, puisque le Listener ne peut pas connaitre la
signature de la fonction anonyme.
Le Document Object Model (DOM) est une
représentation de la structure de votre page HTML.
avec lequel vous pouvez interagir par
programmation.
DOM est exposé comme des objets avec des
propriétés et des méthodes, vous permettant d'écrire
du code JavaScript pour interagir avec le code HTML
éléments rendus à la page.
Il faut voir le DOM comme une collection de nœuds
disposés dans un arbre.
Il est important de comprendre la hiérarchie du

DOM pour le manipulez par le biais de code.
Méthodes de sélection du DOM:
Méthode Description
getElementById Obtient un élément individuel sur la page par sa
valeur d'attribut id unique
getElementsByClassName Obtient tous les éléments auxquels la classe CSS
est appliquée
getElementsByTagName Obtient tous les éléments de la page qui ont le
nom de l'élément
querySelector Obtient le premier élément enfant qui
correspond au sélecteur CSS
querySelectorAll Obtient tous les éléments enfants qui
correspondent aux critères de sélecteur CSS
Méthodes de sélection du DOM:
var element = document.getElementById(“Id");

alert(element.innerHTML);
window.onload = function () {
var paragraphes =
document.getElementsByTagName("p");
alert(paragraphes.length);
}
Modifier DOM:
var element = document.getElementById(“div1");

alert(element.innerHTML);
document.removeChild(element);
var supprimerDiv = document.getElementById(“div1");
alert(supprimerDiv );}
Modifier DOM:
var element = document.createElement("article");

element.innerText = “Mon nouveau <article> ";
document.body.appendChild(element)
JSON:
Format pour le partage de données

Dérivée du JavaScript
Indépendant du language de programmation
Une alternative à XML
JSON:
Format pour le partage de données

Dérivée du JavaScript
Indépendant du language de programmation
Une alternative à XML
Facile à lire , facile à Parser
JSON:
{
"nom " : "khalid",
"prenom" : "yassine",
" livres" : [
"les miserables",
"Le banquet"
]
}
JSON:
{
"nom " : "khalid",
"prenom" : "yassine",
" livres" : [
"les miserables",
"Le banquet"
]
}
Validation des données:
Les expressions régulières sont un mélange de caractères
spéciaux et de caractères littéraux qui composent le
motif que quelqu'un voudrait assortir.
Symbole Description
^ Début de la chaine
$ Fin de la chaine
. Correspond à n'importe quel caractère.
[A-Z] Les lettres alphabétiques indiquent de faire correspondre
n'importe quel caractère. C'est sensible à la casse.
\d n'importe quel caractère numérique.

Exemples:
^[a-z]*\d[a-z]$ => a3w
^[a-z]*[0-9]+[a-z]$ => a6666666d

Les bases de Web
Exemples:
<input type="number" name="country“min=“2” max="5">

<input type="email" placeholder=“test@ests.co.ma"
required/>
<input type="text" value= "Seulement lire" readonly />
AJAX:
Asynchronous JavaScript And XML
Access aux serveur sans recharger la page
Ajax utilise:
Un objet XMLHttpRequest intégré au navigateur
(pour demander des données à un serveur Web)
Javascript pour afficher ou utiliser les données

Les propriétés XMLHttpRequest:
readyState : contient le status de XMLHttpRequest.
0: demande non initialisée
1: connexion au serveur établie
2: demande reçue
3: demande de traitement
4: demande terminée et la réponse est prête
onreadystatechange : Définit une fonction à appeler
lorsque la propriété readyState est modifiée
status : retourne le numéro de statut d'une requête
(200: Ok)
Les propriétés XMLHttpRequest:
responseText: Renvoie les données de réponse sous

forme de chaîne
responseXML: Renvoie les données de réponse sous

format XML
AJAX:
function showResultat(str) {
if (str.length == 0) {
document.getElementById(" txtResultat ").innerHTML = "";
return;
} else {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("txtResultat").innerHTML = this.responseText;
}
};
xmlhttp.open("GET", "getDonnees.php?q=" + str, true);
xmlhttp.send();
}
}

Cours Web 2.0

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Cours Web 2.0

Încărcat de

Drepturi de autor:

Formate disponibile

Web 2.

C’est au CERN (Organisation européenne pour la

Sir Tim Berners-Lee, informaticien a eu l’idée échanger

En 1990 système hypertexte partagé sur le réseau informatique est

logiciel, « Enquire » pour naviguer

le protocole HTTP (Hyper Text Tranfer Protocol), ainsi que le

HTTP est le protocole de communication communément

HTTPS est la variante avec authentification et

Fondation de la communication dans WWW.

Transfert des documents HyperText.

Le client envoie des ‘requêtes’ vers le serveur et le

Stateless: Ne retient pas d’information sur les requêtes

OPTIONS, PUT, DELETE, TRACE, et CONNECT

404 not found

Apache HTTP Server de la Apache Software Foundation.

Internet Information Services (IIS) de Microsoft .

Nginx d'Igor Sysoev ;

Les URI sont des identificateurs, ce qui peut signifier un

URL: Un moyen de le localiser. « https://....... »

Pour sécuriser la communication dans un réseau, le

TLS ou SSL: sont des protocoles cryptographiques conçus

Le protocole TLS vise principalement à assurer la

Cryptage symétrique: La même clé pour le Crypt/Decrypt.

La connexion est fiable car chaque message transmis

Intégrité des données non vérifiées.

Laisser le choix aux utilisateurs (dont l'intention peut être

De l’utilisateur: QueryString ou par le POST.

Du navigateur: Cookies ou le Header de la requête

Autre location: Services externes ou votre propre base de

Utiliser les expression régulières:

Utilisation de valeurs connus:

La réputation dans le Web.

Optimisation des processus

L'adoption de l'Entreprise 2.0 doit permettre:

Service Industrie Agricole

OCS Inventory NG:

<article>, <aside>, <figure>, …

Ces éléments constituent le noyau de

Exemple Nav , pour al navigation entre les eleemnts

Pour votre site web , vous devez vous assurer de sa

Les moteurs de recherche tels que Bing et Google

Ca crée une relation entre votre site web et les mots

Les éléments <article> et <section> sont les

L’utilisation massive des divs ne donnait pas le

Le balisage sémantique joue un rôle dans la qualité

Le comportement de la page web

Utilisé coté serveur et client (Node.js)

While, do …..while, switch, for

var x, y; // Declare deux variables

String: ‘‘ Bonjour!! ’’ ou bien ‘Bonjour!!’

Number: Integer(2) , Decimal (2.4) ou bien

Boolean: true ou false

null: référence nulle (Pas d’objet)

undefined: Variable qui n’a pas de valeur

Deux scopes: locale ou globale (si var n’est pas

// Ceci est un commentaire

/* Ceci est un commentaire

Les opérateurs logique.

Trim: Enlever les espaces

var age = new Number(26);

var age = new String(‘vingt-six’)

un mot réservé de JavaScript indiquant qu'un

var fruits= [“Orange", “Kiwi", “Fraise"];