Formation : Webmaster & Développement web Tunis le 01/10/2023
Plan de formation Webmaster &
développement web
PUBLIC
Toute personne en charge de créer et/ou d’administrer un site ou application web.
PRÉREQUIS :
Connaissances de l'outil informatique PC ou MAC et de l’internet.
OBJECTIFS :
Concevoir une page web selon les normes et responsive
Maîtriser le langage HTML/CSS
Maîtriser l'HTML5/CSS3 & le PHP MySQL (niveau 2)
Développer une application web avec la technologie PHP/MySQL
Rédiger du contenu avec les pages, les articles, les portfolios, les widgets
Gérer et organiser le contenu du site avec les menus, les catégories, les mots-clés
Définir l’habillage graphique du site avec un thème WordPress
Personnaliser les fonctionnalités du site avec les extensions WordPress
Assurer la maintenance technique du site avec les mises à jour et les sauvegardes
Hébergement
MATÉRIELS & LOGICIELS FOURNIS :
Salle de formation avec vidéo-projection
Ordinateurs équipés du système d’exploitation
Connexion internet haut débit
Logiciels : WordPress, Firefox, Google chrome, FileZilla, Komodo Edit, Aperçu, Notepad ++,
Photoshop
Chaque stagiaire dispose d’un poste de travail
INTERVENANT
ABBASSI Kamel, Enseignant et développeur web indépendant.
EFFECTIF
Formation collective en petit groupe de 8 personnes maximum.
Possibilité de formation individuelle personnalisée : ce programme peut être adapté à vos
besoins. Dans ce cas, le plan de formation est conçu sur mesure par le formateur, le contenu,
la durée et la programmation sont redéfinis pour chaque projet.
DURÉE DE LA FORMATION :
25 heures sur 5 jours.
ABBASSI Kamel Page 1 sur 4
Formation : Webmaster & Développement web Tunis le 01/10/2023
CONTENU DE LA FORMATION
JOURNÉE 1
Introduction
Historique : Evolution du HTML et de CSS
Le HTML5 : Présentation des problématiques actuelles
Exemples d’applications en HTML 5 et CSS3
Aperçu d’outils de développement comme SublimeText , Dreamweaver, Visual Studio
HTML5
Structurer une page en HTML5 :
Les balises sémantiques : header, article, hgroup, aside…
Création d’un conteneur de disposition
Les nouveaux attributs utilisés par les moteurs de recherche
Atelier pratique : Architecture d’une page en HTML5
Gestion des médias en HTML 5
Les balises audio et vidéo
La balise Canvas : Utilisation de l’API Canvas.
Graphiques interactifs avec SVG
Atelier pratique : Création de graphiques interactifs
CSS 3
Application de styles aux propriétés de zone HTML 5
Les sélecteurs : Référencement balise et attributs, Héritage, les préfixes, !important,
l’architecture objet, les pseudo-classes et les pseudo-éléments.
Apparence: Taille, bordures, contours, background, image arrière-plan, dégradés, ombres,
détourage, transparence, dimensionnement, marges …
Problématiques de positionnement, les différents modes de positionnement., affichage,
masquage
Disposition en colonnes. Flottements, exclusions.
Atelier pratique : Création d’une page d’articles de presse avec le Framework CSS Bootstrap
Application de styles aux propriétés de texte HTML 5
Format, couleur, ombre portée…
Intégration de polices : @font-face
Alignement, indentation du texte, justification, césure.
Atelier pratique : Mise en page d’un article
Les transitions et les transformations en CSS3
Le Responsive Web Design
Présentation du Responsive Web Design : objectifs, alternatives...
Le modèle flexible
Les media queries
Disposition utilisant les régions, le regroupement et l’imbrication
Les grilles fixes et fluides
ABBASSI Kamel Page 2 sur 4
Formation : Webmaster & Développement web Tunis le 01/10/2023
Compression d'images, sprites, Data URI
API Network Information JavaScript pour Responsive
Atelier pratique : Adaptation de la page web aux multiples formats (tablettes, smartphone…)
Les principales API de HTML 5
Les API de stockages : LocalStorage, SessionStorage, IndexedDB
La géolocalisation
L’API appCache
Offline web application
JOURNÉE 2 : Enrichir votre application web avec JS
JavaScript
Les principaux éléments du JavaScript : variables, tableaux, fonctions…
Les instructions de conditions et d’itérations
La gestion des erreurs et des exceptions
Les objets en JavaScript
Prototypage
Constructeurs, héritage, portée des variables
Présentation du DOM (Document Object Model)
Parcours du DOM, filtres
Accès, modification, ajout d'éléments et d'attributs HTML 5
Gestion dynamique des CSS
La gestion des évènements
Propagation d’évènements
Introduction à l‘API WebSocket HTML5
Création de WebWorkers en BackGround
Atelier pratique: Utiliser JavaScript pour animer la page Web
Formulaires HTML 5
Validation de formulaires avec HTML
Validation de formulaires avec JavaScript
Utilisation des expressions régulières.
Prévention des injections de code
Récupération des données, encodage
Atelier pratique: Utiliser JavaScript pour valider un formulaire
Ajax et XMLHttpRequest
Communication synchrone et asynchrone
Instancier un objet XMLHttpRequest
Gestion des erreurs
Barre de progression
Principes des Callback
Transmission de données: format GET et POST
Sérialisation et désérialisation de données
Utilisation des données: Le format XML, le format JSON
Appliquer Jquery pour effectuer une requête Ajax
ABBASSI Kamel Page 3 sur 4
Formation : Webmaster & Développement web Tunis le 01/10/2023
Fonctions jQuery disponibles pour effectuer des requetes Ajax
Atelier pratique: Utiliser Ajax avec Jquery et Javascript pour créer des éléments d’un
formulaire à partir de données fournies en XML et JSON
JOURNÉE 3 : BASE DE DONNÉES MYSQL
Savoir créer, structurer et exploiter une base de données MySQL
Structure d’une base de données relationnelle
Importation / exportation de données
Outil PhpMyAdmin
Langage de base des requêtes MySQL
Jointures, agrégations et groupements
Bases de données complexes
Optimisation de performances
JOURNÉE 4 : DÉVELOPPEMENT PHP (AVANCÉ) ET RÉALISATION
D’UNE APPLICATION WEB
Programmation orientée objet
Architecture MVC
Développer à l’aide d’un Framework MVC ( Laravel )
Réalisation d’un projet complet
Concevoir une application CRUD ( Create , read, Update et Delete )
JOURNÉE 5 : CMS WordPress
Être en mesure de réaliser un site web simple ou un blog à l’aide du CMS WordPress.
Installation / Configuration
Backoffice et fonctionnalités de base
Extensions utiles
Gabarits
API WordPress et système de plugins
Champs personnalisés
Concevoir un site web d’A à Z avec le CMS WordPress
ABBASSI Kamel Page 4 sur 4
