Introduction à la formation JavaScript

Présentation du plan de cours

Mise en place des outils

Bases du langage JavaScript

Les variables en JavaScript

Mots réservés en JavaScript

Variables – constantes – opérateurs

Les commentaires

Introduction à la théorie objet

Atelier pratique: Mise en oeuvre des différentes fonctionnalités Javascript à travers de multiples ateliers.

Gestion d’événement(AddEventListener)

La notion d’évènement

Les principaux événements JavaScript

ajouter un gestionnaire d’événement

associer un traitement à un événement

Evènements souris

Evènements clavier

Atelier pratique: Changer dynamiquement les propriétés d’une image

Debugger JavaScript

Outils de débogage des navigateurs

Modules complémentaires de Firefox

Modules complémentaires de Chrome

Les structures de contrôle, boucles

Les conditions if … else

La boucle for

La boule while

Les intructions break et continue

Les méthodes et fonctions

Les méthodes( alert(), confirm, prompt(),,,,)

Définition d’une fonction

Paramètres d’une fonctions

Variables locale ou globale

L’intruction return

Atelier pratique: Mettre en place une minuterie

Traitement de formulaires

L’objet Form(propriétés et méthodes)

La ligne de texte

Les boutons de choix unique

Les boutons de choix multiples

Le menu déroulant

Le bouton d’envoi

Atelier pratique 1: validation d’un formulaire

Atelier pratique 2: Vérifier un champ de formulaire avec les expressions régulières

Les objets JavaScript, manipuler les chaines de carartères et tableaux

Présenter les objets d’oblee JavaScript

L’objet window

L’objet navigator

Généralités sur l’objet String

Généralités sur l’objet Array

Généralités sur l’objet Date

Les autres objets

Atelier pratique: Récupérer des Informations sur le navigateur, Manipulations de la fenêtre

Document Object Model

Qu’est-ce que le DOM ?

Concept de

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

modification du contenu HTML

Modification du style des elements HTML

Atelier pratique 1: Créer une galerie photo

Atelier pratique 2: Réaliser un menu dynamique

Introduction à AJAX / L’API Fetch

Principe de fonctionnement
Programmation asynchrone
L’objet XMLHttpRequest
Créer une requête fetch()
Gérer les erreurs
Syntaxe async et await

Atelier pratique: Lire le contenu d’un fichier texte sur un serveur

Poursuive votre apprentissage avec cette formation

Formation jQuery

Introduction à la formation Initiation à l’informatique – Windows

Le matériel

Brancher le micro-ordinateur

L’unité centrale

L’écran ou moniteur

Le clavier

La souris

Débuter avec Windows

Démarrer Windows

Découvrir le menu Démarrer

Ouvrir ou activer une nouvelle session

Fermer une session Windows

Découvrir l’interface Windows

Description du Bureau

Le répertoire Mes Documents

Le poste de travail(Ordinateur)

Arrêter l’ordinateur

Fichiers et répertoires

Qu’est-ce qu’un disque dur ?

Qu’est-ce qu’un dossier ?

Qu’est-ce qu’un fichier ?

Qu’est-ce qu’une extension ?

Les manipulations essentielles

Les comptes utilisateurs

Créer un compte Utilisateur

Ouvrir une application (lancer un programme)

Activer une application ouverte

Quitter une application

Description des fenêtres

Déplacer/modifier les dimensions d’une fenêtre (Bureau)

Gérer les menus et options des applications Bureau

Les logiciels installés: Word

Interface Word

Découvrir l’interface word

Afficher/masquer les marques de mise en forme

Changer le mode d’affichage

Saisie/sélection/modification de texte

Mise en forme du texte

Mise en page et impression

Tableau

Les logiciels installés : Excel

Interface Excel

Classeurs

Déplacements/sélections

Saisie et modification des données

Calculs simples

Feuilles, lignes et colonnes

La messagerie

Logiciel de messagerie ou Webmail

Créer une adresse mail

Envoyer un message

Lire ses messages

Répondre à un message

Transférer un message

Envoyer une pièce jointe

