01 56 59 33 00
united-kingdom

CONCEPTION D’INTERFACES GRAPHIQUES WEB (FRONT END)

4-IT-FRE
4-IT-FRE
Durée : 5 jour(s)
soit 35 heures
Prix : 2750 €
Programmes
1. Construction de l’interface graphique en HTML
  • La mise en page
  • Les hyperliens
  • Les images
  • Les tableaux
2. Les formulaires
  • Les balises
  • Les différents types de contrôle de saisie
  • Les attributs
  • Validation native des champs
3. Ajouter du style à l’interface graphique
  • Comprendre le but du CSS (Cascading Style Sheet)
  • Les sélecteurs
  • La notion de « boîte » css
  • Le positionnement
  • Les animations
4. Gérer la compatibilité de l’affichage
  • Notion de viewport Utilisation des média queries
5. Utilisation de Bootstrap 4 Pourquoi BootStrap
  • Présentation du système de grille
  • Utiliser la grille
  • Les objets de base
  • Les composants
  • Les icônes
6. JavaScript
  • Présentation de JavaScript
  • Introduction à DOM (Document Object Model)
  • Système évènementiel (Bubbling)
7. Créer des pages interactives
  • Interagir avec les fichiers
  • Intégrer du multimédia
  • Réagir au contexte et à la géolocalisation du navigateur
8. Mode Hors Ligne
  • Détecter le mode Hors Ligne
  • Mise en cache avancée avec AppCache
  • Stocker en local avec WebStorage
9. Communiquer avec une source de données distante
  • Sérialiser, désérialiser, envoyer et recevoir des données avec XMLHTTPRequest
  • Simplifier le code avec ajax jQuery
  • Appels de services web RESTful/JSON
10. Créer un processus Web Worker
  • Exécuter un traitement asynchrone et garantir l’isolement pour les opérations sensibles
  • Utiliser les API « Web Worker  » à partir de code JavaScript pour créer, exécuter et suivre le processus « Web worker »
11. Implémenter des communications en temps réel à l’aide des web sockets
  • Fonctionnement des web sockets
  • Utiliser l’API socket web avec JavaScript pour se connecter, envoyer, recevoir et gérer les événements 
Objectifs
Apprendre à concevoir des interfaces graphiques en HTML5 et CSS3 et garantir que la présentation de l’information reste optimale quelle que soit la résolution de l’écran qui affiche la page web.
L’utilisation de JavaScript permettra de réagir aux interactions de l’utilisateur.
Prérequis
Pour suivre ce stage, il est nécessaire d’avoir une bonne connaissance de la programmation orientée objet.
Profil des participants
Cette formation s’adresse aux développeurs objets souhaitant évoluer vers le développement d’applications web.
Dates des prochaines sessions :
Apprendre à concevoir des interfaces graphiques en HTML5 et CSS3 et garantir que la présentation de l’information reste optimale quelle que soit la résolution de l’écran qui affiche la page web.
L’utilisation de JavaScript permettra de réagir aux interactions de l’utilisateur.
1. Construction de l’interface graphique en HTML
  • La mise en page
  • Les hyperliens
  • Les images
  • Les tableaux
2. Les formulaires
  • Les balises
  • Les différents types de contrôle de saisie
  • Les attributs
  • Validation native des champs
3. Ajouter du style à l’interface graphique
  • Comprendre le but du CSS (Cascading Style Sheet)
  • Les sélecteurs
  • La notion de « boîte » css
  • Le positionnement
  • Les animations
4. Gérer la compatibilité de l’affichage
  • Notion de viewport Utilisation des média queries
5. Utilisation de Bootstrap 4 Pourquoi BootStrap
  • Présentation du système de grille
  • Utiliser la grille
  • Les objets de base
  • Les composants
  • Les icônes
6. JavaScript
  • Présentation de JavaScript
  • Introduction à DOM (Document Object Model)
  • Système évènementiel (Bubbling)
7. Créer des pages interactives
  • Interagir avec les fichiers
  • Intégrer du multimédia
  • Réagir au contexte et à la géolocalisation du navigateur
8. Mode Hors Ligne
  • Détecter le mode Hors Ligne
  • Mise en cache avancée avec AppCache
  • Stocker en local avec WebStorage
9. Communiquer avec une source de données distante
  • Sérialiser, désérialiser, envoyer et recevoir des données avec XMLHTTPRequest
  • Simplifier le code avec ajax jQuery
  • Appels de services web RESTful/JSON
10. Créer un processus Web Worker
  • Exécuter un traitement asynchrone et garantir l’isolement pour les opérations sensibles
  • Utiliser les API « Web Worker  » à partir de code JavaScript pour créer, exécuter et suivre le processus « Web worker »
11. Implémenter des communications en temps réel à l’aide des web sockets
  • Fonctionnement des web sockets
  • Utiliser l’API socket web avec JavaScript pour se connecter, envoyer, recevoir et gérer les événements 
Cette formation s’adresse aux développeurs objets souhaitant évoluer vers le développement d’applications web.
Pour suivre ce stage, il est nécessaire d’avoir une bonne connaissance de la programmation orientée objet.

Formateur expert dans le domaine

  • 1 ordinateur par stagiaire, 1 support de cours par stagiaire (version papier ou numérique), 1 stylo et un bloc-notes par stagiaire
  • Vidéoprojecteur et tableau blanc
  • Feuille d’émargement à la demi-journée, questionnaire de satisfaction stagiaire, évaluations des acquis tout au long de la formation, attestation de stage
  • Éligible au CPF avec passage de certification TOSA ou PCIE (en option)

En amont de la formation

  • Audit par téléphone par nos commerciaux et formateurs
  • Tests d’auto-positionnement avant l’entrée en formation par le biais de questionnaire

Au cours de la formation

  • Exercices pratiques et mises en situation professionnelle pour valider la compréhension de chaque notion abordée dans le programme de cours.

En fin de formation

  • Validation des acquis par le formateur ou via un questionnaire renseigné par les stagiaires
  • Evaluation qualitative par les participants à l’issue de la formation via un questionnaire de satisfaction accessible en ligne
  • Une attestation de fin de formation reprenant les objectifs de formation est également remise aux stagiaires puis signée par le formateur

Modalités d’inscription

  • Inscription possible jusqu’à la veille de la formation, sous réserve de places disponibles, en nous contactant au 01 56 59 33 00 ou par mail formation@sii.fr

Modalités particulières

  • Nos formations sont accessibles aux personnes en situation de handicap. Renseignez-vous auprès de notre référente handicap au 01 56 59 33 00 ou par mail pedagogie@sii.fr

Réservez votre formation

Que cherchez-vous ?