Ce livre s'adresse aux développeurs qui souhaitent se lancer dans le développement de sites et d'applications web dynamiques avec PHP et JavaScript. Pour tirer pleinement profit de la lecture de ce livre, la maîtrise du langage HTML, des connaissances sur CSS ainsi que quelques connaissances sur les bases de données sont un plus.

À l'instar de la conception d'un site internet, ce livre s'articule en deux parties. Dans la première, vous posez les fondations. À l'aide de PHP, vous composez ainsi les bases des pages (avec HTML et CSS), leur contenu, le moteur et tout ce qui gravite autour de l'application comme les données, les échanges, les interactions avec l'utilisateur, les liens, les images...

Puis une fois que la structure de l'application est bien en place, vous verrez dans la seconde partie comment la rendre plus dynamique à l'aide de JavaScript pour arriver à une application esthétique et fonctionnelle. Vous découvrirez ainsi par exemple comment réaliser des effets de style, animer vos pages, gérer également l'interaction avec l'utilisateur, mais cette fois côté navigateur…

Tout au long du livre, l'auteur propose de nombreux exemples pour illustrer la plupart des fonctionnalités décrites. Il met également à disposition du lecteur à la fin du livre une série d'exercices (avec propositions de solution) pour mettre en pratique les notions étudiées.

Des éléments complémentaires sont en téléchargement sur le site www.editions-eni.fr.


Les chapitres du livre :
Avant-propos – Préparer son environnement de travail – Partie 1 - PHP : Introduction au langage PHP – Les bases du langage PHP – Les conditions – Les boucles – Les tableaux – Les tableaux multidimensionnels – Les fonctions – Les variables superglobales – Transmettre des données entre les pages – Transmettre des données via les formulaires – Les fichiers – Les objets – Les bases de données SQL – L'architecture MVC – PHP 7 – Patrie 2 - JavaScript : Apporter du dynamisme avec JavaScript – Les bases du langage JavaScript – Les expressions en JavaScript – Les fonctions JavaScript – Les objets JavaScript – Les tableaux JavaScript – Les expressions régulières – Utilisation de JavaScript sur les formulaires – Utilisation d'Ajax – Manipulation des propriétés CSS – Introduction à jQuery – Partie 3 - Exercices et corrigés : Mise en pratique

Téléchargements

• Des fichiers complémentaires (87 Ko)

Avant-propos

1. Objectif
2. À qui s'adresse ce livre et prérequis

Préparer son environnement de travail

1. Introduction
2. Sous Windows : WAMP
3. Sous Mac OS
4. Sous Linux
5. Les navigateurs
6. Utiliser un éditeur de texte ou un IDE
7. Une première page PHP

Les bases du langage PHP

1. Les balises
2. Afficher du texte
3. Les commentaires
4. Sauvegarder et tester sa page PHP
   1. 1. Sauvegarder sa page
   2. 2. Tester sa page
5. Les inclusions de page
   1. 1. Principe
   2. 2. En pratique
6. Les variables
   1. 1. Description
   2. 2. Affecter une valeur à une variable
   3. 3. Les types de données
      1. a. Le type string
      2. b. Le type integer (nombre entier)
      3. c. Le type float (nombre décimal)
      4. d. Le type booléen
      5. e. Le type NULL
   4. 4. Manipuler les variables
      1. a. Afficher le contenu d’une variable
      2. b. Concaténer les variables
      3. c. Les variables dynamiques
      4. d. Les calculs simples
7. Les constantes

Les conditions

1. Introduction
2. Quelques opérateurs de comparaison
3. Les conditions simples
   1. 1. If... else
   2. 2. Elseif
   3. 3. L’imbrication de conditions if
   4. 4. Les booléens
   5. 5. Switch
4. Les conditions multiples
5. L'opérateur ternaire

Les boucles

1. Introduction
2. La boucle for
3. La boucle while
4. La boucle do…while

Les tableaux

1. Introduction
2. Les tableaux numériques
3. Les tableaux associatifs
4. Les constantes de type tableau
5. Parcourir un tableau
   1. 1. La boucle for
   2. 2. La boucle foreach
   3. 3. La fonction print_r
   4. 4. La fonction var_dump
