Formation webmaster - HTML, CSS et Javascript - Niveau 3Niveau : initiation - Durée : 5 jours

Pré-requis : une bonne compréhension de HTML, CSS et de Javascrlpt brut (Non jQuery ) est nécessaire. Il est conseillé d'avoir suivi les formations de niveau 1 et de niveau 2.

Objectif : acquisition de connaissances approfondies dans le but de permettre aux stagiaires de maîtriser la conception d'un site web très avancé en HTML, CSS et Javascript.

Méthode pédagogique : théorie, modes opératoires et transfert de compétences par réalisation d'ateliers pratiques.

Public visé : cette formation est destinée aux personnes connaissant déjà bien HTML, CSS et Javascript et ayant déjà réalisé un ou plusieurs sites web. Les concepts abordés sont destinés à parfaire vos techniques et méthodes de développement, accélérer votre travail et votre capacité de production commerciale. Nous utiliserons des outils récents et performants comme Node.js, Gulp, Browserify ou Stylus tout en travaillant sur des notions avancées de Javascript, de HTML (API) et de CSS en passant par les tests unitaires et d'intégration.

Prochains stages en inter-entreprises.


Programme de la formation HTML5, CSS3, Javascript, jQuery - Développement d'interfaces clients et sites Web - Niveau 3

Formation web design / responsive design

  • Introduction
  • Rappels de HTML, de CSS et de Javascript si nécessaire
  • Outils et méthodes de travail
  • Le processus de développement et ses différentes étapesFormation HTML, CSS, Javascript - Nancy - 54 - Meurthe et Moselle - Lorraine - Niveau 3
  • Installation d'un serveur local avec Node.js et paramétrage d'un éditeur de code
  • Configuration d'un outil de "build automatisé" (Gulp, browserify, ...)
  • Intégration du système de versions Git dans le processus de développement

CSS3

  • Les nouvelles techniques CSS3
  • Flexbox, colonnes, unités, ...
  • Manipulation de SVG
  • Animation CSS3
  • Différences entre transitions, transformations et animations
  • Les transitions : état initial et état réactifFormation HTML, CSS, Javascript, JQuery - Niveau 3
  • Les transformations CSS3 : échelle, déplacement, rotation, ...
  • Un peu de 3D en CSS
  • Les animations CSS3
  • Animer du SVG
  • Discussion autour des compatibilités de navigateurs
  • Contrôle des animations CSS par Javascript
  • Utilisation d'un pré processeur CSS
  • Installation et exploitation de Stylus

Javascript

  • Organiser son code
  • Création d'une libraire personnelle à l'aide de Browserify
  • Concepts avancés
  • Temporisation
  • Portée et contexte
  • Passage par référence et valeur
  • Les fonctions de rappelConception de sites web dynamiques
  • Les fermetures
  • Currying
  • Chaînage
  • Orienté objet
  • Classes et instances en Javascript
  • Encapsulation
  • Visibilité publique et privée
  • Les prototypes
  • Héritage
  • Composition
  • Modules
  • Les événements
  • Les événements personnalisés
  • Le Design Pattern Mediatar
  • Gestion des erreurs
  • L'objet Erreur
  • Générer des exceptions
  • Traiter les exceptions
  • Tester son code
  • Installation d'un environnement de test avec Karma et Mocha
  • Débogage
  • Tester ses modules Javascript un à un
  • Tester les réactions de l'interface

HTML5

  • Glissé - déposé HTML5
  • Utilisation de l'API Drag and Drop HTML
  • Local storage
  • Enregistrement local de données avec PAPI LocalStorage
  • Géolocalisation
  • Accéder aux informations de localisation utilisateur par l'API Geolocolisation
  • Dessiner avec Le Canvas HTML5
  • Configuration du canvas
  • Premières formes simples
  • Animer les illustrations
  • Un peu de 3D avec la bibliothèque THREE.JS

Questions / réponses

Autres formations complémentaires


We use cookies

Nous utilisons des cookies sur notre site web. Certains d’entre eux sont essentiels au fonctionnement du site et d’autres nous aident à améliorer ce site et l’expérience utilisateur (cookies traceurs). Vous pouvez décider vous-même si vous autorisez ou non ces cookies. Merci de noter que, si vous les rejetez, vous risquez de ne pas pouvoir utiliser l’ensemble des fonctionnalités du site.