JavaScript niveau 1 : dynamiser son site web

Développement Frontend

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

Tester vos compétences

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

Cette formation ne dispose pas d'évaluation pour le moment.

Organisation

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