Aller au contenu principal

JavaScript niveau 1 : dynamiser son site web

Développement 174 arrow small right Frontend

frontend web JavaScript

  • Durée

    2 jour(s)
  • Niveau

    Débutant
  • Référence

    DE-078

Présentation

Le langage de programmation JavaScript est le seul langage de programmation algorithmique compris par un navigateur internet. Si HTML permet de structurer le contenu et CSS de le mettre en forme, JavaScript permet de créer des structures de code complexes, comme des fonctions, des conditions ou des boucles, qui donnent au site une capacité de réflexion. Ces algorithmes permettront de cacher ou d’afficher une partie de la page sous conditions, de réaliser une opération au clic sur un bouton, ou encore de sauvegarder et charger des données, en local ou via un service en ligne.
Lors de cette formation, vous découvrirez la synergie entre les langages HTML, CSS et JavaScript. Vous apprendrez à piloter une page web via JavaScript par le biais de programmes simples, basés sur les événements se produisant sur la page. Vous apprendrez également à récupérer des données libres disponibles sur internet pour les mettre en forme et en page sur un site internet.

Objectifs de la formation

  • Comprendre le fonctionnement du web
  • Savoir rédiger du code JavaScript
  • Savoir interagir avec les éléments d’une page web
  • Savoir délayer des actions et envisager la programmation événementielle
  • Comprendre les notions de portée
  • Savoir valider les données et comprendre les bases de la sécurisation
  • Savoir récupérer des données d’internet

Public

  • Toute personne travaillant ou souhaitant travailler dans le développement de sites et d’applications web, notamment la partie visuelle.

Prérequis

  • Des connaissances en HTML, CSS sont nécessaires
  • Des connaissances en algorithmique sont un plus

Programme

1- Introduction

Fondamentaux du web et de son protocole
Fonctionnement des sites web, différences entre les langages
Présentation rapide des langages HTML, CSS et JavaScript

2- JavaScript : Syntaxe

Principes de base et liaison avec le HTML
Principe d’un algorithme
Syntaxe de JavaScript
Les variables, conditions, boucles et fonctions
Manipulation des pages avec le DOM : sélection et modification

3- JavaScript : Les événements

Qu’est ce qu’un événement ?
Programmation événementielle et les impacts sur le développement
Tirer parti des « callbacks »
Qu’est ce qu’une promesse en JavaScript ?

4- Communiquer en dehors de la page web

Communication inter-fenêtres
Communication avec une API avec XHR et fetch

5- Bonnes pratiques liées à JavaScript

Le mot-clé « use strict »
La portée des variables et des fonctions
Fonctions auto-appelantes
L’événement DOMContentLoaded : pourquoi ?

Date de dernière modification : 22/03/2024

Organisation

162 arrow small up 163 arrow small down

Modalités d'évaluation :

Questionnaires à choix multiples (QCM) en fin de formation. L'intervenant formulera également une appréciation sur vos acquis pour l'entièreté de la formation.

Moyens pédagogiques :

Formation alternant la théorie et la pratique, avec un intervenant présentant la formation en direct. Possibilité de réaliser cette formation en face-à-face dans nos locaux, dans vos locaux d'entreprise ou à distance via visioconférence.
Une fois terminée, vous disposerez d'une attestation de suivi de la formation, ainsi que des contenus de cours relatifs au contenu présenté.

Informations pratiques :

En cas de dispense dans nos locaux, le matériel informatique est fourni et l'ensemble des commodités sont accessibles. Nos locaux sont également accessibles aux personnes à mobilité réduite : découvrir notre centre.
Retrouvez toutes les informations pratiques pour préparer votre formation sur notre page dédiée : informations pratiques.

Ces formations pourraient vous intéresser

  • Web front : HTML, CSS et JavaScript niveau 1

    Les sites internet sont devenus incontournables dans notre vie de tous les jours, et leur nombre est en constante évolution. Selon Internet Live Stats, plus de 1.9 milliards de sites internet sont en ligne (novembre 2021).
    Si de …

    En savoir plus
  • Python : construire ses premiers scripts

    Python est un langage de programmation avec une utilisation constante et croissante. Il est souvent apprécié pour sa syntaxe simple et lisible, ainsi que pour ses multiples possibilités : programmation fonctionnelle ou …

    En savoir plus
  • PHP : les fondamentaux

    Si de nombreux sites internet sont aujourd’hui créés à partir de systèmes dits « CMS » (Content Management System, ou Système de Gestion de Contenus) tels que WordPress, WiX ou Drupal, de nombreuses raisons demeurent …

    En savoir plus