6. Les fonctions sur les tableaux
   1. 1. Rechercher dans un tableau
      1. a. La fonction in_array()
      2. b. La fonction array_key_exist()
      3. c. La fonction array_search()
   2. 2. Autres fonctions utiles sur les tableaux
      1. a. Ajouter une valeur dans un tableau à la find’un tableau
      2. b. Modifier une valeur dans un tableau
      3. c. Supprimer une valeur dans un tableau
      4. d. Supprimer entièrement le contenu d’un tableau
      5. e. Nombre d’éléments dans un tableau
      6. f. Trier un tableau
   3. 3. Une multitude de fonctions
7. Les tableaux multidimensionnels

Les fonctions

1. Description
2. Créer une fonction
3. Les fonctions existantes de PHP

Les variables superglobales

1. Introduction
2. Description
   1. 1. $GLOBALS
   2. 2. $_SERVER
   3. 3. $_ENV
   4. 4. $_SESSION
   5. 5. $_COOKIE
   6. 6. $_FILES
   7. 7. $_GET
   8. 8. $_POST

Transmettre des données entre les pages

1. Envoyer des paramètres via l'URL
2. Testez l'existence et le type de vos paramètres
3. $_POST

Transmettre des données via les formulaires

1. Description d'un formulaire
2. La méthode POST
3. $_POST avec les autres types d'éléments
   1. 1. Type mot de passe
   2. 2. Type Liste déroulante à choix unique
   3. 3. Type Liste déroulante à choix multiples
   4. 4. Type cases à cocher
   5. 5. Type boutons radio
   6. 6. Type champs cachés
4. Prévention des failles de sécurité

Les fichiers

1. Introduction
2. Ouverture d'un fichier
3. Fermeture d'un fichier
4. Lecture du contenu d'un fichier
   1. 1. Lecture avec fgetc()
   2. 2. Lecture avec fgets()
   3. 3. Lecture avec fread()
   4. 4. Lecture avec file_get_contents()
   5. 5. Lecture avec readfile()
   6. 6. Lecture avec file()
5. Écriture dans un fichier
   1. 1. Écriture avec fputs()
   2. 2. Écriture avec fwrite()
   3. 3. Écriture avec file_put_contents()
6. Autres fonctions utiles sur les fichiers
   1. 1. Fseek()
   2. 2. Ftell()
   3. 3. Rewind()
   4. 4. File_exists()
   5. 5. Unlink()
   6. 6. Rename()

Les objets

1. Introduction
2. Les classes
   1. 1. Déclaration d’une classe
   2. 2. Instancier une classe
   3. 3. L’encapsulation
   4. 4. La visibilité des attributs et des méthodes
   5. 5. Utilisation d’une classe
   6. 6. Passage d’une instance ou d’un objet en paramètre
   7. 7. Le constructeur
   8. 8. Le destructeur
   9. 9. Les constantes de classe
   10. 10. Les méthodes statiques
   11. 11. Les attributs statiques
   12. 12. Notion d’héritage
   13. 13. Redéfinition d’une méthode ou d’unattribut dans une classe fille
   14. 14. Les attributs protected
   15. 15. Classes ou méthodes abstraites
   16. 16. Classes ou méthodes finales
   17. 17. Les interfaces
   18. 18. Les exceptions
   19. 19. Les traits
   20. 20. Déclarer et cloner un objet

Les bases de données SQL

1. Introduction
2. Structure d'une base de données
3. PhpMyAdmin
   1. 1. Création d’une table
   2. 2. Index et clé primaire
   3. 3. Insérer des enregistrements
   4. 4. Afficher le contenu d’une table
   5. 5. Exporter les données
   6. 6. Importer des données
   7. 7. Les opérations sur les tables
   8. 8. Rechercher des données dans une table
4. PHP et le langage SQL
   1. 1. Connexion à la base de données à l’aidede PHP
   2. 2. Lire les données de la base de données
   3. 3. Les requêtes préparées
   4. 4. Écrire des données
   5. 5. Modifier des données
   6. 6. Supprimer des données

L'architecture MVC

1. Introduction
2. Les avantages de cette architecture
3. Fonctionnement MVC
4. Le routeur
5. Conclusion

