Venez en toute sécurité dans nos centres ! Voir notre dispositif sanitaire

> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation JavaScript, maîtriser les fondements du développement natif > Formations > Technologies numériques > Formation JavaScript, maîtriser les fondements du développement natif
Nouvelle formation

JavaScript, maîtriser les fondements du développement natif

Une passerelle vers les frameworks front-end

JavaScript, maîtriser les fondements du développement natif

Une passerelle vers les frameworks front-end
Télécharger au format pdf Partager cette formation par e-mail


Vous maitriserez une utilisation avancée de l'HTML5, du CSS3 et du JavaScript. Vous créerez du code CSS avec un préprocesseur, des ergonomies et des jeux interactifs. Vous gérerez les données avec les services web. Ces notions essentielles vous aideront à aborder les frameworks front-end phares.


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf : JNG
Prix : 2490 € HT
  4j - 28h
Pauses-café et
déjeuners offerts




Vous maitriserez une utilisation avancée de l'HTML5, du CSS3 et du JavaScript. Vous créerez du code CSS avec un préprocesseur, des ergonomies et des jeux interactifs. Vous gérerez les données avec les services web. Ces notions essentielles vous aideront à aborder les frameworks front-end phares.

Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
  • Gérer efficacement des feuilles de style CSS avec les préprocesseurs
  • Développer les interfaces graphiques interactives avec JavaScript
  • Créer des objets 3D avec Three.js
  • Maîtriser l'accès aux bibliothèques JavaScript pour le multimédia
  • Accéder à des services web en asynchrone

Public concerné
Développeurs et chefs de projets web, webmasters, webdesigners, graphistes.

Prérequis
Connaissances JavaScript de base.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Programme de la formation

Rappels HTML5, CSS3 et JavaScript

  • Le XHTML, le HTML5 et les balises HTML.
  • Doctype, viewport, mode quirks.
  • Comprendre l'arborescence des différents fichiers : page web, feuilles de style, JavaScript.
  • Méthodes de création dynamique d'objets.
  • Propagation des événements : capturing, bubbling.
  • Gestion des événements : passage de paramètres, this, event.
  • Langage CSS 2.1 et 3 : sélecteurs, propriétés et valeurs.
  • Structurer les feuilles de style et le rendu graphique.

Faciliter les développements CSS

  • Les préprocesseurs SASS et LESS.
  • Langages SASS et LESS.
  • Variables, interpolation, imbrication des sélecteurs, fichiers partiels.
  • Mixins, placeholders, maps, fonctions et boucles.
  • Mise en page adaptative, grid layout et flexbox.
  • Bootstrap 4 : utilisation et personnalisation.
  • Responsive web design, media queries.
Travaux pratiques
Conception d’une feuille de style CSS pour une page responsive design.

HTML/CSS/JavaScript : programmer des interfaces utilisateur avancées

  • Manipulation du DOM et ajout dynamique d'éléments.
  • Gestion et validation de formulaires, bonnes pratiques.
  • Composants, boîtes de dialogue modales, indicateur de scrolling.
  • Déplacement vertical doux, date picker universel, slider circulaire.
  • Boutons réseaux sociaux et formulaire de connexion avec les réseaux sociaux.
  • Effets sur le texte : cutout, ombrage multiple/animé, text clipping.
  • Tableaux dynamiques, barres de navigation évoluées.
  • Fixed sidebar, fixed menu, effet accordéon, onglets.
Travaux pratiques
Conception d’un jeu en HTML5/CSS3/JavaScript.

Graphiques et animations pour des ergonomies fluides

  • Différents formats d'images : GIF, JPG, PNG, SVG.
  • Optimisation et réduction du poids.
  • Affichage full-screen.
  • Fusion de couleurs.
  • Effet parallaxe en CSS, transitions, animations et keyframes.
  • Effet de loupe, Zoom dans une galerie d'images, carrousel et slideshow.
  • Responsive image grid.
  • Filtres sur images, spinner/loader et clipping d'images.
Travaux pratiques
Création de diaporamas photos en mode carrousel et slideshow.

Audio et vidéo, 3D et cartographie

  • Intégration d'une carte pour visualiser l'emplacement de la société.
  • L’API Canvas pour gestion graphique avancée.
  • Intégration de vidéos et d'audios dans une page web.
  • La 3D avec Three.JS.
  • Création et intégration du logo de la société sur les pages.
  • Cartographie avec Leaflet et OpenStreetMap.
  • Caméra, renderer, géométrie, texture et scène.
Travaux pratiques
Conception d’un logo de société en 3D.

Interfaçage de services web

  • Les API utiles pour le développeur : randomuser.me, unsplash.it, placehold.it, googlefonts.
  • Principe des services web, API REST.
  • La bibliothèque AXIOS.
  • L'API REST JSONPlaceHolder.
Travaux pratiques
Consommation de services web via des APIs REST.


Solutions de financement
Pour trouver la meilleure solution de financement adaptée à votre situation : contactez votre conseiller formation.
Il vous aidera à choisir parmi les solutions 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.
  • 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.


Avis clients
4,7 / 5
Les avis clients sont issus des évaluations de fin de formation. La note est calculée à partir de l’ensemble des évaluations datant de moins de 12 mois. Seules celles avec un commentaire textuel sont affichées.
JEAN PHILIPPE C.
25/10/21
5 / 5

Cette formation correspond bien à mes besoins.
MATTHIEU P.
08/06/21
5 / 5

Le Flow de la formation est très bien enchainé. Les exemples pratiques sont récents et fonctionnent . Les mini exercices permettent d’assimiler rapidement les concepts du web. Formateur à l’écoute des questions et qui trouve des solutions pertinentes.
FABIEN G.
08/06/21
5 / 5

Les supports et les exercices sont bien adaptés à la formation,




Horaires
En présentiel, les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
En classe à distance, la formation démarre à partir de 9h.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 15h30 le dernier jour.

Dates et lieux
Pour vous inscrire, sélectionnez la ville et la date de votre choix.
Du 8 au 11 mars 2022
Classe à distance
S’inscrire
Du 8 au 11 mars 2022
Paris La Défense
S’inscrire
Du 7 au 10 juin 2022
Paris La Défense
S’inscrire
Du 7 au 10 juin 2022
Classe à distance
S’inscrire
Du 6 au 9 septembre 2022
Classe à distance
S’inscrire
Du 6 au 9 septembre 2022
Paris La Défense
S’inscrire
Du 29 novembre au 2 décembre 2022
Paris La Défense
S’inscrire
Du 29 novembre au 2 décembre 2022
Classe à distance
S’inscrire