1. Livres et vidéos
  2. WebApp - Développez votre application responsive avec jQuery, CSS et PHP

WebApp Développez votre application responsive avec jQuery, CSS et PHP

  • Accès illimité 24h/24, 7J/7
  • Tous les livres en ligne, les vidéos et les cours enregistrés ENI
  • Plus de 10 nouveautés livres et vidéos chaque mois
  • Les nouveautés disponibles le jour de leur sortie
  • Accès 100% en ligne
  • En stock
  • Expédié en 24h00
  • Livraison à partir de 0,01 €
  • Version en ligne offerte
  • 1 h d'accès gratuit à tous nos livres et vidéos pour chaque commande
  • Accessible immédiatement
  • Version HTML
  • Accès illimité 24h/24, 7J/7

Présentation

Ce livre s'adresse aux développeurs qui souhaitent concevoir des WebApps, ces applications web légères, intégrant des fonctionnalités proches de celles des applications natives, qui fonctionnent directement via un navigateur internet sans qu'il soit nécessaire de les installer sur un ordinateur ou un téléphone. L'objectif de ce livre est de proposer une approche complète pour maîtriser, aussi bien côté client que côté serveur, la création d'une WebApp responsive à l'aide des langages JavaScript/jQuery, HTML/CSS et PHP et de bases de données MySQL/MariaDB.

Au fil des chapitres, le lecteur découvre ainsi les grandes étapes du développement, illustrées par de nombreux exemples :

- Les principes d'une WebApp à travers l'utilisation du protocole HTTP, la communication Ajax et la structure du document HTML ;
- L'utilisation des styles pour la mise en forme du texte ou la création de titres dynamiques et d'animations ;
- La mise en page d'une page au moyen des grilles et le positionnement des blocs ;
- L'utilisation de JavaScript pour gérer des tableaux, des objets ou des dates ;
- L'utilisation de jQuery pour gérer les sélecteurs, les évènements et manipuler le DOM ;
- La mise en place de formulaires mettant en oeuvre l'envoi de fichier Ajax, la validation des données avec des expressions régulières ou encore l'accès en lecture et écriture à la base de données ;
- L'utilisation de services web ;
- Le stockage de données locales et l'utilisation de bases de données locales ;
- L'affichage adaptatif pour les différents types de supports.

Pour finir, l'auteur propose au lecteur un chapitre qui présente par la pratique l'installation d'une WebApp sur terminal mobile.



Quizinclus dans
la version en ligne !
  • Testez vos connaissances à l'issue de chaque chapitre
  • Validez vos acquis

