Accueil > Web design - les fondamentaux

 > JavaScript – Initiation

null

Web design - les fondamentaux

JavaScript – Initiation

Objectif

É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.

Durée : 3 jours (21 heures)

Dates :
Nous consulter

S'inscrire
Télécharger le pdf
Pré-requisMoyens pédagogiquesParticipantsFinancement & organisation

Des connaissances en HTML et CSS sont nécessaires

Programme de la formation

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
    Menu