Prototypage - Création de sites - Intégration Réaliser une WebApp

Objectifs
  • Comprendre les différences entre application native et WebApp
  • Intégrer les spécificités ergonomiques d’une WebApp
  • Penser une navigation adaptée
  • Créer une WebApp via les langages HTML, CSS, JavaScript et jQuery
Public concerné

Cette formation est accessible aux graphistes, maquettistes, chefs de projet et webdesigners.

Pré-requis

Il est nécessaire de connaître les bases du HTML et des CSS pour suivre cette formation.

Compétences visées

À l’issue de cette formation, les stagiaires seront en mesure de développer une WebApp. Ils auront acquis les connaissances pour gérer l’intégration HTML, la mise en forme CSS et appréhendé les bases nécessaires en JavaScript / jQuery Mobile.

Méthodes pédagogiques

Alternance de théorie, de démonstrations et de mise en pratique grâce à de nombreux exercices. Méthode d’apprentissage progressive avec objectifs à atteindre. La validation des acquis se fait sur un cas concret de production.

Moyens techniques / suivi
  • 8 participants maximum
  • 1 Mac ou 1 PC par personne
  • 1 tablette graphique mise à disposition sur demande
  • 1 clé USB de 8 Go remise à chaque participant
  • Poste du formateur relié à un vidéo-projecteur
  • Logiciels : Dreamweaver, Edge Animate
  • 1 livre et / ou 1 support de cours remis en fin de stage
  • Hotline illimitée par e-mail
  • Fiche d’évaluation, feuille d’émargement et attestation de présence
Profil du formateur

Webdesigner ayant plus de 10 ans d’expérience en enseignement.

Programme

Introduction

  • Différence entre WebApp et application native
  • Différence entre WebApp et Responsive Design
  • Rôle et fonctionnement du HTML5, des CSS3, de jQuery Mobile
  • Déclarer un site
  • Transférer les fichiers via un client FTP

Design et ergonomie

  • Dimension et résolution pour supports mobiles et tablettes
  • Design, ergonomie de navigation, typographie
  • Optimisation des médias
  • Créer une icône de bureau et une page de chargement

Structure de page en HTML5

  • Mise en place des fichiers jQuery, jQuery Mobile et CSS
  • Insérer les métatags
  • Ajouter une infobulle
  • Sectionner les différentes vues
  • Gérer les modes de transition

Gestion du contenu et mise en forme

  • Insérer du texte et définir une police Web
  • Insérer des images, des vidéos via des services de diffusion
  • Gérer des arrière-plans
  • Ajouter des liens internes et externes
  • Les images, les bordures, les couleurs et les dégradés
  • Les angles arrondis et les ombres portées
  • Gérer l’affichage du header et du footer
  • Créer et personnaliser des listes
  • Orientation : paysage et portrait
  • Utiliser les ratios

Gestion des fichiers JavaScript

  • Créer un diaporama d’images en fondu
  • Créer un slideshow avec navigation
  • Créer des onglets accordéons
  • Créer des menus extensibles

Formulaire et contact

  • Créer, traiter et envoyer les données du formulaire
  • Créer un lien vers un mail et un téléphone

Géolocalisation

  • Créer une page d’accès
  • Intégrer et afficher une carte Google Maps
  • Utiliser les API de Google Maps

Mode hors connexion

  • Mise en place des fichiers
  • Faisabilité et contraintes techniques
  • Gestion de la mémoire cache

Animation

  • Introduction à Edge Animate
  • Gestion de l’événement Swipe
  • Intégration de l’animation à la WebApp
Marketing Digital - Web - Médias sociaux Voir toutes les formations
0

Réaliser une WebApp

5 jours 35 heures 7 450 €HT*

* À partir de

Organisez cette formation dans votre entreprise selon vos plannings et les disponibilités de nos intervenants (dates continues ou discontinues).

Cliquez ici pour plus d'informations

Ce tarif inclut :

  • La préparation pédagogique de la formation par notre équipe (validation des pré-requis, définition des objectifs et des compétences visées
  • Un entretien téléphonique avec le formateur
  • L’animation de cette formation dans vos locaux pour 3 stagiaires maximum
  • Les supports de cours (si prévus)
  • La gestion administrative de la formation (frais de dossier, devis, conventions…)

Ce tarif n’inclut pas :

  • La mise à disposition du matériel nécessaire au bon déroulé de la formation (ordinateurs, vidéo-projecteur, logiciels…),
  • De rendez-vous de préparation avec le formateur,
  • La conception de supports spécifiques,
  • Les éventuels frais de déplacement et d’hébergement du formateur.

Important :

  • Ces formations peuvent également être organisées dans nos salles de formation exclusivement pour vos collaborateurs (dans ce cadre, nous nous chargeons de tous les aspects logistiques).
  • Dans le cadre de formations « intra / sur mesure », la durée des formations peut bien sûr être modifiée selon vos impératifs et objectifs

Fermer

Demander un devis