Table des matières

  • Principes d'une WebApp
    • 1. Présentation
      • 1.1 Qu'est-ce qu'une WebApp ?
      • 1.2 Les avantages et les inconvénients
      • 1.3 Le responsive design
    • 2. Les bases
      • 2.1 Retour aux sources
      • 2.2 Une nouvelle étape
      • 2.3 De nouvelles possibilités
    • 3. Le développement d'une WebApp
      • 3.1 L'approche full stack
      • 3.2 Le découpage en couches
      • 3.3 Les traitements côté client et les traitements côté serveur
      • 3.4 Les frameworks et les librairies
      • 3.5 HTTP
    • 4. La structure de l'application
      • 4.1 L'arborescence des fichiers
      • 4.2 La structure monotithique
      • 4.3 Les sous-domaines
      • 4.4 La gestion des accès
  • Les bases de l'application
    • 1. La page d'accueil
      • 1.1 Un simple document HTML
      • 1.2 La définition du type de document
      • 1.3 Les balises meta
      • 1.4 La balise link
      • 1.5 Les CSS
      • 1.6 Les scripts
      • 1.7 Les codes d'échappement
    • 2. La communication client-serveur
      • 2.1 Les commandes HTTP
      • 2.2 Les cookies
    • 3. Le paramétrage du serveur
      • 3.1 Le fichier .htaccess
      • 3.2 Les sous-domaines
  • L'importance du style
    • 1. Une transition nécessaire
      • 1.1 Le HTML sans le style
      • 1.2 Création d'une feuille de style
      • 1.3 L'intégration des styles
      • 1.4 Le HTML avec les CSS
    • 2. Généralités sur les CSS
      • 2.1 Les unités
      • 2.2 Le modèle de boîte
      • 2.3 Les quatre côtés
    • 3. La généralisation du div
      • 3.1 Le placement
      • 3.2 Cibler un style
      • 3.3 Les identifiants
      • 3.4 Les classes
    • 4. Tout en div
      • 4.1 Transition en douceur
      • 4.2 Les pseudo-classes
  • La structure du document
    • 1. Le découpage en blocs
      • 1.1 Le bloc de données
      • 1.2 De multiples blocs
      • 1.3 Le positionnement des blocs
    • 2. Les autres tags de mise en page
      • 2.1 Le paragraphe
      • 2.2 Les en-têtes
      • 2.3 La zone de texte
      • 2.4 Les listes
    • 3. Les grilles d'affichage
      • 3.1 La controverse
      • 3.2 Les tables
      • 3.3 CSS flexbox
      • 3.4 La grille CSS
      • 3.5 La répartition des colonnes
      • 3.6 Le placement par ligne et colonne
      • 3.7 Le placement sur grille
  • JavaScript orienté WebApp
    • 1. Les variables
      • 1.1 Quelques précisions
      • 1.2 La déclaration implicite
      • 1.3 var
      • 1.4 let
    • 2. Les structures de données
      • 2.1 Les tableaux
      • 2.2 Les objets
      • 2.3 Combinaisons de tableaux et d'objets
      • 2.4 L'objet Map
      • 2.5 L'opérateur delete
    • 3. Les boucles for
      • 3.1 Le for et les tableaux
      • 3.2 for in
      • 3.3 for of
      • 3.4 forEach
      • 3.5 Fonction anonyme
    • 4. La gestion du temps
      • 4.1 Le parent pauvre
      • 4.2 Le formatage de la date
  • Un éditeur de texte
    • 1. Quelques outils
      • 1.1 Du textarea vers le contenteditable
      • 1.2 execCommand
      • 1.3 Les icônes
      • 1.4 La barre d'outils
    • 2. Le programme
      • 2.1 Les initialisations
      • 2.2 Les événements de la zone de texte
      • 2.3 Les événements de la barre d'outils
      • 2.4 L'éditeur en action
  • De JavaScript à jQuery
    • 1. Une transition nécessaire
      • 1.1 Un choix de raison
      • 1.2 Quelques bases
      • 1.3 La gestion des événements
      • 1.4 La manipulation des classes
      • 1.5 Les opérations groupées
      • 1.6 La manipulation du DOM
    • 2. Un sélecteur de couleurs
      • 2.1 Étude comparative
      • 2.2 Version JavaScript
      • 2.3 Version jQuery
  • Le modèle objet de document
    • 1. Le DOM
      • 1.1 L'arborescence
      • 1.2 Les éléments additionnels
      • 1.3 La hiérarchie des éléments
    • 2. La manipulation
      • 2.1 L'insertion
      • 2.2 La suppression et le remplacement
      • 2.3 Les opérations multiples
    • 3. Visibilité et positionnement
      • 3.1 Le choix de la visibilité
      • 3.2 Le positionnement
      • 3.3 La troisième dimension
    • 4. Un outil de test
      • 4.1 Les styles
      • 4.2 Le code HTML
      • 4.3 Le script
      • 4.4 Les boutons de contrôle
      • 4.5 Les boutons de positionnement
      • 4.6 Le déplacement du panneau
      • 4.7 Les tests
  • Plus loin dans les styles
    • 1. Les CSS approfondis
      • 1.1 Les polices additionnelles
      • 1.2 Les blocs arrondis
      • 1.3 Les filtres
      • 1.4 Un générateur automatique d'effets
      • 1.5 les transformations
      • 1.6 Le point de référence
      • 1.7 Créer un titre
    • 2. Les animations
      • 2.1 La roue qui tourne
      • 2.2 Quelques variations
      • 2.3 Des points qui tournent
    • 3. Un menu horizontal
      • 3.1 Les styles
      • 3.2 Le menu
      • 3.3 La fonction principale
  • Le taquin
    • 1. Un petit jeu
      • 1.1 Présentation
      • 1.2 La feuille de style
    • 2. Le script
      • 2.1 L’initialisation
      • 2.2 Les événements
      • 2.3 La fonction principale
  • Les formulaires
    • 1. Une application interactive
      • 1.1 Les formulaires HTML
      • 1.2 Les éléments input
      • 1.3 Les champs select
      • 1.4 Les zones de texte
      • 1.5 Les attributs
    • 2. L'utilisation
      • 2.1 L’accès aux éléments input
      • 2.2 L’accès aux cases et aux boutons
      • 2.3 L'affichage
      • 2.4 Les formulaires jQueryUI
      • 2.5 L'envoi de fichiers
    • 3. La validation des formulaires
      • 3.1 Pour l'ergonomie et pour la sécurité
      • 3.2 Des contrôles simples
      • 3.3 Les expressions rationnelles ou régulières
      • 3.4 Les autres contrôles
      • 3.5 Le contrôle par le service web
  • Le service web
    • 1. Les formats de données
      • 1.1 Présentation
      • 1.2 XML
      • 1.3 JSON
      • 1.4 La conversion
    • 2. La communication client-serveur
      • 2.1 AJAX
      • 2.2 jQuery
      • 2.3 Le service web
    • 3. Les services web publics
      • 3.1 Un lecteur d'actualités
      • 3.2 Les deux fonctions
      • 3.3 Le service web PHP
  • Le serveur web
    • 1. Le côté serveur
      • 1.1 Les choix
      • 1.2 La base de données
      • 1.3 Le code PHP
      • 1.4 Les bases du SQL
      • 1.5 Retour au webservice
    • 2. Le côté client
      • 2.1 Un formulaire
      • 2.2 L'écriture en base
  • Des formulaires interactifs
    • 1. Une classe dédiée
      • 1.1 La création
      • 1.2 La méthode get
      • 1.3 La méthode set
      • 1.4 Une mise en œuvre
    • 2. Un générateur de titre
      • 2.1 Un outil utile
      • 2.2 Les styles
      • 2.3 Le formulaire
      • 2.4 La police d’écriture
      • 2.5 Ombrage et déformation
      • 2.6 La couleur de fond
      • 2.7 La mise en forme
      • 2.8 Le calcul des alignements
      • 2.9 Les transformations
      • 2.10 La couleur
      • 2.11 L’export du code
  • Les données locales
    • 1. Un stockage simple
      • 1.1 Le stockage local
      • 1.2 Les fonctions
    • 2. Une base de données locales
      • 2.1 indexedDB
      • 2.2 Le fonctionnement asynchrone
      • 2.3 Lecture des données
      • 2.4 Écriture et modification des données
      • 2.5 La classe
    • 3. Un panier d'achats
      • 3.1 Un exemple pratique
      • 3.2 Le code
      • 3.3 L’initialisation du programme
      • 3.4 L’affichage du panier
      • 3.5 Les gestionnaires d’événements
      • 3.6 Le calcul du total
  • L'affichage adaptatif
    • 1. La mise en page
      • 1.1 Le responsive design
      • 1.2 Les découpages réguliers
      • 1.3 Les découpages irréguliers
      • 1.4 Les découpages sur plusieurs niveaux
      • 1.5 Les pixels
      • 1.6 Les points de rupture
    • 2. Le retour du menu
      • 2.1 Une étape intermédiaire
      • 2.2 Des règles distinctes
      • 2.3 L'initialisation du menu
      • 2.4 Les gestionnaires d'événements
      • 2.5 Les derniers réglages
    • 3. La préparation de la mise en page
      • 3.1 Le découpage
      • 3.2 Les media queries
      • 3.3 La mise en page JavaScript
      • 3.4 L'impression
    • 4. La mise en page hiérarchisée
      • 4.1 Les styles
      • 4.2 Les règles média
      • 4.3 L’impression
      • 4.4 Le contenu
      • 4.5 La mise en page dynamique
      • 4.6 Le rendu final
  • Une WebApp complète
    • 1. La structure d'une WebApp
      • 1.1 Le code HTML
      • 1.2 La feuille de style
      • 1.3 Le code JavaScript
    • 2. Un exemple utile
      • 2.1 Création d'un compte utilisateur
      • 2.2 La première étape
      • 2.3 L’affichage en grille
      • 2.4 L’envoi du formulaire
      • 2.5 Envoi d'un mail de confirmation
      • 2.6 Le mot de passe
      • 2.7 Déconnexion
      • 2.8 Connexion
      • 2.9 L'affichage des erreurs
    • 3. La finalisation
      • 3.1 Contrôler la sélection de texte
      • 3.2 Éviter la fermeture de l'application
      • 3.3 La publication de l'application
      • 3.4 Installation
      • 3.5 Pour conclure
    • Index

