Alphorm.com Formation WebDev 22 avancé

86
Formation WebDev 22 Avancé Une formation Patrick ANTOULY

Transcript of Alphorm.com Formation WebDev 22 avancé

Page 1: Alphorm.com Formation WebDev 22 avancé

Formation WebDev 22 Avancé

Une formation

Patrick ANTOULY

Page 2: Alphorm.com Formation WebDev 22 avancé

Une formation

Rappel cursus WebDev

Les fondamentaux

Avancé

Perfectionnement

Expert

Page 3: Alphorm.com Formation WebDev 22 avancé

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é

Une formation

Développeurs désirant approfondir leur connaissance de WebDev

Public concerné

Page 5: Alphorm.com Formation WebDev 22 avancé

Une formation

Connaissances requises

http://www.alphorm.com/tutoriel/formation-en-ligne-webdev-21

Page 6: Alphorm.com Formation WebDev 22 avancé

A vous de jouer !

Page 7: Alphorm.com Formation WebDev 22 avancé

Présentation du projet

Une formation

Patrick ANTOULY

Page 8: Alphorm.com Formation WebDev 22 avancé

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é

Une formation

Présentation des outils

WebDev

Le serveur web IIS

Le navigateur

Page 10: Alphorm.com Formation WebDev 22 avancé

Merci

Page 11: Alphorm.com Formation WebDev 22 avancé

Création du projet et de la base de données

Une formation

Patrick ANTOULY

Page 12: Alphorm.com Formation WebDev 22 avancé

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é

Merci

Page 14: Alphorm.com Formation WebDev 22 avancé

Dynamic Serving(Diffusion dynamique)

Une formation

Patrick ANTOULY

Page 15: Alphorm.com Formation WebDev 22 avancé

Une formation

Principes, buts et utilisation

Configuration

Tests des pages

Plan

Page 16: Alphorm.com Formation WebDev 22 avancé

Merci

Page 17: Alphorm.com Formation WebDev 22 avancé

Introduction au Responsive Web Design

Une formation

Patrick ANTOULY

Page 18: Alphorm.com Formation WebDev 22 avancé

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é

Merci

Page 20: Alphorm.com Formation WebDev 22 avancé

Le zoning

Une formation

Patrick ANTOULY

Page 21: Alphorm.com Formation WebDev 22 avancé

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é

Merci

Page 23: Alphorm.com Formation WebDev 22 avancé

L’ancrage

Une formation

Patrick ANTOULY

Page 24: Alphorm.com Formation WebDev 22 avancé

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é

Merci

Page 26: Alphorm.com Formation WebDev 22 avancé

La gestion des droits d’accèsLe groupware utilisateur

Une formation

Patrick ANTOULY

Page 27: Alphorm.com Formation WebDev 22 avancé

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é

Merci

Page 29: Alphorm.com Formation WebDev 22 avancé

La gestion des droits d’accèsLe groupware utilisateur

Programmation

Une formation

Patrick ANTOULY

Page 30: Alphorm.com Formation WebDev 22 avancé

Une formation

Utilisation en développement

Possibilités de personnalisation

Plan

Page 31: Alphorm.com Formation WebDev 22 avancé

Merci

Page 32: Alphorm.com Formation WebDev 22 avancé

Le multilingue

Une formation

Patrick ANTOULY

Page 33: Alphorm.com Formation WebDev 22 avancé

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é

Merci

Page 35: Alphorm.com Formation WebDev 22 avancé

Les cookies

Une formation

Patrick ANTOULY

Page 36: Alphorm.com Formation WebDev 22 avancé

Une formation

Principe et utilisation

Programmation

CookieLit/CookieEcrit

Exemples

Plan

Page 37: Alphorm.com Formation WebDev 22 avancé

Merci

Page 38: Alphorm.com Formation WebDev 22 avancé

Les popupsDescription et exemples simples

Une formation

Patrick ANTOULY

Page 39: Alphorm.com Formation WebDev 22 avancé

Une formation

Le champ popup

Manipulation des popups par programmation

Popups dans les menus

ToastAffichePopup()

Plan

Page 40: Alphorm.com Formation WebDev 22 avancé

Merci

Page 41: Alphorm.com Formation WebDev 22 avancé

Les popupsExemple : boites de dialogue

Une formation

Patrick ANTOULY

Page 42: Alphorm.com Formation WebDev 22 avancé

