79
Formation WebDev 21 Les fondamentaux Une formation Patrick ANTOULY

Alphorm.com Support de la Formation WebDev 21

  • Upload
    alphorm

  • View
    4.037

  • Download
    25

Embed Size (px)

Citation preview

Page 1: Alphorm.com Support de la Formation WebDev 21

Formation WebDev 21

Les fondamentaux

Une formation

Patrick ANTOULY

Page 2: Alphorm.com Support de la Formation WebDev 21

Une formation

Rappel cursus WebDev

mobile

Lesfondamentaux

Avancé

Expert

Page 3: Alphorm.com Support de la Formation WebDev 21

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

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

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

A vous de jouer !

Page 7: Alphorm.com Support de la Formation WebDev 21

Présentation du projet

Une formation

Patrick ANTOULY

Page 8: Alphorm.com Support de la Formation WebDev 21

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

Une formation

Présentation des outils

WebDev

Le serveur web IIS

Le navigateur

Page 10: Alphorm.com Support de la Formation WebDev 21

Merci

Page 11: Alphorm.com Support de la Formation WebDev 21

Les principes d’un site WebDev

Une formation

Patrick ANTOULY

Page 12: Alphorm.com Support de la Formation WebDev 21

Une formation

Développement du site

Déploiement

Fonctionnement du site

Plan

Page 13: Alphorm.com Support de la Formation WebDev 21

Une formation

Développement du site

Page 14: Alphorm.com Support de la Formation WebDev 21

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

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

Merci

Page 17: Alphorm.com Support de la Formation WebDev 21

Les différents types de sites

Une formation

Patrick ANTOULY

Page 18: Alphorm.com Support de la Formation WebDev 21

Une formation

Types de sites

Types de pages

Avantages et inconvénients

Plan

Page 19: Alphorm.com Support de la Formation WebDev 21

Une formation

Types de sites

Sites statiques

Sites semi-dynamiques

Sites dynamiques

Sites PHP

Page 20: Alphorm.com Support de la Formation WebDev 21

Une formation

Types de pages

Statiques

Semi-dynamique

Dynamiques WebDev

Dynamiques WebDev AWP

PHP

Page 21: Alphorm.com Support de la Formation WebDev 21

Merci

Page 22: Alphorm.com Support de la Formation WebDev 21

L’environnement de développement

Une formation

Patrick ANTOULY

Page 23: Alphorm.com Support de la Formation WebDev 21

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

Merci

Page 25: Alphorm.com Support de la Formation WebDev 21

Création du projet

Une formation

Patrick ANTOULY

Page 26: Alphorm.com Support de la Formation WebDev 21

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

Merci

Page 28: Alphorm.com Support de la Formation WebDev 21

Création de la base de données

Une formation

Patrick ANTOULY

Page 29: Alphorm.com Support de la Formation WebDev 21

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

Merci

Page 31: Alphorm.com Support de la Formation WebDev 21

Pages et modèles de pages

Une formation

Patrick ANTOULY

Page 32: Alphorm.com Support de la Formation WebDev 21

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

Merci

Page 34: Alphorm.com Support de la Formation WebDev 21

Création d'un formulaire

Une formation

Patrick ANTOULY

Page 35: Alphorm.com Support de la Formation WebDev 21

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

Merci

Page 37: Alphorm.com Support de la Formation WebDev 21

Ajout, modification et suppression

Une formation

Patrick ANTOULY

Page 38: Alphorm.com Support de la Formation WebDev 21

Une formation

Création des boutons

Codage

Plan

Page 39: Alphorm.com Support de la Formation WebDev 21

Merci

Page 40: Alphorm.com Support de la Formation WebDev 21

Les champs

Une formation

Patrick ANTOULY

Page 41: Alphorm.com Support de la Formation WebDev 21

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

Merci

Page 43: Alphorm.com Support de la Formation WebDev 21

Les CSS et les styles WEBDEV

Une formation

Patrick ANTOULY

Page 44: Alphorm.com Support de la Formation WebDev 21

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

Merci

Page 46: Alphorm.com Support de la Formation WebDev 21

Procédures et fonctions

Une formation

Patrick ANTOULY

Page 47: Alphorm.com Support de la Formation WebDev 21

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

Merci

Page 49: Alphorm.com Support de la Formation WebDev 21

La déclaration et la portée des variables

Une formation

Patrick ANTOULY

Page 50: Alphorm.com Support de la Formation WebDev 21

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

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

Merci

Page 53: Alphorm.com Support de la Formation WebDev 21

Les requêtes

Une formation

Patrick ANTOULY

Page 54: Alphorm.com Support de la Formation WebDev 21

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

Merci

Page 56: Alphorm.com Support de la Formation WebDev 21

Les états

Une formation

Patrick ANTOULY

Page 57: Alphorm.com Support de la Formation WebDev 21

Une formation

Description et usages

Conception d’un état

Codage

Plan

Page 58: Alphorm.com Support de la Formation WebDev 21

Merci

Page 59: Alphorm.com Support de la Formation WebDev 21

L’activation d’AJAX avec et sans code

Une formation

Patrick ANTOULY

Page 60: Alphorm.com Support de la Formation WebDev 21

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

Une formation

Ajax automatique

Exemple : dans une table

Page 62: Alphorm.com Support de la Formation WebDev 21

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

Merci

Page 64: Alphorm.com Support de la Formation WebDev 21

Les menus

Une formation

Patrick ANTOULY

Page 65: Alphorm.com Support de la Formation WebDev 21

Une formation

Organisation du site

Première page du site

Menu principal

Plan

Page 66: Alphorm.com Support de la Formation WebDev 21

Merci

Page 67: Alphorm.com Support de la Formation WebDev 21

L'architecture serveur Web et les hébergeurs

Une formation

Patrick ANTOULY

Page 68: Alphorm.com Support de la Formation WebDev 21

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

Merci

Page 70: Alphorm.com Support de la Formation WebDev 21

Le déploiement du site

Une formation

Patrick ANTOULY

Page 71: Alphorm.com Support de la Formation WebDev 21

Une formation

Principes

Mise en pratique

Tests du site

Plan

Page 72: Alphorm.com Support de la Formation WebDev 21

Merci

Page 73: Alphorm.com Support de la Formation WebDev 21

L'administration du site sur le serveur

Une formation

Patrick ANTOULY

Page 74: Alphorm.com Support de la Formation WebDev 21

Une formation

Utilisation de l’administrateur WebDev

Plan

Page 75: Alphorm.com Support de la Formation WebDev 21

Merci

Page 76: Alphorm.com Support de la Formation WebDev 21

Conclusion

Une formation

Patrick ANTOULY

Page 77: Alphorm.com Support de la Formation WebDev 21

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

Une formation

Prochaine formation

Lesfondamentaux

Avancé

Expert

Page 79: Alphorm.com Support de la Formation WebDev 21

A vous de jouer !