Programme de la formation
Module 1 web basique:
HTML, CSS et JavaScript : les fondamentaux du développement web
- Présentation du développement web.
- Le langage HTML.
- Les feuilles de style CSS.
- Le langage JavaScript.
HTML5 et CSS3 : créer des contenus pour le web
- Introduction.
- Notions fondamentales du langage HTML5.
- Intégration de contenu et groupe de contenus simples.
- Intégration d’éléments de navigation.
- Notions de base de la mise en forme en CSS.
- Mise en forme du texte.
- Mise en forme des blocs.
- Structuration de la page.
- Positionnement et dimensionnement des conteneurs.
- Mise en forme avancée en CSS3.
- Intégration du contenu audio et vidéo.
- Création de tableaux.
- Création de formulaires HTML5.
- Création d’animations.
- Web adaptatif.
Responsive web design : les techniques modernes de mise en page
- Le responsive web design.
- La mise en page avec les grilles responsives.
- La mise en page fluide.
- Les images responsives.
- Les frameworks CSS.
- Mise en pratique : créer une page d’accueil responsive.
BootStrap : développer des interfaces web responsive
- Pourquoi est-il incontournable de développer des interfaces web responsive ?
- BootStrap : le framework CSS du web responsive.
- Disposer des blocs de contenus responsive.
- Manipuler les media queries.
- Créer des menus et adapter les images.
- Créer une interface responsive : exercice de synthèse.
JavaScript : connaître les bases du langage
- Introduction.
- Bases du langage.
- Exécution de scripts.
- Objets JavaScript et callback.
- Manipulation du DOM.
- Module 2 PHP/MYSQL:
Introduction
- L’architecture du Web : HTTP, CGI, interactivité : script client ou script serveur.
- Qu’est-ce que PHP ?
- Historique de PHP.
- Les différences entre PHP 4, PHP 5 et PHP 7.
- Notions d’architecture multicouche. Introduction aux principes MVC.
- Présentation de l’exemple utilisé durant la formation : le site de vente en ligne.
Travaux pratiques
Revue des balises principales HTML et des commandes de style. Introduction à la feuille de style de l’application exemple.
Automatisation d’une page Web
- Les principes du client-serveur.
- Premiers éléments du langage.
- Intégration de PHP dans une page HTML.
- Variables et fonctions.
- Librairies.
- Fonctions de base, variables serveur et variable PHP.
- Variables serveur et variable PHP.
- Contrôles de flux et boucles.
Travaux pratiques
Réalisation de fonctions personnalisées. Réalisation d’une librairie de fonctions.
Les formulaires simples
- Passage et transmission de variables.
- Lecture/écriture de fichier.
- Vérification de Login/mot de passe.
- Redirection.
Les variables complexes : tableaux
- Constructeur Array.
- Fonctions associées aux tableaux.
- Fonctions d’extraction.
- Fonctions de navigation dans un tableau.
Travaux pratiques
Réalisation d’une fonction de création de liste déroulante.
Gestion des sessions utilisateurs
- Variables persistantes : cookies et session.
- Avantages et inconvénients des cookies et sessions.
- Limitations et précautions.
- Les variables de session.
- Fonctions liées aux variables de session.
- Les cookies.
- Sérialisation des variables complexes.
- Utilisation.
Travaux pratiques
Réalisation d’un panier d’achat simple, version cookie et session. Gestion des quantités commandées.
Utilisation d’une base de données MySQL
- Présentation de MySQL.
- Concepts fondamentaux : bases, tables, champs, enregistrements.
- Bases MySQL.
- Tables MySQL.
- Champs MySQL.
- Enregistrements MySQL.
- Fonctions PHP MySQL.
- Introduction au langage SQL (sélection, modification, suppression).
- Traitement des résultats des requêtes.
Travaux pratiques
Création d’une base MySQL. Remplissage de la base à partir d’une base texte. Création de fiches produit à la volée par extraction des données de la base.
Les formulaires complexes
- Moteur de recherche : formulaire en relation avec une base de données.
- Fonctions avancées de sélection : recherches et tris.
Travaux pratiques
Réalisation d’un moteur de recherche : la sélection sur auteur, titre et héros donne une liste de liens sur les fiches produit correspondantes. Implémentation multicouche.
Le graphisme en PHP
- Présentation de la librairie GD2.
- Création d’image, réutilisation.
- Gestion des polices et de l’écriture en mode image.
- Superposition de texte pour protection de droits.
- Intégration au site.
- Réalisation de graphiques statistiques.
Travaux pratiques
Intégration des différents modules réalisés. Affichage des images avec mention de Copyright.
Modalités pratiques
Travaux pratiques
Des machines sous Windows ou Linux équipées du serveur Web Apache avec le module PHP et un serveur MySQL seront mis à la disposition des participants. Les participants vont créer un site complet de vente en ligne.
Méthodes pédagogiques;
Pédagogie active basée sur des exemples, des démonstrations, des partages d’expériences, des cas pratiques et une évaluation des acquis tout au long de la formation.
Modalités d’évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.
Parcours PHP HTML CSS