Ouvrir/enregistrer une pièce jointe

Le format des pièces jointes

Enregistrer un contact dans son carnet d’adresses

Utiliser le carnet d’adresses pour envoyer un message

Supprimer un message

Pour poursuivre votre apprentissage

Formation initiation à l’informatique – Internet

Introduction à la formation initiation à l’informatique

Initition à internet

Définition

Les services proposés par Internet

Se connecter à internet

Matériel nécessaire

Choisir un fournisseur d’accès à Internet

Le web

Installer un navigateur

Lancer un navigateur

Découvrir les éléments de la fenêtre

Saisir l’adresse d’un site

Naviguer dans une page

Agrandir/réduire l’affichage d’une page

Afficher une page récemment consultée

Utiliser les onglets

Mémoriser une page Web (Favoris)

Gérer les favoris

Choisir sa page de démarrage

Recherche d’information

Choisir un moteur de recherche

Saisir les mots clés d’une recherche

Faire des recherches avec Google

Faire des recherches avec Yahoo

La messagerie

Logiciel de messagerie ou Webmail

Créer une adresse mail

Envoyer un message

Lire ses messages

Répondre à un message

Transférer un message

Envoyer une pièce jointe

Ouvrir/enregistrer une pièce jointe

Le format des pièces jointes

Enregistrer un contact dans son carnet d’adresses

Utiliser le carnet d’adresses pour envoyer un message

Supprimer un message

Aller plus loin après le cours

Les forums

Découvrir le t’Chat

Découvrir Skype

Découvrir Viber

Introduction à la formation initiation à l’informatique

Debuter avec Windows

Démarrer Windows

Découvrir le menu Démarrer

Ouvrir ou activer une nouvelle session

Fermer une session Windows

Découvrir l’interface Windows

Description du Bureau

Le répertoire Mes Documents

Le poste de travail (Ordinateur)

Arrêter l’ordinateur

Fichiers et répertoires

Qu’est-ce qu’un disque dur ?

Qu’est-ce qu’un dossier ?

Qu’est-ce qu’un fichier ?

Qu’est-ce qu’une extension ?

Les manipulations essentielles

Les comptes utilisateurs

Créer un compte Utilisateur

Ouvrir une application (lancer un programme)

Activer une application ouverte

Quitter une application

Description des fenêtres

Déplacer/modifier les dimensions d’une fenêtre (Bureau)

Gérer les menus et options des applications Bureau

Les logiciels installés: Word

Interface Word

Découvrir l’interface word

Afficher/masquer les marques de mise en forme

Changer le mode d’affichage

Saisie/sélection/modification de texte

Mise en forme du texte

Mise en page et impression

Tableau

Les logiciels installés: Excel

Interface Excel

Classeurs

Déplacements/sélections

Saisie et modification des données

Calculs simples

Feuilles, lignes et colonnes

Mise en page et impression

Graphique

Initition à internet

Définition

Les services proposés par Internet

Se connecter à internet

Matériel nécessaire

Choisir un fournisseur d’accès à Internet

Le web

Installer un navigateur

Lancer un navigateur

Découvrir les éléments de la fenêtre

Saisir l’adresse d’un site

Naviguer dans une page

Agrandir/réduire l’affichage d’une page

Afficher une page récemment consultée

Utiliser les onglets

Mémoriser une page Web (Favoris)

Gérer les favoris

Choisir sa page de démarrage

Recherche d’information

Choisir un moteur de recherche

Saisir les mots clés d’une recherche

Faire des recherches avec Google

Faire des recherches avec Yahoo

La messagerie

Logiciel de messagerie ou Webmail

Créer une adresse mail

Envoyer un message

Lire ses messages

Répondre à un message

Transférer un message

Envoyer une pièce jointe

Ouvrir/enregistrer une pièce jointe

Le format des pièces jointes

Enregistrer un contact dans son carnet d’adresses

Utiliser le carnet d’adresses pour envoyer un message

Supprimer un message

Visioconférence

