JavaScript - Les fondamentaux

Développement    1990 € HT

Objectifs

Architectes web, développeur web, webmestres ou chefs de projets souhaitant maîtriser l’utilisation des balises et feuilles de styles HTML5/CSS3, utiliser JavaScript pour gérer l’interactivité d’un site web et savoir construire un site responsive design.

À l'issue de la formation, le stagiaire sera capable de :

  • Maîtriser l'utilisation des balises et feuilles de style HTML5/CSS3 
  • Utiliser JavaScript pour gérer l'interactivité d'un site web 
  • Savoir construire son site en Responsive Design
  • Gérer les évènements et les manipulations dynamiques

Methodes et outils pédagogiques

  • Alternance exposés théoriques et exercices pratiques (80% pratique)
  • Support de cours adapté au logiciel étudié et au niveau suivi
  • Assistance téléphonique gratuite et illimitée

Modalité d'évaluation

  • Evaluation formative au travers de nombreux exercices tout au long de la formation permettant de valider les compétences acquises.
    Attestation de stage.
  • Emargement quotidien d’une feuille de présence
  • Possibilité de passage de la certification Tosa en fin de formation

Accessibilité aux personnes handicapées

Pour tout besoin d’adaptation, retrouver le contact de notre référent handicap et les modalités d’accueil sur la page : Infos pratiques/Situation de Handicap

Public concerné

Architectes web, Chefs de projets, Développeurs web, Webmestres

Pré-requis

Disposer de connaissances en langages HTML et CSS - Connaître la programmation structurée

3 jours
Prochaine session
  • du 24 au 26 févr. 2025

Introduction

  • JavaScript pour quoi faire ?
  • L'environnement du client Web
  • Le navigateur
  • Le modèle client / serveur
  • Les outils
  • Insérer un script dans un document HTML/XHTML

JavaScript : le coeur du langage

  • La syntaxe
  • Les variables et les constantes
  • Les fonctions globales : afficher des informations (console, alert) et interroger l'utilisateur (prompt)
  • Les opérateurs
  • Les structures de contrôle
  • Les fonctions : définition, arguments, fonctions littérales, fonctions sous forme de données
  • Les objets personnalisés : constructeur, méthodes et propriétés, prototype, objets littéraux, objets sous forme de tableaux associatifs
  • Les objets globaux : Array, Date, Math, RegExp, String... Manipuler les tableaux, les dates, les chaînes de caractères

Les objets du navigateur

  • La hiérarchie des objets
  • Les principaux objets : window, document, location, screen, navigatior, form... Leurs propriétés et méthodes
  • Manipuler des fenêtres
  • Gérer des timers

Le DOM

  • Introduction au XML, XHTML et HTML
  • Le DOM et les navigateurs
  • Sélectionner des éléments : API Selector Lvl 1 et 2
  • Manipuler des éléments : créer et insérer de nouveaux éléments, modifier les attributs d'un élément, modifier le contenu

La gestion des évènements

  • Le gestionnaire d'évènements
  • Modèle DOM
  • L'objet Event
  • La propagation des évènements
  • Compatibilité avec les différents navigateurs

Les formulaires

  • Les différents éléments d'un formulaire
  • Vérifier les données saisies dans les différents champs
  • Soumettre un formulaire

Les styles CSS

  • Rappel sur les styles CSS
  • Manipuler les styles CSS
  • Modifier une propriété de style d'un élément
  • Modifier la classe d'un élément
  • Modifier l'aspect d'un élément
  • Déplacer, afficher, masquer, réduire un élément

Requêtes avec un serveur

  • Présentation et historique d'Ajax
  • ActiveX
  • XMLhttpRequest
  • Fetch

Introduction à JQuery

  • Présentation de la librairie
  • Manipulation du DOM (sélection, création, modification, suppression de noeuds)
  • Gestion des événements
  • Création d'effets / animation
  • Modification des styles

Travaux pratiques

  • Pour chaque point du programme abordé :
    Présentation et démonstration par le formateur, mise en pratique sur les fonctionnalités abordées par le stagiaire avec l’appui du formateur et du groupe, feedbacks du formateur tout au long de l’activité.