Introduction à la formation jQuery

Introduction

Présentation du Framework jQuery

Documentation

Présenter jQuery UI, JQuery Mobile, jQuery Sizzle, jQuery QUnit

Installer jQuery via un CDN

Installer jQuery en local

Outils de débogage

Atelier pratique : Une première application jQuery

Prise en mains de jQuery

Mise en place

Précaution pour mieux vaut utiliser jQuery()

Chargement du DOM

Atelier pratique : premier exemple de changement de style avec jQuery

Les selecteurs CSS et jQuery

Sélecteurs de base: balise, class, id..

Sélecteurs hiérarchiques

Les filtres de base

Les balises de filtre

Filtres enfants

Autres Selecteurs jQuery

Manipuler le DOM

Traverser le DOM

Changer les propriétés d’un élément

Modifier le contenu d’un élément

Supprimer un élément

Manipuler les attributs

Vérifier la présence d’une classe

Modifier dynamiquement le style d’un élément

Gestion des événements

notion d’événements

Les écouteurs de jQuery

bind, click, on…

Les animations

Notion d’animation

Mise en place d’animation

Quelques fonctions d’animation

Les callBack

Atelier pratique : Afficher Cacher du texte, Animation Sur une division,…

AJAX avec jQuery

Comprendre le XMLHttpRequest

Le format XML

Le standard JSON

Instruction load

Charger selon la méthode GET ou POST

Les fonctions: $.get, $.post, $.ajax

Les évènements associés à la requête

Atelier pratique : divers requetes AJAX

Pour aller plus loin avec jQuery

Utilisation de plug-ins

Méthodes d’écriture de plug-ins

Tester des plugins connus

Développer des plugins jQuery

Atelier pratique : Création d’un plug-in jQuery

Module 1 : Maîtriser les bases de Microsoft PowerPoint

• Créer et organiser des diapositives de manière professionnelle.
• Intégrer du contenu textuel pertinent et structuré.
• Ajouter des visuels impactants pour renforcer le message.

Module 2 : Optimisation avec les masques de diapositives

• Comprendre le rôle stratégique des masques dans la standardisation des présentations.
• Créer et modifier des masques pour assurer la cohérence visuelle.
• Exercice pratique : concevoir un thème personnalisé adapté à l’image de marque.

Module 3 : Création de gabarits professionnels

• Définir les gabarits et comprendre leur impact dans la productivité.
• Créer des modèles sur-mesure pour des présentations homogènes.
• Intégrer logos, palettes de couleurs et éléments d’identité visuelle.
• Atelier : conception d’un gabarit aligné avec une charte graphique.

Module 4 : Texte et images — techniques avancées

• Optimiser la mise en page du texte : colonnes, alignements, effets.
• Améliorer les visuels : recadrage, filtres, suppression d’arrière-plan.
• Atelier : enrichir l’impact visuel d’une présentation existante.

Module 5 : Intégration de contenus dynamiques (Excel, vidéo, audio)

• Insérer des graphiques Excel et les synchroniser en temps réel.
• Ajouter et configurer des fichiers vidéo et audio pour dynamiser le contenu.
• Exercice : créer des diapositives interactives et immersives.

Module 6 : Animations et transitions sur mesure

• Découvrir les types d’animations disponibles dans PowerPoint.
• Créer des effets personnalisés pour rythmer les présentations.
• Exercice : scénariser une présentation animée à fort impact.

Module 7 : Travailler en équipe et partager efficacement

• Utiliser les outils de commentaires et de suivi de modifications.
• Collaborer en temps réel grâce à Office 365 et OneDrive.
• Appliquer les bonnes pratiques pour fluidifier le travail collaboratif.

Complément recommandé pour la création de visuels avec Office 365

• Formation Publisher – Création de documents marketing et imprimés

Introduction à la formation Avancée : HTML5/CSS3, JavaScript/DOM + Responsive Design

Pourquoi HTML5 ?

Format des balises

Les normes HTML, CSS, XHTML, XML, HTML5

Le W3C et les validateurs

La logique d’encodage, ISO-8859-1, UTF-8,..

Rappel sur les bases

Type des balises

syntaxe des règles de style

Positionnement css(relatif, absolu, flaot, display)

Atelier pratique : Créer un site XHTML/CSS

Passage en HTML5

Syntaxe, nouveau doctype et outils

structure et sémantique
Div et span

Nouvelles balises HTML5

Atelier pratique : Reconstruire notre site en HTML5/CSS3

Balises multimédias

inserer une image(Balises <figure>)

insérer une vidéo(Balises <video>)

insérer un son (Balises <audio>)

Compatibilité navigateur

Atelier pratique : Utiliser JavaScript pour contrôler les objets audio et video

Les formulaires

Nouveaux types pour <input>

Nouveaux attributs

Nouveaux éléments <output>,

Les validations de formulaire en HTML5v

Atelier pratique : Réaliser un formulaire HTML5

Dessiner : Création dynamique d’images en JavaScript

La balise Canvasv

SVGv

Tracer de formes(rectangle, cercle,,,,)

Couleurs, remplissages, dégradés

Atelier pratique : Améliorer la lecture de notre vidéo par une barre de progression

Géolocalisation

Vue d’ensemble

Se positionner (latitude, longitude)

CSS3

Vue d’ensemble

Syntaxe, préfixes CSS3

Coins arrondis

Ombres portés

Text-Shadow

Box-shadow

Dégradé linéaire

font-face

Sélecteur d’attribut

CSS3 :Transformations, transitions et animations

Rotation,

translation

Animations

Atelier pratique : Animer les différentes propriétés d’un élément

Découvrir JavaScript

Introduction à JavaScript

Concepts de base du Javascript

Notion d’événements

Gestion dynamique des CSS

Atelier pratique : Validation des champs de notre formulaire de contact

Document Object Model

Qu’est-ce que le DOM ?

Concept de noeud

Hiérarchisation des noeuds(Arbre DOM)

Les proprités de rélation

Les proprités d’état

Les méthodes d’accès aux noeuds

Firefox DOM Inspector

modification du contenu HTML

Modification du style des elements HTML

Atelier pratique : Créer une galerie photo

Faire du responsive design

Principe

Medias queries CSS 3

Atelier pratique : création d’un site multiplateforme (smartphone, tablette..)

Utiliser Bootstrap

Présentation de Bootstrap

Installation de Bootstrap

Le système de grille pour positionnement

Les layouts

Le responsive Design

Atelier pratique : créer une page avec Bootstrap

Les composants Bootstrap

Menus déroulants

Barres de navigation

Fil d’arianne