Apprendre à se joindre à une réunion Zoom
Apprendre à se joindre à une réunion Teams
Participer à une réunion Zoom
Participer à une réunion Zoom Teams

Pourrait vous intéresser

Formation Initiation à l’informatique : Ubuntu

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

Module 1: Maîtrise des Thèmes, Styles et Modèles

Styles et Modèles : Importance pour personnaliser documents.
Création de Styles : Techniques de création, modification, suppression.
Thèmes et Modèles : Personnalisation, gestion des changements, copie de styles.

Module 2: Gestion de Longs Documents

Navigation : Techniques dans documents longs, sections, en-têtes/pieds de page.
Structuration : Notes de bas de page, hiérarchie des titres, tables des matières.

Module 3: Finalisation de Longs Documents

Éléments Avancés : Signets, renvois, liens hypertextes, multicolonnage.
Index et Citations : Création d’index, gestion des citations/bibliographie.

Module 4: Travail Collaboratif

Interopérabilité : Importation/exportation, diffusion de données.
Révision et Sécurité : Gestion commentaires, suivi modifications, protection documents.

Suite de l’apprentissage

Formation Word Avancé: Maximiser la Productivité avec Microsoft Word

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

Introduction à la formation PHP

Environnement de développement

Présentation des IDEs, installation d’un IDE

Présentation et installation du débogeur

Programmation orientée Objet(POO)

principes de la POO

La syntaxe objet avec PHP

Classes et objets

constructeurs

destructeurs

Les attributs et méthodes statiques

L’encapsulation

les méthodes magiques

Surcharge

Le référent d’un objet

Atelier pratique: Mise en oeuvre des différents principe de la POO à travers de multiples exercices pratiques

Rélations entre classe

L’héritage en POO

Aggrégation faible

Composition

L’envoi de messages objets

gestion des erreurs/gestion des exceptions

gestions des erreurs

gestions des exceptions

Autres concepts de la POO

Le polymorphisme

Les interfaces

Se connecter avec une base de donnée avec PDO

Présentation de PDO

Les classes de PDO

Traitement des erreurs

Requêtes préparées

Les transactions

Atelier pratique: accéder à notre base de donnée avec PDO

Architecture MVC

Fonctionnement du MVC
Controller
Vue
Modele
Notion de route
Notion de template

Atelier pratique: Mise en place d’un système MVC avec PHP

Formation suggérée pour poursuivre votre apprentissage

Formation PHP : Sécurisez vos développements Web

Formation Tests Unitaires PHPUnit

Introduction à la formation PHP

Appendre les bases de PHP

Pourquoi utiliser PHP ?
structure d’une page PHP

Insertion de code PHP dans un document html

les types de variables

Déclaration et utilisation de tableaux

les constantes

les opérateurs

les boucles et conditions

variables superglobales

récuperer les données d’un formulaire

envoyer un email

Atelier pratique: Revue des balises principales HTML et des commandes de style, mise en place d’une page modèle

Création de fonctions, utilisation de fonctions prédéfinies

Déclaration de fonctions

Les paramètres et l’instruction return

Création de bibliothèques de fonctions

Fonctions prédéfinies : exemples, organisation, documentation

Fonctions pour les dates, tableaux, chaînes de caractères

Fonctions include et require

Atelier pratique: Réalisation de fonctions personnalisées et utilisation de fonctions prédéfinies

Traiter les données d’un formulaire

création d’un formulaire

Récuperer les données du formulaire

Upload de fichiers : la variable $_FILES et les fonctions associées

envoyer un email

Atelier pratique: Création d’un formulaire de candidature

Interagir avec l’utilisateur

Récupérer et utiliser des paramètres GET

utiliser les cookies pour stocker des informations

Upload de fichiers : la variable $_FILES et les fonctions associées

envoyer un email

Atelier pratique: Création d’un formulaire de candidature

PhpMyAdmin

Présentation de phpMyAdmin

Créer une base avec phpMyAdmin

Créer des tables avec phpMyAdmin, voir les différents types de champs.

Modifier la structure d’une table