PHP 7

1. Les différences avec PHP 5.x
   1. 1. L’opérateur <=>
   2. 2. L’opérateur ??
   3. 3. Mysql_query
   4. 4. Définition du type des arguments dans unefonction
   5. 5. Retour de fonction typé
   6. 6. Et bien d’autres...

Les bases du langage JavaScript

1. Introduction - Pourquoi JavaScript ?
2. JavaScript, un langage balisé
3. Un premier exemple
4. Les commentaires
5. Les inclusions de pages JS
6. Débogage du code JS
7. Point-virgule en fin d'instruction
8. Les variables
   1. 1. Les variables de chaînes
   2. 2. Les variables numériques
   3. 3. Les tableaux
   4. 4. Les tableaux multidimensionnels
9. Les opérateurs
   1. 1. Les opérateurs arithmétiques
   2. 2. Les opérateurs d’affectation
   3. 3. Les opérateurs de comparaison
   4. 4. Les opérateurs logiques
   5. 5. Les concaténations de chaînes
   6. 6. Les caractères d’échappement
10. Les types de données
11. Les fonctions
12. Les variables globales
13. Les variables locales
14. Le DOM (Document Object Model)
    1. 1. Utilisation du DOM
15. Document.write() et autres fonctionnalités

Les expressions en JavaScript

1. Introduction
2. Les expressions
3. Littéraux et variables
4. Les opérateurs relationnels
   1. 1. L’opérateur d’égalité
   2. 2. Les opérateurs de comparaison
   3. 3. Les opérateurs logiques
5. L'instruction with
6. Capter les erreurs JavaScript
   1. 1. onerror
   2. 2. try ... catch
7. Les conditions
   1. 1. L’instruction if
   2. 2. L’instruction else
   3. 3. L’instruction switch
   4. 4. L’opérateur ternaire (… ? … : …)
8. Les boucles
   1. 1. Les boucles while
   2. 2. Les boucles do ... while
   3. 3. Les boucles for
   4. 4. Sortir d’une boucle avant la fin
   5. 5. L’instruction continue

Les fonctions JavaScript

1. Introduction
2. Création d'une fonction
3. Les paramètres d'une fonction : arguments
4. Valeur de retour d'une fonction

Les objets JavaScript

1. Introduction
2. Déclarer et utiliser un objet
3. Convention et bonne pratique de nommage
4. Le mot-clé prototype

Les tableaux JavaScript

1. Introduction
2. Les tableaux numériques
   1. 1. Déclaration
   2. 2. Ajouter des éléments dans un tableau
   3. 3. Taille d’un tableau
   4. 4. Parcourir un tableau
3. Les tableaux associatifs
   1. 1. Déclaration
   2. 2. Ajouter un élément
   3. 3. Parcourir le tableau associatif
4. Manipulation des tableaux
   1. 1. La concaténation
   2. 2. Parcourir un tableau à l’aide de forEach
   3. 3. Utilisation de la méthode join
   4. 4. Ajouter ou supprimer des élémentsd’un tableau
   5. 5. La méthode reverse
   6. 6. Trier un tableau

Les expressions régulières

1. Introduction
2. La syntaxe
3. Utilisation
   1. 1. Utilisation de regex et de la méthode test()
      1. a. Tenir compte de la casse
      2. b. Plusieurs valeurs possibles : Ou
      3. c. Vérification en début de chaîne
      4. d. Vérification en fin de chaîne
      5. e. Ensemble de caractères ou classe de caractères
      6. f. Les intervalles de caractères
      7. g. L’exclusion de caractères
      8. h. Rechercher un caractère quelconque
      9. i. Les ensembles prédéfinis
      10. j. Les quantificateurs
      11. k. L’échappement et les caractèresspéciaux
   2. 2. Exemple pratique : le numéro detéléphone
   3. 3. Exemple pratique : l’adresse e-mail
   4. 4. Utilisation de l’objet RegExp

Utilisation de JavaScript sur les formulaires

1. Introduction
2. Élaboration du formulaire en PHP
3. Introduction du code JavaScript
   1. 1. Vérifier que les champs ne sont pas vides
   2. 2. Ajouter du contrôle de contenu
   3. 3. Testez vos fonctions JavaScript

