Outils graphiques / Web création Outils graphiques / Web création
Référence formation : 2-H5-SCRI - Durée : 3 jours

 
  • Objectifs
  • Pré-requis
  • Pédagogie
Écrire et déboguer des programmes JavaScript. Ajouter de l’interactivité à votre site Web. Créer des formulaires interactifs pour saisir et valider des informations. Stocker des données côté client.
Des connaissances en HTML et CSS sont nécessaires

Organisation

Les sessions de formation ont lieu de 9h00 à 12h30 et de 13h30 à 17h00

Profil formateur

  • Nos formateurs sont des experts dans leurs domaines d'intervention
  • Leur expérience de terrain et leurs qualités pédagogiques constituent un gage de qualité

Moyens pédagogiques

  • Réflexion de groupe et apports théoriques du formateur.
  • Travail d'échange avec les apprenants sous forme de réunion - discussion.
  • Utilisation de cas concrets issus de l'expérience professionnelle.
  • Validation des acquis par des questionnaires, des tests d'évaluation, des mises en situation et des jeux pédagogiques.
  • Alternance entre apports théoriques et exercices pratiques (en moyenne sur 30 à 50% du temps)

Modalités d'évaluation

  • Positionnement préalable oral ou écrit.
  • Feuille de présence signée en demi-journée.
  • Evaluation des acquis tout au long de la formation.
  • Questionnaire de satisfaction
  • Attestation de stage à chaque apprenant
  • Evaluation formative tout au long de la formation.
  • Evaluation sommative faite par le formateur .

Public concerné

Salariés - Demandeur d'emploi - Reconversion professionnelle

Adaptation pédagogique et matérielle

Si vous avez besoin d'adaptation matérielle ou pédagogique, merci de prendre contact avec notre référent Handicap par téléphone au 02 35 12 25 55 ou par email à handicap@xxlformation.com

Moyens techniques en formation présentielle

Accueil des apprenants dans une salle dédiée à la formation et équipée avec :

  • Ordinateurs
  • Vidéo projecteur ou Écran TV interactif
  • Tableau blanc ou Paper-Board

Moyens techniques en formation distancielle

A l'aide d'un logiciel comme ® Microsoft Teams ou Zoom, un micro et une caméra pour l'apprenant.

  • Suivez une formation en temps réel et entièrement à distance. Lors de la session en ligne, les apprenants interagissent et communiquent entre eux et avec le formateur.
  • Les formations en distanciel sont organisées en Inter-Entreprise comme en Intra-Entreprise.
  • L'accès à l'environnement d'apprentissage (support de cours, ressources formateur, fichiers d'exercices ...) ainsi qu'aux preuves de suivi et d'assiduité (émargement, évaluation) est assuré.
  • Les participants recevront une convocation avec le lien de connexion à la session de formation.
  • Pour toute question avant et pendant le parcours, une assistance technique et pédagogique est à disposition par téléphone au 02 35 12 25 55 ou par email à commercial@xxlformation.com

Contenu pédagogique

Introduction au langage

  • Imbrication de JavaScript dans HTML
  • Mettre des commentaires
  • Utiliser un javascript externe dans une page Web
  • Conventions de formatage et de codage
  • Outils de développement
  • Ecrire des informations dans la console du navigateur
  • Programmation procédurale
  • Envoi d'alerte
  • Ecrire une ligne HTML

Les variables

  • Déclaration d'une variable
  • Le type texte ou numérique
  • Modification d'une variable
  • Concaténation
  • Les opérateurs de calculs

Les événements

  • Déclenchement d'un événement
  • Mettre en place des écouteurs sur une page Web

Les fonctions

  • Utiliser les fonctions existantes
  • Définition et invocation de fonctions personnalisées

Cibler un élément dans une page

  • Récupérer des informations sur le DOM
  • Injecter du HTML
  • Modifier le DOM dynamiquement

Tester une condition pour faire un traitement

  • Opérateurs et expressions relationnelles
  • Condition avec "If" et "else"
  • Condition avec "Switch"

Faire des boucles sur un traitement

  • Boucle "For"
  • Boucle "While"
  • Gérer la sortie d'une boucle

Les fonctions sur les chaines de caractère

  • Majuscule, minuscule
  • Nombre de caractère
  • Rechercher la position d'un élément
  • Extraire une sous-chaine

Les fonctions sur les numériques

  • Transformer une chaine de caractère en numérique
  • Transformer un numérique en chaine de caractère
  • Arrondir une valeur
  • Déterminer une valeur aléatoire

Les fonctions sur les dates-heures

  • Récupérer la date-heure du moment
  • Extraire les composants d'une date-heure
  • Faire des calculs sur une date-heure

Utiliser un timer en javascript

  • Définitions et fonctions
  • Modifier le CSS d'une page en utilisant un timer

Récupérer des informations sur le navigateur

  • Connaitre les propriétés du navigateur Web
  • Connaitre la position de la souris sur la page
  • Connaitre les caractéristiques d'affichage

Les expressions régulières

  • Typer et tester une expression régulière
  • Syntaxes dans les expressions régulières

Les tableaux indexés

  • Définir ma variable
  • Insérer un élément
  • Ressortir un élément
  • Ressortir tous les éléments

Les tableaux associatifs

  • Définir ma variable
  • Insérer un élément
  • Ressortir un élément
  • Ressortir tous les éléments

Les fonctions sur les tableaux

  • Trier un tableau
  • Transformer un tableau en chaine de caractère
  • Transformer une chaine de caractère en tableau

JSON

  • Définition et syntaxe globale
  • Les différents types d'élément contenus
  • Les fonctions utiles
  • Extraire, ajouter et modifier mon JSON

AJAX

  • Mettre en place une communication
  • Les différents états de ma communication
  • Envoyer des arguments
  • Traiter la réponse de l'API

Les cookies

Web Storage

  • Web Storage
    • Concepts et utilisations
    • SessionStorage
    • LocalStorage