Sélectionner une page

Conception d’interfaces graphiques Web (Front End)

Formation, Informatique

Télécharger le programme de la formation !

Objectifs de la formation

  • 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
  • Enfin l’utilisation de JavaScript permettra de réagir aux interactions de l’utilisateur

Participants / Pré-requis

  • 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

Moyens pédagogiques

  • Alternance entre apports théoriques (40%) et exercices pratiques (60%)
  • Support de cours fourni lors de la formation

Programme

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

Intéressé par une de nos formation ? Inscrivez-vous ou contactez votre conseiller AFIB !

Intéressé par une de nos formations ? Inscrivez-vous ou contactez votre conseiller AFIB !