Bloc 4 Web dynamique : Javascript, PHP

ARS

1. Introduction à HTML 5
> Base et structure d'une page web : le HTML
> HTML : éléments de base du HTML
> HTML : mise en forme et structures
avancées
2. Déploiement d'un site web
3. Interactions et gestion dynamique dans
une page web
4. Frameworks de développement et outils de
gestion de contenu
1
4. Technologies Web
 Bloc 4
ARS
Site Web dynamique

● Gérer des interactions avec

l’utilisateur
> contrôles de données, actions
contextuelles, ...
Serveur Web

Réseau

● Socle de Web dynamique requis

> Javascript, PHP, Symfony, Django, …
> Serveur Web compatible (ex : PHP +
Apache)
Base de données

> Système de base de données le cas

échéant (ex : PHP + MySQL + Apache)

4. Technologies Web 2
 Bloc 4
ARS Javascript

Langage de script pour manipuler dynamiquement les éléments

d’une page HTML

• Code défini via la balise <script></script>

• Exécuté par le navigateur (i.e. côté client)

4. Technologies Web 3
 Bloc 4
ARS Intérêts du Javascript dans une page Web

Manipuler programmatiquement les éléments d’une page Web

• Interactivité avec l’utilisateur

> Ex : valider les champs d’un formulaire
• Chargement de contenu contextualisé, asynchronicité
> Prendre en compte des spécificités côté client (ex :
type/version du nagivateur, localisation…)
> Chargement de contenu en arrière plan pour accélérer
le chargement initial d’une page Web

4. Technologies Web 4
 Bloc 4
ARS Exemple de page Web avec du Javascript

4. Technologies Web 5
 Bloc 4
ARS Apprendre du Javascript

Langage standardisé (ECMAScript)

• Site de référence (dernière version en 2018)

> https://262.ecma-international.org/
• Frameworks tiers pour de la manipulation avancée
> jQuery (https://jquery.com/), Vue.js (https://vuejs.org/),
React (https://reactjs.org/), Angular (https://angular.io/ )
• Ressources documentaires
> MDN Web Docs, W3Schools

4. Technologies Web 6
 Bloc 4
ARS PHP

Langage de script pour le développement d’applications Web

• Script exécuté côté serveur (le client reçoit du HTML)

4. Technologies Web 7
 Bloc 4
ARS Intérêts du PHP

Créer des applications Web dynamiques qui traitent et génèrent des

des données côté serveur

• Code stocké et exécuté par le serveur

> Le client n’a pas accès au code, il reçoit du code HTML
> Accès et manipulation de bases de données
> Gestion des interactions et des requêtes envoyées par
des clients (ex : via des formulaires)
> Manipulation de ressources systèmes (ex : fichiers)

4. Technologies Web 8
 Bloc 4
ARS Cas pratique : gestion de formulaire avec PHP

4. Technologies Web 9
 Bloc 4
ARS
Architecture d’un serveur de pages PHP

● Un serveur Web 21.9

> Ex : Apache HTTP Server

● Un interpréteur PHP
> Ex : modudle PHP (mod_php) pour
Serveur Web Apache HTTP Server
+ Interpréteur PHP
Résea
● Lorsqu’une page PHP est demandée,
u
le serveur Web s’appuie sur
l’interpréteur PHP pour produire le
Fichiers PHP
code HMTL qu’il envoie au client

4. Technologies Web 10
 Bloc 4
ARS Liens utiles

Ressources communautaires PHP

• https://www.php.net/manual

4. Technologies Web 11