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

Participants :
Développeurs et chefs de projets web, webmasters, webdesigners, graphistes.

Durée : 4 jours - 28 heures
Tarif : Nous contacter pour une formation INTER – INTRA ou en COURS PARTICULIER

La formation est délivrée en présentiel ou distanciel (e-learning, classe virtuelle, présentiel et à distance). Le formateur alterne entre méthodes démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation). La validation des acquis peut se faire via des études de cas, des quiz et/ou une certification.

Cette formation est animée par un consultant-formateur dont les compétences techniques, professionnelles et pédagogiques ont été validées par des diplômes et/ou testées et approuvées par l’éditeur et/ou par Audit Conseil Formation.

Dates des formations
Contactez-nous pour des informations sur les disponibilités pour cette formation.
Logo ACF

Demande de devis

Formation
Cadre
Pôle Emploi
Nom/Prénom
Société
E-mail
Téléphone
Période
Evaluer mon niveau

Les objectifs

Gérer
Gérer
efficacement des feuilles de style CSS avec les préprocesseurs
Développer
Développer
les interfaces graphiques interactives avec JavaScript
Créer
Créer
des objets 3D avec Three.js
Maîtriser
Maîtriser
l'accès aux bibliothèques JavaScript pour le multimédia

pré-requis

Connaissances JavaScript de base.

Moyens pédagogiques, techniques et d'encadrement

  • 1 poste de travail complet par personne
  • De nombreux exercices d'application
  • Mise en place d'ateliers pratiques
  • Remise d'un support de cours
  • Remise d'une attestation de stage

Modalités d'évaluation des acquis

- Evaluation des besoins et objectifs en pré et post formation
- Evaluation technique des connaissances en pré et post formation
- Evaluation générale du stage

Accessibilité handicapés

- Au centre d’affaires ELITE partenaire d’ACF à 20 m.
- Guide d’accessibilité à l’accueil.

Le Programme

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.

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.

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.

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.

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.