Une formation

Exemple :

Boites de dialogue d’ajout/modification/suppression

Plan

Page 43: Alphorm.com Formation WebDev 22 avancé

Merci

Page 44: Alphorm.com Formation WebDev 22 avancé

Les liaisons entre fichiers

Une formation

Patrick ANTOULY

Page 45: Alphorm.com Formation WebDev 22 avancé

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é

Merci

Page 47: Alphorm.com Formation WebDev 22 avancé

L’uploadou envoi de fichiers

Une formation

Patrick ANTOULY

Page 48: Alphorm.com Formation WebDev 22 avancé

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é

Merci

Page 50: Alphorm.com Formation WebDev 22 avancé

Le downloadou téléchargement de fichiers

Une formation

Patrick ANTOULY

Page 51: Alphorm.com Formation WebDev 22 avancé

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é

Merci

Page 53: Alphorm.com Formation WebDev 22 avancé

Diaporama

Une formation

Patrick ANTOULY

Page 54: Alphorm.com Formation WebDev 22 avancé

Une formation

Image avec défilement automatique

Le champ bandeau défilant

Programmation

Plan

Page 55: Alphorm.com Formation WebDev 22 avancé

Merci

Page 56: Alphorm.com Formation WebDev 22 avancé

Les emails

Une formation

Patrick ANTOULY

Page 57: Alphorm.com Formation WebDev 22 avancé

Une formation

Envoi d’emails depuis un site web

Programmation des emails

Plan

Page 58: Alphorm.com Formation WebDev 22 avancé

Merci

Page 59: Alphorm.com Formation WebDev 22 avancé

Le champ table programmée

Une formation

Patrick ANTOULY

Page 60: Alphorm.com Formation WebDev 22 avancé

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é

Merci

Page 62: Alphorm.com Formation WebDev 22 avancé

Le champ graphe

Une formation

Patrick ANTOULY

Page 63: Alphorm.com Formation WebDev 22 avancé

Une formation

Les différents types de graphes

Deux exemples

Programmation des graphes

Plan

Page 64: Alphorm.com Formation WebDev 22 avancé

Merci

Page 65: Alphorm.com Formation WebDev 22 avancé

Les modèles de champs

Une formation

Patrick ANTOULY

Page 66: Alphorm.com Formation WebDev 22 avancé

Une formation

Principes et utilisation

Création et gestion des modèles de champs

Programmation

Plan

Page 67: Alphorm.com Formation WebDev 22 avancé

Merci

Page 68: Alphorm.com Formation WebDev 22 avancé

Le champ iframe

Une formation

Patrick ANTOULY

Page 69: Alphorm.com Formation WebDev 22 avancé

Une formation

Principes et utilisation

Propriétés et programmation

Exemples

Plan

Page 70: Alphorm.com Formation WebDev 22 avancé

Merci

Page 71: Alphorm.com Formation WebDev 22 avancé

Les champs et pages internes

Une formation

Patrick ANTOULY

Page 72: Alphorm.com Formation WebDev 22 avancé

Une formation

Principes et utilisation

Le champ page interne

Les pages internes

Manipulation par programmation

Plan

Page 73: Alphorm.com Formation WebDev 22 avancé

Merci

Page 74: Alphorm.com Formation WebDev 22 avancé

Le GDS

Une formation

Patrick ANTOULY

Page 75: Alphorm.com Formation WebDev 22 avancé

Une formation

Principes du GDS

Ajout d’un projet dans le GDS

Utilisation du GDS

Plan

Page 76: Alphorm.com Formation WebDev 22 avancé

Merci

Page 77: Alphorm.com Formation WebDev 22 avancé

Composants internes

Une formation

Patrick ANTOULY

Page 78: Alphorm.com Formation WebDev 22 avancé

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é

Merci

Page 80: Alphorm.com Formation WebDev 22 avancé

Composants externes

Une formation

Patrick ANTOULY

Page 81: Alphorm.com Formation WebDev 22 avancé

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é

Merci

Page 83: Alphorm.com Formation WebDev 22 avancé

Conclusion

Une formation

Patrick ANTOULY

Page 84: Alphorm.com Formation WebDev 22 avancé

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é

Une formation

Rappel cursus WebDev

Les fondamentaux

Avancé

Perfectionnement

Expert

Page 86: Alphorm.com Formation WebDev 22 avancé

A vous de jouer !