Download - Alphorm.com Formation WebDev 22 avancé
![Page 1: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/1.jpg)
Formation WebDev 22 Avancé
Une formation
Patrick ANTOULY
![Page 2: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/2.jpg)
Une formation
Rappel cursus WebDev
Les fondamentaux
Avancé
Perfectionnement
Expert
![Page 3: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/3.jpg)
Une formation
Plan de la formation
IntroductionPrésentation de la formationPrésentation du projet de démonstrationCréation du projet et de la base de données
Le site WebDevDynamic Serving (Diffusion dynamique)Introduction au Responsive Web DesignLe zoningL’ancrageLa gestion des droits d'accès (Groupwareutilisateur)Le multilingueLes cookiesLes popupsLa liaison entre fichiersL'upload et le download de fichiersDiaporamaLes Emails
Les champsLes Tables programmésLes GraphesLes Zones répétéesLes modèles de champsLes iFramesLes Pages internes
Les composantsLe GDSLes composants internesLes composants externes
![Page 4: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/4.jpg)
Une formation
Développeurs désirant approfondir leur connaissance de WebDev
Public concerné
![Page 5: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/5.jpg)
Une formation
Connaissances requises
http://www.alphorm.com/tutoriel/formation-en-ligne-webdev-21
![Page 6: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/6.jpg)
A vous de jouer !
![Page 7: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/7.jpg)
Présentation du projet
Une formation
Patrick ANTOULY
![Page 8: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/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 Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/9.jpg)
Une formation
Présentation des outils
WebDev
Le serveur web IIS
Le navigateur
![Page 10: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/10.jpg)
Merci
![Page 11: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/11.jpg)
Création du projet et de la base de données
Une formation
Patrick ANTOULY
![Page 12: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/12.jpg)
Une formation
Utilisation du projet de la formation « WebDev Les fondamentaux »
Création du projet en partant de zéro
Créer/compléter la base de données
Plan
![Page 13: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/13.jpg)
Merci
![Page 14: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/14.jpg)
Dynamic Serving(Diffusion dynamique)
Une formation
Patrick ANTOULY
![Page 15: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/15.jpg)
Une formation
Principes, buts et utilisation
Configuration
Tests des pages
Plan
![Page 16: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/16.jpg)
Merci
![Page 17: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/17.jpg)
Introduction au Responsive Web Design
Une formation
Patrick ANTOULY
![Page 18: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/18.jpg)
Une formation
Principes et buts
Création des pages
Grille et tranches de résolution
Ancrages
Plan
![Page 19: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/19.jpg)
Merci
![Page 20: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/20.jpg)
Le zoning
Une formation
Patrick ANTOULY
![Page 21: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/21.jpg)
Une formation
Principe du zoning
Mode zoning/mode tables de positionnement
Créer et manipuler les zones
Propriétés des zones
Plan
![Page 22: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/22.jpg)
Merci
![Page 23: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/23.jpg)
L’ancrage
Une formation
Patrick ANTOULY
![Page 24: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/24.jpg)
Une formation
Principe des ancrages
Ancrage des champs
Champs superposés
Ancrage et responsive design
Programmation et propriétés
Plan
![Page 25: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/25.jpg)
Merci
![Page 26: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/26.jpg)
La gestion des droits d’accèsLe groupware utilisateur
Une formation
Patrick ANTOULY
![Page 27: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/27.jpg)
Une formation
Principe de fonctionnement
Mise en place
Administration des utilisateurs
Utilisation en développement
Possibilités de personnalisation
Plan
![Page 28: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/28.jpg)
Merci
![Page 29: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/29.jpg)
La gestion des droits d’accèsLe groupware utilisateur
Programmation
Une formation
Patrick ANTOULY
![Page 30: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/30.jpg)
Une formation
Utilisation en développement
Possibilités de personnalisation
Plan
![Page 31: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/31.jpg)
Merci
![Page 32: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/32.jpg)
Le multilingue
Une formation
Patrick ANTOULY
![Page 33: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/33.jpg)
Une formation
Principes
Ajout d’une langue
Multilingue dans les champs
Multilingue dans le code
Programmation
Outils optionnels (WDMSG)
Plan
![Page 34: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/34.jpg)
Merci
![Page 35: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/35.jpg)
Les cookies
Une formation
Patrick ANTOULY
![Page 36: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/36.jpg)
Une formation
Principe et utilisation
Programmation
CookieLit/CookieEcrit
Exemples
Plan
![Page 37: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/37.jpg)
Merci
![Page 38: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/38.jpg)
Les popupsDescription et exemples simples
Une formation
Patrick ANTOULY
![Page 39: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/39.jpg)
Une formation
Le champ popup
Manipulation des popups par programmation
Popups dans les menus
ToastAffichePopup()
Plan
![Page 40: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/40.jpg)
Merci
![Page 41: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/41.jpg)
Les popupsExemple : boites de dialogue
Une formation
Patrick ANTOULY
![Page 42: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/42.jpg)
Une formation
Exemple :
Boites de dialogue d’ajout/modification/suppression
Plan
![Page 43: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/43.jpg)
Merci
![Page 44: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/44.jpg)
Les liaisons entre fichiers
Une formation
Patrick ANTOULY
![Page 45: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/45.jpg)
Une formation
Principes
Exemple avec le fichier élèves
Création du nouveau fichier
Création de la liaison
Plan
![Page 46: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/46.jpg)
Merci
![Page 47: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/47.jpg)
L’uploadou envoi de fichiers
Une formation
Patrick ANTOULY
![Page 48: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/48.jpg)
Une formation
L’upload de fichiers
Upload d’un fichier
Upload multiple
Upload HTML5/Flash
Manipulation par programmation
Plan
![Page 49: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/49.jpg)
Merci
![Page 50: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/50.jpg)
Le downloadou téléchargement de fichiers
Une formation
Patrick ANTOULY
![Page 51: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/51.jpg)
Une formation
Le téléchargement d’un seul fichier
Le téléchargement de plusieurs fichiers
Plan
![Page 52: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/52.jpg)
Merci
![Page 53: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/53.jpg)
Diaporama
Une formation
Patrick ANTOULY
![Page 54: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/54.jpg)
Une formation
Image avec défilement automatique
Le champ bandeau défilant
Programmation
Plan
![Page 55: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/55.jpg)
Merci
![Page 56: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/56.jpg)
Les emails
Une formation
Patrick ANTOULY
![Page 57: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/57.jpg)
Une formation
Envoi d’emails depuis un site web
Programmation des emails
Plan
![Page 58: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/58.jpg)
Merci
![Page 59: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/59.jpg)
Le champ table programmée
Une formation
Patrick ANTOULY
![Page 60: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/60.jpg)
Une formation
Remplissage d’une table par programmation
Gestion de la table
Gestion du contenu et des colonnes
Propriétés de la table
Plan
![Page 61: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/61.jpg)
Merci
![Page 62: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/62.jpg)
Le champ graphe
Une formation
Patrick ANTOULY
![Page 63: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/63.jpg)
Une formation
Les différents types de graphes
Deux exemples
Programmation des graphes
Plan
![Page 64: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/64.jpg)
Merci
![Page 65: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/65.jpg)
Les modèles de champs
Une formation
Patrick ANTOULY
![Page 66: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/66.jpg)
Une formation
Principes et utilisation
Création et gestion des modèles de champs
Programmation
Plan
![Page 67: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/67.jpg)
Merci
![Page 68: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/68.jpg)
Le champ iframe
Une formation
Patrick ANTOULY
![Page 69: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/69.jpg)
Une formation
Principes et utilisation
Propriétés et programmation
Exemples
Plan
![Page 70: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/70.jpg)
Merci
![Page 71: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/71.jpg)
Les champs et pages internes
Une formation
Patrick ANTOULY
![Page 72: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/72.jpg)
Une formation
Principes et utilisation
Le champ page interne
Les pages internes
Manipulation par programmation
Plan
![Page 73: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/73.jpg)
Merci
![Page 74: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/74.jpg)
Le GDS
Une formation
Patrick ANTOULY
![Page 75: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/75.jpg)
Une formation
Principes du GDS
Ajout d’un projet dans le GDS
Utilisation du GDS
Plan
![Page 76: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/76.jpg)
Merci
![Page 77: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/77.jpg)
Composants internes
Une formation
Patrick ANTOULY
![Page 78: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/78.jpg)
Une formation
Principe des composants internes
Création d’un composant interne
Utilisation des composants internes
Plan
![Page 79: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/79.jpg)
Merci
![Page 80: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/80.jpg)
Composants externes
Une formation
Patrick ANTOULY
![Page 81: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/81.jpg)
Une formation
Principe des composants externes
Création d’un composant externe
Utilisation des composants externes
Plan
![Page 82: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/82.jpg)
Merci
![Page 83: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/83.jpg)
Conclusion
Une formation
Patrick ANTOULY
![Page 84: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/84.jpg)
Une formation
Bilan
Le site WebDevDynamic Serving (Diffusion dynamique)Introduction au Responsive Web DesignLe zoningL’ancrageLa gestion des droits d'accès (Groupwareutilisateur)Le multilingueLes cookiesLes popupsLa liaison entre fichiersL'upload et le download de fichiersDiaporamaLes Emails
Les champsLes Tables programmésLes GraphesLes Zones répétéesLes modèles de champsLes iFramesLes Pages internes
Les composantsLe GDSLes composants internesLes composants externes
![Page 85: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/85.jpg)
Une formation
Rappel cursus WebDev
Les fondamentaux
Avancé
Perfectionnement
Expert
![Page 86: Alphorm.com Formation WebDev 22 avancé](https://reader034.vdocuments.mx/reader034/viewer/2022042502/58e8027f1a28abf13f8b600f/html5/thumbnails/86.jpg)
A vous de jouer !