Blog ENI : Toute la veille numérique !
💥 Un livre PAPIER acheté
= La version EN LIGNE offerte pendant 1 an !
Accès illimité 24h/24 à tous nos livres & vidéos ! 
Découvrez la Bibliothèque Numérique ENI. Cliquez ici
  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

Informations

Livraison possible dès le 15 octobre 2024
  • Livraison à partir de 0,01 €
  • Version en ligne offerte pendant 1 an
Livres rédigés par des auteurs francophones et imprimés à Nantes

Caractéristiques

  • Livre (broché) - 17 x 21 cm
  • ISBN : 978-2-409-02425-2
  • EAN : 9782409024252
  • Ref. ENI : RIWAPP

Informations

  • Consultable en ligne immédiatement après validation du paiement et pour une durée de 10 ans.
  • Version HTML
Livres rédigés par des auteurs francophones et imprimés à Nantes

Caractéristiques

  • HTML
  • ISBN : 978-2-409-02426-9
  • EAN : 9782409024269
  • Ref. ENI : LNRIWAPP
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...
Consulter des extraits du livre en ligne Aperçu du livre papier
  • Niveau Initié à Confirmé
  • Nombre de pages 505 pages
  • Parution mars 2020
  • Niveau Initié à Confirmé
  • Parution mars 2020
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

Téléchargements

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

Pascal BARLIER

Actuellement chargé de concevoir des automatismes industriels et des webapp dans l’exercice de son métier, 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 s'oriente vers le développement d'applications web fullstack. 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.
En savoir plus

Découvrir tous ses livres

  • Arduino Faites-le jouer au train (2e édition)

Nos nouveautés

voir plus