Auteur

Pascal BARLIEREn savoir plus

Pascal Barlier s'est toujours passionné pour l'informatique et la programmation. Cette passion le conduit à débuter sa carrière professionnelle en tant que rédacteur en chef d'un magazine d'informatique et à poursuivre dans ce domaine. Suivant l'évolution d'Internet et l'arrivée de nouvelles technologies, il développe au fil des années des sites web interactifs, et plus particulièrement aujourd'hui la création de WebApp. Utilisateur de Linux depuis les années 2000, il développe également sur son temps de loisirs des projets autour d'Arduino. Il partage volontiers toute son expérience à travers les pages de ses livres.

Caractéristiques

  • Niveau Initié à Confirmé
  • Nombre de pages 505 pages
  • Parution mars 2020
    • Livre (broché) - 17 x 21 cm
    • ISBN : 978-2-409-02425-2
    • EAN : 9782409024252
    • Ref. ENI : RIWAPP
  • Niveau Initié à Confirmé
  • Parution mars 2020
    • HTML
    • ISBN : 978-2-409-02426-9
    • EAN : 9782409024269
    • Ref. ENI : LNRIWAPP

Téléchargements

En complétant ce formulaire, vous acceptez d'être contacté afin de recevoir des informations sur nos produits et services ainsi que nos communications marketing. Vous aurez la possibilité de vous désabonner de nos communications à tout moment. Pour plus d'informations sur notre politique de protection des données, cliquez ici.
  • Des fichiers complémentaires (7,13 Mo)