Public

• Développeur Web débutant ou faux-débutant.
• Concepteurs et développeurs Web.

Prérequis

• Bonnes connaissances du HTML.
• Connaissances de base en programmation.

FORMATS

• Présentiel / A distance
• Collectif / Individuel

MODALITES D’ORGANISATION DE LA FORMATION

La formation peut être suivie :

• En inter-entreprises : 2 à 6 personnes. Session maintenue si 2 personnes confirmées. 
• En intra-entreprise : 2 à 6 personnes
• Individuellement : planifiée selon les disponibilités de chacun

Horaires et rythmes :

• En présentiel : 9h à 17h, journées consécutives ou non
• A distance : sessions de 2h sur lundi 9h au samedi 12h

Lieu de formation :

• Sur site client
• Bréhal
• A distance

Ouverture de la session

• Présentation de la formation
• Tour de table et attentes des participants

Les technologies du Web

• Présentation des types de navigateurs. Impact sur la portabilité des programmes JavaScript. Versions de JavaScript.
• Les composants Web : HTML, XHTML, CSS, JavaScript, Flash, Java… Les protocoles HTTP, HTTPS.
• Impact de JavaScript sur l’accessibilité et le référencement.
• Importance de JavaScript sur les sites Web 2.0. Impact de la conformité XHTML sur l’utilisation dynamique de JavaScript.
• Les outils de développement (éditeur, débogueur…).
• Positionnement et illustration des technologies DHTML.

Le langage JavaScript

• Déclaration et portée des variables.
• Types de données (Number, Boolean, Date, Math, String, Array).
• Conversion de type.
• Détection de type avec typeof.
• Gestion des tableaux.
• Opérateurs logiques et arithmétiques.
• Boucles (for, while…).
• Création de fonctions et paramétrage variable.
• Faire un codage sécurisé avec la gestion d’erreur et les exceptions.
• Rappels sur les concepts objets.
• Développement Objet en JavaScript : création de classes (méthodes, propriétés).
• Mots réservés prototype, this.
• Création d’instance.
• Usage d’Object sur les classes dynamiques.
• Utilisation du format JSON pour la création de classes.
• Les objets prédéfinis du langage (Array, Date, String, Regexp…) et leur utilisation.
• Extension des objets prédéfinis.
• Réalisations (à titre indicatif): Mise en œuvre des différentes fonctionnalités JavaScript à travers de multiples travaux pratiques.

Le langage JavaScript (suite)

• Création de fonctions et paramétrage variable.
• Faire un codage sécurisé avec la gestion d’erreur et les exceptions.
• Rappels sur les concepts objets.
• Développement Objet en JavaScript : création de classes (méthodes, propriétés).
• Mots réservés prototype, this.
• Création d’instance.
• Usage d’Object sur les classes dynamiques.
• Utilisation du format JSON pour la création de classes.
• Les objets prédéfinis du langage (Array, Date, String, Regexp…) et leur utilisation.
• Extension des objets prédéfinis.
• Réalisations (à titre indicatif): Mise en œuvre des différentes fonctionnalités JavaScript à travers de multiples travaux pratiques.

Evénements et données

• Organisation des événements. Impact des événements sur les types de navigateurs et versions de DOM.
• Positionner des écouteurs sur des événements par programme et paramétrage de balises HTML.
• Règles pour faire un codage multinavigateur.
• Créer, détruire des écouteurs.
• Les traitements événementiels JavaScript : gestionnaire clavier, souris, formulaires, rollover, menus dynamiques.
• L’objet Event et son utilisation.
• Les objets du DOM (window, document…) et leur manipulation.
• Manipulation des URL (redirections http…).
• Gestion des cookies (lecture et écriture).
• Réalisations (à titre indicatif): Programmation d’événements multiples sur les éléments formulaire, souris, clavier…

Gestion de formulaires HTML

• Manipulation de contenu de formulaires.
• Accès et modification dynamique des composants du formulaire : zone de saisie, cases à cocher, cases d’options…
• Fonctions de validation de formulaire.
• Evénements liés aux éléments de formulaire : changement, initialisation, clic…
• Réalisations (à titre indicatif) : Conception de fonctions personnalisées contrôlant les activités de l’utilisateur.

Interaction avec les feuilles de style en cascade