Atelier pratique: Création d’une base MySQL et création de tables

SQL

Selectionner des enregistrements (SELECT)

Insérer des enregistrements (INSERT INTO)

Modifier des enregistrements(UPDATE)

Supprimer des enregistrements(DELETE)

Opérateurs et critères.

Atelier pratique: Ecriture de requêtes SQL simples

Utiliser une base de données MySQL avec PHP

Présentation des SGBD

Types de données

Connection au serveur MySQL

Remplissage de la base à partir d’un formulaire.

Ajouter des données dans la base avec PHP

Modifier des données dans la base avec PHP

Supprimer des données dans la base avec PHP

Protéger les données à envoyer à MysQL

Atelier pratique: Enregistrement en base des données de notre formulaire de candidature

Cookies & sessions

Présentation des sessions

Avantages et inconvénients des Cookies et Sessions.

stocker et récupérer des variables de session

stocker et récupérer des variables de cookie

Atelier pratique: Réalisation d’un panier d’achat simple, création interface utilisateur

Manipuler les fichiers

Ouverture et écriture de fichier

SQL: Notions avancées

Tables et relations

Jointures: INNER, LEFT et RIGHT JOIN

Atelier pratique: Faire des requêtes SQL sur plusieurs tables

création d’un mini CMS

Les concepts du CMS

Les CMS existants

Introduction à la modélisation de données

Création de l’interface publique

Création de l’interface privée

Gestion des utilisateurs

Atelier pratique: Application de gestion d’une bibliothèque

XML

Présentation du format XML

Ecrire un document XML

introduction à XML

Atelier pratique: Création d’un flux RSS, création d’un sitemap pour notre bibliothèque

Pour faire suite à cette formation

Formation PHP : Sécurisez vos développements Web

Introduction à la formation PHP/MySQL

Rappel html/css

Architecture client/server

Outils de developpement: installer un server local, un IDE

Atelier pratique: Installation des outils de developpement

Les bases  pour apprendre le PHP

structure d’une page PHP

Insertion de code PHP dans un document html

les types de variables

Déclaration et utilisation de tableaux

les constantes

les opérateurs

les boucles et conditions

Atelier pratique: Revue des balises principales HTML et des commandes de style, mise en place d’une page modèle

Création de fonctions, utilisation de fonctions prédéfinies

Déclaration de fonctions

Les paramètres et l’instruction return

Création de bibliothèques de fonctions

Fonctions prédéfinies : exemples, organisation, documentation

Fonctions pour les dates, tableaux, chaînes de caractères

Fonctions include et require

Atelier pratique: Réalisation de fonctions personnalisées et utilisation de fonctions prédéfinies

Traiter les données d’un formulaire

création d’un formulaire

Récupérer les données du formulaire

Atelier pratique: Création d’un formulaire de contact

Formation en Lien : PHP/MySQL: création d’un système de gestion de contenu WebPHP/MySQL

Interagir avec l’utilisateur

Récupérer et utiliser des paramètres GET

utiliser les cookies pour stocker des informations

envoyer un email

Atelier pratique: Validation d’un formulaire de contact

PhpMyAdmin

Présentation de phpMyAdmin

Créer une base avec phpMyAdmin

Créer des tables avec phpMyAdmin, voir les différents types de champs.

Modifier la structure d’une table

Atelier pratique: Création d’une base MySQL et création de tables

SQL

Sélectionner des enregistrements (SELECT)

Insérer des enregistrements (INSERT INTO)

Supprimer des enregistrements(DELETE)

Opérateurs et critères.

Atelier pratique: Ecriture de requêtes SQL simples

Utiliser une base de données MySQL avec PHP

Présentation des SGBD

Types de données

Connexion au serveur MySQL

Remplissage de la base à partir d’un formulaire.

Ajouter des données dans la base avec PHP

Supprimer des données dans la base avec PHP

Protéger les données à envoyer à MysQL

Atelier pratique: Enregistrement en base des données de notre formulaire de contact

Pour bonifier votre apprentissage

Formation PHP | Programmation orientée Objet – MVC