Dernière mise à jour le 26/03/2023

Web Dynamique avec JavaScript

Informations générales

Type de formation : Formation continue
Domaine : Développement
Filière : Transformation digitale
Rubrique : HTML - CSS - JavaScript - XML
Formation éligible au CPF : Non
Formation Action collective : Non

Objectifs & compétences

Acquérir les bases JavaScript nécessaires pour développer des pages web plus conviviales et interactives
Comprendre comment rajouter de l'interactivité sur les pages et formulaire Web
Savoir manipuler dynamiquement des objets HTML

Public visé

Personnes en charge du développement de pages Web et d'interfaces Web
Personnes en charge d'un projet Internet ou Intranet

Pré-requis

Connaître le XHTML et le CSS
Bonnes connaissances du web
Avoir pratiqué un langage de programmation

Programme

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

JAVASCRIPT : LE COEUR DU LANGAGE
La syntaxe
Les variables
Les fonctions globales
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
Écrire et lire des cookies

LE DOM
Introduction au XML, XHTML
Le DOM et les navigateurs
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 Internet Explorer
Modèle DOM 2
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

ALLER PLUS LOIN
"Unobstrusive JavaScript"
Présentation d'Ajax

Modalités

Modalités : en présentiel, distanciel ou mixte – Horaires de 9H à 12H30 et de 14H à 17H30 soit 7H – Intra et Inter entreprise
Pédagogie : essentiellement participative et ludique, centrée sur l’expérience, l’immersion et la mise en pratique. Alternance d’apports théoriques et d’outils pratiques.
Ressources techniques et pédagogiques : Support de formation au format PDF ou PPT Ordinateur, vidéoprojecteur, Tableau blanc, Visioconférence : Cisco Webex / Teams / Zoom
Pendant la formation : mises en situation, autodiagnostics, travail individuel ou en sous-groupe sur des cas réels

Méthodes

Fin de formation : entretien individuel
Satisfaction des participants : questionnaire de satisfaction réalisé en fin de formation
Assiduité : certificat de réalisation (validation des acquis)
Contact : contact@astonbysqli.com
Code de formation : W-JSC
Javascript, dom, js, navigateur, css, xmlhttprequest, html, évènements, formulaires, priogrammation, développement

Tarifs

Prix public : 1775
Tarif & financement :
Nous vous accompagnons pour trouver la meilleure solution de financement parmi les suivantes :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • CPF -MonCompteFormation
Contactez nous pour plus d’information

Lieux & Horaires

Durée : 21 heures
Délai d'accès : 8 Jours

Prochaines sessions

Handi-accueillante Accessible aux personnes en situations de handicap. Pour toutes demandes, contactez notre référente, Mme Rizlene Zumaglini Mail : rzumaglini@aston-ecole.com

à voir aussi dans le même domaine...

Formation continue

Transformation digitale

W-HT4

Conception d’interfaces graphiques full JavaScript avec Angular, TypeScript et Bootstrap

Evaluer les enjeux du développement d'une application web, et son intérêt
Disposer des connaissances et compétences nécessaires pour rendre une application "offline"
Maîtriser l'utilisation du Framework proposé par Google : Angular 2+ (versions 2 et ultérieures)
Comprendre comment tirer parti de Bootstrap pour développer rapidement des pages Web "responsive"
Être capable de prendre en charge l'intégralité du développement de la partie "front"

35 heures de formations sur 5 Jours
En savoir plus

Formation continue

Transformation digitale

J-IP1

Initiation à la programmation

Disposer du vocabulaire (source, bibliothèque, compilation, exécution, bug...)
Savoir traduire des besoins fonctionnels en algorithmes (boucle, test...)
Savoir concevoir globalement une application (programme, modules, procédures, fonctions)
Comprendre comment accéder aux données (fichiers, bases "SQL")
Connaître les différents types de langage (procédural, objet, événementiel)
Comprendre l'importance des types de données
Savoir écrire des programmes simples en Basic et en Java

21 heures de formations sur 3 Jours
En savoir plus

Formation continue

Transformation digitale

W-INI

Créer un site Internet pour non informaticien

Savoir préparer et organiser les contenus prévus pour le site
Comprendre comment élaborer la navigation entre les pages du site Internet
Maîtriser l'écriture du HTML
Comprendre et maîtriser la mise en page à l’aide des feuilles de style en cascade (CSS)
Disposer des bases pour configurer un serveur Web
Être capable d'enrichir le contenu d'un site (vidéos, liens dynamiques)

28 heures de formations sur 4 Jours
En savoir plus

Formation continue

Transformation digitale

W-ACC

L’accessibilité pour le Web, mise en pratique des référentiels

Maîtriser les enjeux de la mise en conformité de son site (bénéfices ergonomiques, implications techniques, éditoriales et budgétaires...)
Anticiper et planifier la migration vers l'accessibilité du site
Acquérir une vision d'ensemble de la conception HTML de sites Web accessibles
Se forger un savoir-faire en conception de pages HTML et feuille de styles accessibles
Comprendre les obligations légales du concepteur de site en termes d'accessibilité

14 heures de formations sur 2 Jours
En savoir plus

Formation continue

Transformation digitale

W-MAR

Web marketing : création, animation & analyse de trafic

Communication, marketing, display, newsletter, affiliation, agence de communication, relation client, agence web, formation communication, mesure performance, plan de communication, mesure de la performance, web marketing, e mailing,

Dresser un panorama des outils e-marketing selon l'objectif, la cible et le budget
Savoir construire un « media planning » pour lancer, animer son site et développer le retour sur investissement
Focus sur quelques leviers, accélérateurs de trafic
Générer et mesurer la performance de vos actions e-marketing

14 heures de formations sur 2 Jours
En savoir plus

Formation continue

Transformation digitale

W-AJA

Développer un site Web 2.0 avec Ajax

ajax, javascript, xml, prototype, scriptaculous, yui, dojo, graceful degradation, dom, formulaire, xmlhttprequest, xhr, drag drop, widgets

Améliorer les applications Web avec Ajax
Créer des applications client riches avec Ajax

21 heures de formations sur 3 Jours
En savoir plus