Utilisation d'Ajax

1. Introduction
2. Utilisation de l'objet XMLHttpRequest
   1. 1. Instanciation
   2. 2. Description des méthodes et des propriétés
   3. 3. Envoyer une requête HTTP
   4. 4. Traitement côté serveur
   5. 5. Récupération des données
   6. 6. Une seule requête à la fois

Manipulation des propriétés CSS

1. Introduction
2. La fonction getElementById()
3. La fonction getElementByClassName()
4. La fonction setAttribute()
5. La fonction hasAttribute()
6. La fonction removeAttribute()
7. Exemple de mise en forme d'un élément du DOM
8. Accéder aux propriétés de la fenêtre
9. JavaScript en ligne
10. Les évènements que JavaScript peut capter
11. Ajouter un élément au DOM
12. Supprimer un élément du DOM
13. Alternative à la création et à la suppression d'un élément
14. Utilisation d'un timer via setTimeout
15. La fonction setInterval()
16. Simplifiez le code
    1. 1. Première simplification
    2. 2. Deuxième simplification
    3. 3. Troisième simplification

Introduction à jQuery

1. Introduction
   1. 1. Les différences entre jQuery et JavaScript
   2. 2. Comment utiliser jQuery??
   3. 3. La syntaxe jQuery
   4. 4. La documentation jQuery
2. Sélectionner des éléments
   1. 1. Relation parent enfant
   2. 2. Les enfants immédiats
   3. 3. Les éléments frères immédiatsou jumeaux
   4. 4. La sélection par les filtres
      1. a. :first
      2. b. :last
      3. c. :eq(indice)
      4. d. :gt(indice)
      5. e. :lt(indice)
      6. f. :not(sélecteur)
   5. 5. Les filtres additionnels
3. Utilisation des méthodes jQuery
   1. 1. Manipuler le contenu du document
      1. a. .html()
      2. b. .replaceWith()
      3. c. .text()
      4. d. .append()
      5. e. .prepend()
      6. f. .after()
      7. g. .before()
      8. h. .remove()
      9. i. .attr()
      10. j. .removeAttr()
      11. k. .addClass()
      12. l. .removeClass()
      13. m. .toggleClass()
      14. n. .css()
   2. 2. Appliquer des effets
      1. a. .show()
      2. b. .hide()
      3. c. .toggle()
      4. d. .fadeIn()
      5. e. .fadeOut()
      6. f. .fadeTo()
      7. g. .slideUp()
      8. h. .slideDown()
      9. i. .slideToggle()
   3. 3. Ajuster la taille des éléments
      1. a. .height() et .width()
      2. b. .innerHeight() et .innerWidth()
      3. c. .outerHeight() et .outerWidth()
      4. d. .outerHeight(true) et .outerWidth(true)
      5. e. .offset()
      6. f. .position()
   4. 4. Les méthodes pour parcourir les éléments
      1. a. .find()
      2. b. .parent()
      3. c. .children()
   5. 5. Les évènements
      1. a. La méthode .on()
      2. b. L’objet event

Mise en pratique

1. Exercice 1 - Manipulation des tableaux
   1. 1. Énoncé
   2. 2. Réponses
      1. a. Question 1
      2. b. Question 2
      3. c. Question 3
      4. d. Question 4
      5. e. Question 5
      6. f. Question 6
2. Exercice 2 - Manipulation des classes
   1. 1. Énoncé
   2. 2. Réponses
      1. a. Question 1
      2. b. Question 2
      3. c. Question 3
      4. d. Question 4
      5. e. Question 5
3. Exercice 3 - Manipulation des classes (complet)
   1. 1. Énoncé
   2. 2. Réponses
      1. a. Question 1
      2. b. Question 2
      3. c. Question 3
      4. d. Question 4
      5. e. Question 5
      6. f. Question 6
4. Exercice 4 - Manipulation de JavaScript
   1. 1. Énoncé
   2. 2. Réponses
      1. a. Question 1
      2. b. Question 2
      3. c. Question 3
5. Exercice 5 - PHP, MySql et Ajax
   1. 1. Énoncé
   2. 2. Réponses
      1. a. Question 1
      2. b. Question 2