JavaScript, HTML Dynamique
Objectifs
JavaScript est désormais indispensable pour le développement de sites Web, en raison de son lien étroit avec les interfaces graphiques et du traitement client/serveur. Vous acquerrez les compétences nécessaires pour intégrer le langage aux éléments d’une page Web, créer des menus déroulants, des animations, et modifier dynamiquement les styles de présentation.
Pre-requis
Etre déjà familier avec les outils informatique et le Web en général
Public visé
Tout métier lié au Web : Intégrateur, développeur, graphiste et webmaster
Programme
Module 1 : Technologies du Web
– Types de navigateurs : Présentation et impact sur la portabilité des programmes JavaScript. Versions de JavaScript.
– Composants Web : HTML, XHTML, CSS, JavaScript, Flash, Java. Protocoles HTTP et HTTPS.
– Accessibilité et référencement : Impact de JavaScript.
– Web 2.0 : Importance de JavaScript. Impact de la conformité XHTML sur l’utilisation dynamique de JavaScript.
– Outils de développement : Éditeurs, débogueurs.
– DHTML : Positionnement et illustration des technologies.Module 2 : Le langage JavaScript
– Syntaxe : Déclaration et portée des variables.
– Types de données : Number, Boolean, Date, Math, String, Array. Conversion et détection de type avec typeof.
– Tableaux : Gestion.
– Opérateurs : Logiques et arithmétiques. Boucles (for, while…).
– Fonctions : Création et paramétrage variable.
– Codage sécurisé : Gestion d’erreur et exceptions.
– Programmation orientée objet : Concepts, création de classes (méthodes, propriétés), constructeurs, surcharge, prototype, this, instances, JSON.
– Objets prédéfinis : Array, Date, String, Regexp. Extension des objets prédéfinis.
Exercice : Mise en œuvre des fonctionnalités JavaScript à travers des travaux pratiques.Module 3 : Événements et données
– Organisation des événements : Impact sur les navigateurs et versions de DOM.
– Écouteurs d’événements : Positionnement et paramétrage via balises HTML. Création et destruction.
– Traitements événementiels : Clavier, souris, formulaires, rollover, menus dynamiques. Utilisation de l’objet Event.
– Manipulation du DOM : Objets (window, document…), URL (redirections HTTP), cookies (lecture et écriture).
Exercice : Programmation d’événements multiples sur les éléments formulaire, souris, clavier.Module 4 : Gestion de formulaires HTML
– Manipulation des formulaires : Contenu, composants (zone de saisie, cases à cocher, options).
– Validation : Fonctions de validation de formulaire.
– Événements de formulaire : Changement, initialisation, clic.
Exercice : Conception de fonctions personnalisées pour le contrôle des activités de l’utilisateur.Module 5 : Interaction avec les feuilles de style en cascade (CSS)
– Rappel sur les CSS : Outils de manipulation.
– Implémentation des CSS : En tant que propriétés des objets du DOM. Modification directe des propriétés CSS.
– Objet CSS stylesheets : Modification.
– Dynamisation de la page : Changement des propriétés de style.
Exercice : Réalisation de pages simples pour se familiariser avec les CSS et leur manipulation via JavaScript.Module 6 : Manipulation du DOM XML
– Présentation du langage XML : Éléments et attributs.
– Parseurs XML : Implémentation chez Microsoft IE et autres navigateurs. Variantes et maintenance.
– Manipulation du DOM : Lecture, ajout, suppression, modification de nœuds.
Exercice : Construction d’un chemin d’accès à un élément du DOM.Module 7 : Ajax
– Présentation : Asynchronous JavaScript And XML. Enjeux, solutions, alternatives.
– Bibliothèques : Du marché.
– HTTP et Ajax : Échanges HTTP, objet XMLHttpRequest.
Exercice : Récupération et affichage de données XML, interrogation d’une base de données, création d’un formulaire de connexion.Modalités de déroulement
Formation présentielle ou distancielle dispensée par un formateur certifié Microsoft. La formation alterne des exposés théoriques, des démonstrations et la mise en pratique au travers d'exercices et de cas concrets.Méthode et moyens mobilisés
Evaluation des acquis tout au long de la formation à travers des Tps, des Quizz ;
Evaluation de satisfaction de fin de formation ;
Attestation de fin de formation précisant les modules acquis et en cours d’acquisition ;
Support de cours remis en fin de session.Modalités d'accès
Vous pouvez vous inscrire pour suivre une de nos formations jusqu'à la veille de la date de démarrage si la formation est financée directement par votre entreprise ET si le nombre maximum de participants n'est pas atteint. Si la formation est financée via un OPCO, vous devez au préalable avoir obtenu un accord de ce dernier.Accessibilité aux personnes en situation de handicap
Nos locaux sont accessibles aux Personnes à Mobilité Réduite PMR. De plus, nos conseillers sont disponibles pour vous accompagner dans vos démarches à travers nos partenaires. Nous sommes en mesure de mobiliser les expertises, les outils nécessaires pour vous accueillir, vous accompagner et vous former.
Témoignages clients
Très bon formateur qui connaît bien son sujet !
Très bien, le contenu de la formation était bien adapté au passage de la certification PSM I et correspondait à mes attentes.
Très bon formateur. Formation enrichissante.
Formateur de qualité, très bonne communication avec une volonté de développer la compréhension des élèves. Le formateur a su rythmer la formation de manière pertinente et jamais ennuyante !
Super formation – très bien préparée et animée
Très intéressant ! Merci pour cette formation !