HTML5 et PHP 5 - Développez des applications web performantes Exploitez les dernières nouveautés des langages

Transcription

1 Avant-propos 1. HTML PHP Démarche de cet ouvrage Pré-requis Compatibilité des navigateurs 14 Les apports d'html5 1. Introduction Améliorer la structure de son contenu Éléments structurant une page Menu de navigation : l'élément <nav> En-tête de page : l'élément <header> Pied de page : l'élément <footer> Contenu de la page : l'élément <main> Structure globale d'une page Éléments structurant le contenu Élément <aside> Élément <article> Élément <section> Éléments <details> et <summary> Intégrer une dimension sémantique à son site web Introduction au web sémantique Apporter une signification temporelle : l'élément <time> 29 1/9

2 3.3 Microdonnées Écriture d'une microdonnée Héritage de microdonnées Types de données Exemple de microdonnée Microdata DOM API Microformats Apporter une signification géographique : la classe geo Apporter une signification évènementielle : la classe vevent Donner un sens personnel : la classe vcard Exemples d'autres microformats simples Exemples d'autres microformats composés Microformats ou microdonnées? Librairies PHP Intégrer facilement des ressources multimédias Codecs supportés Balise <audio> Balise <video> Intégration des sous-titres grâce à la balise <track> Intégration des ressources streamées Capture du son et de l'image de l'utilisateur grâce à la fonction getusermedia Dessins avec l'api Canvas Dessin de formes : les chemins Écriture de texte Méthodes de transformation Dessins avec l'api SVG Intégration d une image SVG Dessin de formes géométriques de base Dessin d un chemin : balise <path> Commandes de transformation Éditeurs d'images SVG Choisir entre Canvas et SVG Rendre son site web plus accessible 81 2/9

3 5.1 Introduction à l'accessibilité WAI-ARIA Définition de la nature d'un élément Définition de l'état et des propriétés d'un élément Zones de mise à jour : l'attribut aria-live Rendre ses formulaires plus efficients Nouveaux champs de formulaire Champ meter Champ progress Champ datalist Champ output Nouveaux types d'input Type date Type time Types datetime et datetime-local Types week et month Type range Type number Type tel Type Type url Type color Aide à la saisie Attribut placeholder Attribut autocomplete Attribut autofocus Contrôle des données Attribut required Attribut pattern Attributs min et max Attribut novalidate Attribut formnovalidate API de contrainte de validation Méthodes de l'api de contrainte de validation Attributs de l'api de contrainte de validation 116 3/9

4 6.6 Personnalisation de la présentation de ses formulaires Attributs d'aide à la saisie Correction automatique : l'attribut spellcheck Rendre éditable une zone de texte : l'attribut contenteditable Exemple Améliorer les interactions avec le navigateur Géolocalisation Détermination de la position de l'utilisateur Suivi de l'utilisateur Stockage des données en local (local storage) Affichage d un élément en mode plein écran : l'api fullscreen Autres API Éléments obsolètes en HTML Balises obsolètes Attributs obsolètes 135 Le langage PHP avancé 1. Présentation : les nouvelles fonctionnalités apportées depuis PHP Programmation orientée objet en PHP Bases de la POO Définition et utilisation des objets Constantes de classe Accesseurs Hydratation d'objets Attributs et méthodes statiques Héritage Interfaces Limitation de la duplication de code en utilisant les traits Construction et utilisation d un trait Utilisation d un trait dans un trait 161 4/9

5 2.2.3 Utilisation de plusieurs traits Priorités et conflits Inspection d objets grâce à la réflexion de classe Isolation des objets dans des espaces de noms Déclaration Appel Pour aller plus loin en POO Parcours d un objet Duplication d un objet Comparaison des objets Sérialisation d un objet Nom de classe variable Autochargement de classes Accès aux données et manipulation Accès et gestion de données MySQL : la classe PDO Connexion à une source de données Validation des transactions Construction et exécution de requêtes Gestion des résultats Gestion des erreurs Extension de la classe PDO Accès aux données externes en utilisant les services web (Webservices) Modèle REST Modèle SOAP Manipulation des chaînes grâce aux expressions régulières Bibliothèque PCRE Pattern Exemples de méthodes employant les expressions régulières Lecture et écriture des données au format JSON Gestion simple du contenu XML avec SimpleXML Lecture de données XML Objet SimpleXMLElement Pour aller plus loin 208 5/9

6 4. Design patterns Design patterns incontournables Singleton Observer Iterator Factory D'autres design patterns Chaîne de responsabilité Proxy Bonnes pratiques en PHP Application de règles d'écriture définies Typage des paramètres (type hinting) Optimisation de son code Application de la méthode SOLID S : principe de responsabilité unique O : principe ouvert/fermé L : principe de substitution de Liskov I : principe de ségrégation des interfaces D : principe d'inversion de dépendance 228 Du serveur au navigateur : interactions 1. Introduction : le flux de sortie Tampon de sortie utilisateur Tampon PHP (output buffering) Tampon SAPI Exemple concret Envoi implicite de données En-têtes HTTP Envoi d'un en-tête HTTP En-têtes courants 242 6/9

7 2.2.1 Rediriger l'utilisateur : en-tête Location Préciser le type de contenu : en-tête Content-type Forcer le téléchargement d'un fichier : en-tête Content-Disposition Autres exemples Lecture des en-têtes Échanges asynchrones de données avec AJAX Objet XMLHttpRequest Déroulement d'une requête AJAX Requête AJAX avec jquery Exemple : mise à jour de champs en direct avec contenteditable et AJAX Exemple de commande avec interrogation du stock en direct Échanges de données en temps réel avec WebSockets Implémentation du client Implémentation d'un serveur WebSocket en PHP Principe général Processus d'écoute et d'échange avec les clients Exemple : étude de la classe phpwebsocket API Server-Sent Events (SSE) SSE côté client SSE côté serveur En-tête de messages Format des messages Exemple simple Exemple : chat en SSE Mode déconnecté Principe de fonctionnement Fichier manifest Objet applicationcache Exemple d'application déconnectée Application Manifeste de l'application 288 7/9

8 6.4.3 Mise en cache par le navigateur 289 Concevoir un site web HTML5/PHP 1. Présentation : structurer son application web Adopter un schéma MVC Pourquoi mettre en œuvre le DP MVC? Principes Premier exemple Modèle Active Record Couple DTO-DAO Abstraction des DTO et DAO ORM (Object-Relational Mapping) Vue Objet Vue Template Contrôleur Fonctionnement du contrôleur Dispatcher Écriture des URL Gérer les utilisateurs Stockage des utilisateurs Identification des utilisateurs Gestion des droits utilisateur Urbaniser la gestion des formulaires Construction du formulaire Validation des saisies utilisateur Routage au sein du contrôleur Conclusion 342 8/9

9 5. Gérer les erreurs Afficher les erreurs Prendre soi-même en charge les erreurs Provoquer soi-même une erreur Gérer les exceptions Protection d un bloc Classe Exception Lever une exception Personnalisation du gestionnaire d exceptions Exception ou erreur? Exemple d un gestionnaire d erreurs complet Assurer la sécurité d'une application Sécuriser ses formulaires Se méfier des données utilisateur Se méfier des robots Se prémunir des injections SQL Se prémunir des injections d upload Se prémunir des attaques XSS Se prémunir des attaques CSRF Saler ses mots de passe Appliquer quelques règles de bon sens 378 9/9