alphorm.com support de la formation webdev 21
TRANSCRIPT
![Page 1: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/1.jpg)
Formation WebDev 21
Les fondamentaux
Une formation
Patrick ANTOULY
![Page 2: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/2.jpg)
Une formation
Rappel cursus WebDev
mobile
Lesfondamentaux
Avancé
Expert
![Page 3: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/3.jpg)
Une formation
Plan de la formation
Introduction1. Présentation de WEBDEV2. Le site WebDev3. Le déploiementConclusion
![Page 4: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/4.jpg)
Une formation
Développeurs désirant découvrir WebDev
Les décideurs, chefs et directeurs de projets désirant connaître les fonctionnalités de WebDev
Public concerné
![Page 5: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/5.jpg)
Une formation
Connaissances requises
Utilisation de Windows et d’un navigateur Internet ☺
Des bases en développement (éventuellement web) seraient un +
![Page 6: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/6.jpg)
A vous de jouer !
![Page 7: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/7.jpg)
Présentation du projet
Une formation
Patrick ANTOULY
![Page 8: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/8.jpg)
Une formation
Plan
Le projet Gestion d’une école
La base de données
Démo en live
Organisation des fichiers sources
![Page 9: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/9.jpg)
Une formation
Présentation des outils
WebDev
Le serveur web IIS
Le navigateur
![Page 10: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/10.jpg)
Merci
![Page 11: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/11.jpg)
Les principes d’un site WebDev
Une formation
Patrick ANTOULY
![Page 12: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/12.jpg)
Une formation
Développement du site
Déploiement
Fonctionnement du site
Plan
![Page 13: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/13.jpg)
Une formation
Développement du site
![Page 14: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/14.jpg)
Une formation
Développement du site
Machine de développement
Projet WebDev
Navigateur Web
Base de données
![Page 15: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/15.jpg)
Une formation
Fonctionnement du site
Serveur web
Projet WebDev déployé
Projet WebDev déployé Navigateur
WebNavigateur
Web
Base de
données
Ordinateur de l’internaute
![Page 16: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/16.jpg)
Merci
![Page 17: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/17.jpg)
Les différents types de sites
Une formation
Patrick ANTOULY
![Page 18: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/18.jpg)
Une formation
Types de sites
Types de pages
Avantages et inconvénients
Plan
![Page 19: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/19.jpg)
Une formation
Types de sites
Sites statiques
Sites semi-dynamiques
Sites dynamiques
Sites PHP
![Page 20: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/20.jpg)
Une formation
Types de pages
Statiques
Semi-dynamique
Dynamiques WebDev
Dynamiques WebDev AWP
PHP
![Page 21: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/21.jpg)
Merci
![Page 22: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/22.jpg)
L’environnement de développement
Une formation
Patrick ANTOULY
![Page 23: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/23.jpg)
Une formation
L’environnement de dév WebDev
Les différents éditeurs
Les différents outils
Plan
![Page 24: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/24.jpg)
Merci
![Page 25: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/25.jpg)
Création du projet
Une formation
Patrick ANTOULY
![Page 26: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/26.jpg)
Une formation
Choix du type de projet
Base de donnée
Création du projet
Plan
![Page 27: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/27.jpg)
Merci
![Page 28: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/28.jpg)
Création de la base de données
Une formation
Patrick ANTOULY
![Page 29: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/29.jpg)
Une formation
Conception des tables/fichiers
Création de l’analyse
Création des tables/fichiers
Plan
![Page 30: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/30.jpg)
Merci
![Page 31: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/31.jpg)
Pages et modèles de pages
Une formation
Patrick ANTOULY
![Page 32: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/32.jpg)
Une formation
Description d’une page WebDev
Zoning
Pages internes
Page popup
Utilisation des modèles
Plan
![Page 33: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/33.jpg)
Merci
![Page 34: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/34.jpg)
Création d'un formulaire
Une formation
Patrick ANTOULY
![Page 35: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/35.jpg)
Une formation
Les champs de saisie
Propriétés des champs
Codage des champs
Plan
![Page 36: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/36.jpg)
Merci
![Page 37: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/37.jpg)
Ajout, modification et suppression
Une formation
Patrick ANTOULY
![Page 38: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/38.jpg)
Une formation
Création des boutons
Codage
Plan
![Page 39: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/39.jpg)
Merci
![Page 40: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/40.jpg)
Les champs
Une formation
Patrick ANTOULY
![Page 41: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/41.jpg)
Une formation
Quelques champs divers mais utiles
• Zone répétée
• Combo
• Image
• Zone de Texte Riche
• Bouton
• Saisie
• Liens
Plan
![Page 42: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/42.jpg)
Merci
![Page 43: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/43.jpg)
Les CSS et les styles WEBDEV
Une formation
Patrick ANTOULY
![Page 44: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/44.jpg)
Une formation
Notions de base des styles et du CSS
Ambiance, palettes, styles et CSS dans WebDev
Editer les feuilles de style
Plan
![Page 45: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/45.jpg)
Merci
![Page 46: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/46.jpg)
Procédures et fonctions
Une formation
Patrick ANTOULY
![Page 47: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/47.jpg)
Une formation
Concepts et usage
Les procédures
Les fonctions
Procédures et fonctions locales et globales
Les collection de procédures
Plan
![Page 48: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/48.jpg)
Merci
![Page 49: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/49.jpg)
La déclaration et la portée des variables
Une formation
Patrick ANTOULY
![Page 50: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/50.jpg)
Une formation
Déclaration des variables
Charte de programmation
Les différents types de variables
Portée des variable
Les constantes
Plan
![Page 51: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/51.jpg)
Une formation
variables et constantes
gnIDClientConnecte est un entier // Identifiant du client actuellement connectégPileAccesPagesSuivantes est une Pile de chaînes
CONSTANT
csMDPFichier = "eCommerce" // Mot de passe des fichiers de données : Pensez à changer ce mot de passeFIN
![Page 52: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/52.jpg)
Merci
![Page 53: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/53.jpg)
Les requêtes
Une formation
Patrick ANTOULY
![Page 54: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/54.jpg)
Une formation
Concepts et usage des requêtes
Requêtes intégrées et externes
Création des requêtes
Requêtes SQL
Plan
![Page 55: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/55.jpg)
Merci
![Page 56: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/56.jpg)
Les états
Une formation
Patrick ANTOULY
![Page 57: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/57.jpg)
Une formation
Description et usages
Conception d’un état
Codage
Plan
![Page 58: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/58.jpg)
Merci
![Page 59: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/59.jpg)
L’activation d’AJAX avec et sans code
Une formation
Patrick ANTOULY
![Page 60: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/60.jpg)
Une formation
Principes et fonctionnement d’Ajax
Ajax automatique dans les champs
Ajax par programmation
Plan
![Page 61: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/61.jpg)
Une formation
Ajax automatique
Exemple : dans une table
![Page 62: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/62.jpg)
Une formation
Ajax programmé
/ AJAX supporté sur le navigateur en cours ?SI AJAXDisponible() = Vrai ALORS
// Exécution de la procédure serveur "MaProc"// Dès que le résultat de la procédure serveur "MaProc" sera disponible,// la procédure navigateur "ProcRésultat" sera exécutéeRes est un entierRes = AJAXExécuteAsynchrone(MaProc, ProcRésultat, NomClient, Bonus)// Les traitements suivants s'exécutent sans attendre le résultat...
SINON// Traitements sans utilisation de AJAX...
FIN
Exemple de code :
![Page 63: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/63.jpg)
Merci
![Page 64: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/64.jpg)
Les menus
Une formation
Patrick ANTOULY
![Page 65: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/65.jpg)
Une formation
Organisation du site
Première page du site
Menu principal
Plan
![Page 66: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/66.jpg)
Merci
![Page 67: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/67.jpg)
L'architecture serveur Web et les hébergeurs
Une formation
Patrick ANTOULY
![Page 68: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/68.jpg)
Une formation
Type de serveur webWindows
Linux
PHP
Base de données
Héberger son site WebDev
PC-Soft
Plan
![Page 69: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/69.jpg)
Merci
![Page 70: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/70.jpg)
Le déploiement du site
Une formation
Patrick ANTOULY
![Page 71: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/71.jpg)
Une formation
Principes
Mise en pratique
Tests du site
Plan
![Page 72: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/72.jpg)
Merci
![Page 73: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/73.jpg)
L'administration du site sur le serveur
Une formation
Patrick ANTOULY
![Page 74: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/74.jpg)
Une formation
Utilisation de l’administrateur WebDev
Plan
![Page 75: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/75.jpg)
Merci
![Page 76: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/76.jpg)
Conclusion
Une formation
Patrick ANTOULY
![Page 77: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/77.jpg)
Une formation
Découverte de WEBDEV
Création d’un premier site dynamique
Déploiement sur le serveur de test PC SOFT
Bilan
![Page 78: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/78.jpg)
Une formation
Prochaine formation
Lesfondamentaux
Avancé
Expert
![Page 79: Alphorm.com Support de la Formation WebDev 21](https://reader034.vdocuments.pub/reader034/viewer/2022042503/58e802a51a28abf13f8b6075/html5/thumbnails/79.jpg)
A vous de jouer !