• Rappel sur les feuilles de style en cascade (CSS-1, CSS-2). Les outils pour les manipuler.
• Implémentation des CSS en tant que propriétés des objets du DOM.
• Modification directe des propriétés CSS des objets du DOM.
• Modification de l’objet CSS stylesheets.
• Rendre la page dynamique via le changement des propriétés de style.
• Réalisations (à titre indicatif) : Réalisation de pages simples afin de se familiariser à l’utilisation de feuilles de style et à leur manipulation à travers JavaScript.

Manipulation du DOM XML

• Présentation du langage XML (éléments attributs).
• Implémentation des parseurs XML chez Microsoft IE et les autres : variantes entre les navigateurs, maintenance…
• Manipulation des objets du DOM (lecture, ajout, suppression, modification de nœuds).
• Réalisations (à titre indicatif) : Familiarisation à la construction d’un chemin d’accès à un élément du DOM.

Ajax

• Présentation de Asynchronous JavaScript And Xml.
• Enjeux, solutions et alternatives.
• Les bibliothèques du marché.
• HTTP et Ajax : échanges HTTP et l’objet XMLHttpRequest.
• Réalisations (à titre indicatif) : Récupération de données XML et affichage des données. Interrogation d’une base de données. Création d’un formulaire de connexion.

Bilan de la session

• Exercice de synthèse
• Questionnaire de sortie de formation
• Tour de table de fin
• Évaluation de la session

EQUIPE PEDAGOGIQUE

Les experts qui animent la formation sont des spécialistes des matières abordées. Ils ont été validés par nos équipes pédagogiques tant sur le plan des connaissances métiers que sur celui de la pédagogie, et ce pour chaque cours qu’ils enseignent. Ils ont au minimum cinq à dix années d’expérience dans leur domaine et occupent ou ont occupé des postes à responsabilité en entreprise.

MOYENS ET MÉTHODES PÉDAGOGIQUES

• Exposés, aides visuelles, support de cours, exercices pratiques d’utilisation
• Questions/réponses entre les stagiaires et le formateur

MODALITÉS D’ÉVALUATION ET DE SUIVI

• Entretien permettant l’analyse des besoins des participants et/ou questionnaire de positionnement
• L’évaluation des compétences est réalisée :
  • Par des exercices pratiques et/ou mises en situation, tout au long de la formation
  • Par un exercice de synthèse et/ou un questionnaire d’auto-évaluation et/ou une certification, en fin de formation
• Questionnaire de satisfaction à chaud en fin de formation, et à froid à 3 mois
• Feuille de présence émargée par demi-journée par les stagiaires et le formateur

MOYENS TECHNIQUES

• En présentiel : ordinateurs Mac ou PC, connexion internet, tableau blanc/paperboard, vidéoprojecteur, partage de documents
• A distance : logiciel de visio-conférence, partage d’écran formateur et stagiaire, partage de documents

DELAI D’ACCES

Les inscriptions doivent être réalisées une semaine avant le début de la formation.

TARIF

Les tarifs actualisés sont disponibles sur https://ekhoweb.com/nos-tarifs-de-formations/

CONTACT

Pour toutes informations complémentaires, vous pouvez joindre notre conseiller formation au 06 67 14 64 98 ou par mail à contact@ekhoweb.com

ACCESSIBILITE AUX PERSONNES HANDICAPEES

Les personnes atteintes de handicap souhaitant suivre cette formation sont invitées à nous contacter directement, afin d’étudier ensemble les possibilités de suivre la formation.

CGV

Vous pouvez consulter nos Conditions Générales de Ventes à partir de ce lien ou sur simple demande à contact@ekhoweb.com.

SANCTION VISEE

• Certificat de réalisation.
• Attestation de présence.

DANS LE CAS DE FORMATIONS A DISTANCE

Il est nécessaire que le stagiaire :

• Possède un PC ou un Mac, avec le logiciel installé dans la bonne version
• Une connexion internet stable d’au moins 8Mo/s
• Un navigateur Web récent
• Zoom ou Showtime devra être installé (accompagnement possible)
• Certains formateurs utilisent d’autres systèmes pour travailler à distance : dans tous les cas, le stagiaire en sera informé, et si nécessaire accompagné.

La formation JavaScript en inter-entreprises est planifiée à la demande. Merci de nous contacter.

La progression pédagogique et adaptative vous permettra de mettre en place de bonnes pratiques de développement en JavaScript.