Développer des applications HTML5 Responsives avec JavaScript et CSS3

Public admis

  • Salarié en Poste
  • Demandeur d'emploi
  • Entreprise
  • Etudiant

Financements

Eligible CPF Votre OPCO Financement personnel

Objectifs de la formation

  • Construire des pages Web en HTML5
  • Habiller et mettre en forme des pages Web avec CSS3
  • Créer des formulaires avancés
  • Créer des tableaux de données
  • Créer des menus de navigation
  • Utiliser les différentes techniques CSS de positionnement et dimensionnement pour adapter la présentation aux différents appareils (smartphone, tablette, PC)
  • Parcourir et modifier la structure d'une page en JavaScript
  • Gérer des événements utilisateur
  • Intégrer des appels à des Services Web REST et WebSockets en JavaScript

ENI Service


votre centre de formation informatique de confiance
Voir la fiche entreprise

Tarif

Contacter l'organisme

Durée 5 jours - 35 h
Modes
  • Centre
  • Entreprise
  • Distance
Sessions
Lieux Partout en France

ENI Service


votre centre de formation informatique de confiance
Voir la fiche

Tarif

Contacter l'organisme

Durée 5 jours - 35 h
Modes
  • Centre
  • Entreprise
  • Distance
Sessions
Lieux Partout en France

Description

Découvrez comment créer des applications Web efficaces et réactives avec notre formation dédiée au développement HTML5, CSS3 et JavaScript.
Maîtrisez les concepts fondamentaux de ces langages de programmation, de l’organisation d’un site Web à l’intégration de feuilles de style CSS.
Apprenez à mettre en forme et à positionner des contenus, à créer des tableaux et des formulaires HTML5.
Devenez expert du Responsive Web Design, en adaptant vos sites aux différents appareils (smartphones, tablettes, PC).
Abordez les fondamentaux du langage JavaScript et apprenez à interagir avec le Document Object Model (DOM).
Enfin, intégrez à votre application des appels vers des services Web REST et WebSocket.
Notre formation pratique est parsemée de travaux pratiques pour une meilleure assimilation des connaissances.

Programme

Introduction (2 heures)

  • Vue d’ensemble de la création de contenus pour le Web
  • Langages HTML, CSS et JavaScript
  • Organisation d’un site Web
  • Principaux navigateurs et niveau de compatibilité aux nouveautés HTML5 et CSS3
  • Outils de création de contenus pour le Web

Notions fondamentales du langage HTML5 (3 heures)

  • Syntaxe XML
  • Vue d’ensemble des balises HTML
  • Attributs XML, HTML et événements
  • Structure du document HTML
  • Eléments d’entête.
  • Travaux pratiques :
    • Structure HTML de la page
    • Ajout de contenus simples, titres, listes, images
    • Mise en place de liens de navigation entres les pages

Notions de base de la mise en forme en CSS (3 heures)

  • Création et intégration d’une feuille de style CSS
  • Sélecteurs CSS simple
  • Héritage et cascades
  • Couleurs et Unités de mesures : px, in, %, em
  • Sélecteurs CSS3
  • Travaux pratiques :
    • Création d’une feuille de style
    • Application de la feuille de style aux différentes pages

Intégration et mise en forme de contenus simples (3 heures)

  • Gestion du texte, des paragraphes et des listes
  • Gérer les espaces et les sauts de lignes
  • Affichage en ligne ou en bloc
  • Dimensions et marges
  • Bordures et Fonds
  • Travaux pratiques :
    • Mise en forme des éléments texte
    • Mise en page et positionnement des contenus

Structure fluide et positionnement (2 heures)

  • Eléments conteneurs : nav, section, main, header, footer
  • Unités avancées : %, vh, vw, calc()
  • Dimensionnement fluide et marges
  • Positionnements relatifs et absolus
  • Habillage et débordements
  • Travaux pratiques :
    • Création d’un bandeau d’en-tête

Création de tableaux (1 heure)

  • Elément Table
  • Eléments ligne et cellule
  • Mise en forme d’un tableau
  • Travaux pratiques :
    • Ajout d’un tableau de données HTML
    • Habillage du tableau avec CSS

Création de formulaire HTML5 (1 heure)

  • Structurer le formulaire avec les éléments Form, FieldSet et Label
  • Ajouter des éléments Input
  • Créer des listes de valeurs pour les éléments Input
  • Afficher des informations avec les éléments Output, Progress et Meter
  • Mettre en forme et valider un formulaire
  • Ajouter des boutons de contrôle
  • Travaux pratiques :
    • Ajout de formulaire HTML
    • Organisation des champs
    • Mise en forme du formulaire avec CSS

Responsive Web Design (2 heures)

  • Introduction
    • Principes fondamentaux
    • Approche Mobile First
  • Résolutions d’écrans et Media Queries
    • Résolutions et densités des principaux smartphones et tablettes
    • Viewport et Zoom
    • Critères d’adaptation (width, height, device-width, orientation, ...)
  • Travaux pratiques :
    • Conception de pages Responsives
    • Utilisation d’une structure fixe
    • Utilisation d’une structure fluide à l’aide de “Media Queries”

Positionnement à base de « Flexbox » (2 heures)

  • Affichage « Flexbox »
  • Axe principal et axe transversal
  • Répartition et alignement des éléments
  • Dimensions de base, agrandissements et réductions
  • Ordonnancement des éléments
  • Travaux pratiques :
    • Utilisation d’une structure fluide à l’aide de “Flexbox”

Fondamentaux du langage JavaScript (4 heures)

  • Fonctions
  • Tableaux et Objets
  • Fonctions anonymes et Encapsulation
  • Objets
  • Propriété prototype
  • Nouveautés ECMAScript 6
  • Travaux pratiques :
    • Création et intégration des fichiers JavaScript nécessaires dans les pages HTML

Interagir avec le DOM (4 heures)

  • Rechercher les éléments avec les fonctions querySelector() et querySelectorAll()
  • Parcourir le DOM
  • Modifier la présentation et le contenu du DOM
  • Modifier la structure du document
  • Intercepter les événements avec la fonction addEventListener()
  • Travaux pratiques :
    • Création d’objets métiers à l’aide d’un formulaire
    • Affichage des données dans un tableau HTML

Requête AJAX avec XMLHttpRequest (2 heures)

  • Définition d’une API REST
  • L’objet XMLHttpRequest2
  • Configurer une requête AJAX
  • Format d’échange JSON
  • L’événement progress
  • Travaux pratiques :
    • Récupération de données distantes avec XMLHttpRequest

API Fetch et objets Promise (3 heures)

  • Les requêtes Fetch
  • L’objet Promise
  • Synchronisation des traitements et des requêtes
  • Travaux pratiques :
    • Récupération de données distantes avec Fetch API

Communication temps réel (3 heures)

  • API WebSocket
  • Ouverture et fermeture de la connexion
  • Emettre des messages
  • Recevoir des messages
  • Travaux pratiques :
    • Implémentation de la partie JavaScript d’une communication bidirectionnel

Prérequis

Public

  • Concepteurs/Développeurs
  • Intégrateurs Web

Ces formations pourraient vous intéresser

Objectifs de la formation

  • Mettre en place un environnement de développement complet pour PhoneGap/Cordova ;
  • Créer des contrôleurs et des vues en HTML5 et JavaScript
  • Mettre en place la navigation dans l'application
  • Ajouter des traitements asynchrones pour interagir avec des services Web REST
  • Accéder aux fonctions natives de l’appareil avec des plugins
  • Optimiser, construire et déployer l’application
Tarif

Contacter l'organisme

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Elaborer un audit de la chaine de valeur financière
  • Maitriser les différents indicateurs financiers
  • S'approprier les principales notions financières
Tarif

A partir de 1 390,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Découvrir Delphi et développer des applications de gestion de base de données - Créer des applications complexes avec Delphi - Comprendre les processus et la synchronisation
Tarif

A partir de 2 375,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Cette formation a pour objectif de :

  • Présenter les connaissances principales et nécessaires sur l’IA générative :
    • types d’IA
    • grands modèles de langage
    • apprentissage, fenêtre de contexte, hallucination
  • Présenter les principales techniques de requêtage des modèles IA : le prompt enginnering. 3 cas d’usage pour les tests logiciels sont mis en pratique à partir d’une application web réelle : conception de tests, optimisation des tests et automatisation des tests.
  • Couvrir les risques et les limites de l’IA générative, tels que les hallucinations, les risques au niveau des fuites de données et de la cyber-sécurité, et les problèmes de coûts énergétiques des calculs de l’IA
  • Démontrer les méthodes de développement des applications basées sur l’IA générative, telles les Agents IA basés sur les LLM
  • Résume, discuter et partager la mise en place opérationnelle de l’usage de l’IA générative pour les tests

À l’issue de cette formation chaque apprenant sera capable de :

  • Expliquer la différences entre types d’IA, différencier différents LLM et lister les techniques de requêtage des modèles LLM
  • Présenter les principales techniques de requêtage des modèles d’IA générative, tels que le requêtag structuré, basé sur les exemples (few-shot prompting), et les techniques pour analyser des documents du projet ainsi que de créer de requêtes performantes pour accélérer les tâches de conception, optimisation et automatisation des tests.
  • Détecter des problèmes d’hallucinations et trouver des solutions pour les résoudre, définir une approche d’utilisation de l’IA générative pour éviter les fuites de données et les risques de cyber-sécurité, mais également estimer l’impact carbone de l’usage de l’IA générative
  • Expliquer l’architecture d’une application d’IA générative basée sur les LLM, expliquer la technologie RAG – Retrieval Augmented Generation, ainsi que les principes de fonctionnement des agents basés sur l’IA générative
  • Définir une stratégie de mise en place de l’IA générative dans mon environnement, partager avec ses collègues ce qu’il faut privilégir dans l’usage de l’IA générative pour en obtenir des bénéfices concret et éviter les risques
Tarif

A partir de 2 160,00 €

Durée

2 jours en visioconférence (avec un formateur) ou présentiel intra-entreprise

Modes
  • Distance

Objectifs de la formation

Concevoir une stratégie de distribution d'applications appropriée à  l'environnement de l'entreprise - Diagnostiquer et remédier aux problèmes de compatibilité des applications pour les bureaux et les déploiements virtualisés - Utiliser les stratégies de groupe et Windows Intune pour déployer les applications - Déployer les applications de faà§on centralisée avec Configuration Manager - Configurer le déploiement des applications en self-service en utilisant Configuration Manager, Service Manager, et Windows 8 Application Store - Concevoir et déployer les rôles et fonctionnalités de Windows Server 2012 pour supporter la virtualisation - Préparer, déployer et gérer les applications pour un bureau distant, un accès Web au bureau distant et RemoteApp - Virtualiser et déployer les applications en utilisant App-V et System Center 2012 Configuration Manager - Planifier et configurer l'infrastructure appropriée pour organiser le déploiement des mises à  jour logicielles pour les applications et planifier et configurer la sécurité des applications - Planifier et mettre en œuvre les mises à  jour des applications, supersedence et la coexistence des applications - Surveiller le déploiement, la performance et l'utilisation des applications et déterminer quelles sont les applications les plus adaptées aux besoins professionnels
Tarif

A partir de 2 450,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Comprendre ce qu’est la pensée critique et dans quelles situations elle s’applique.
  • Renforcer sa compétence autour de la pensée logique et connaître les différentes étapes de l’analyse de données.
  • Comprendre comment les émotions et les biais interagissent avec notre raisonnement.
  • Utiliser les interactions avec les autres pour parfaire son jugement.
Tarif

A partir de 1 610,00 €

Durée

2 jours (14 heures)

Modes
  • Entreprise
  • Distance
  • Centre

Objectifs de la formation

  • Identifier les apports et décrire le fonctionnement des frameworks MVC
  • Mettre en place un environnement de développement
  • Créer un projet Symfony et mettre en place l'environnement de développement
  • Développer une couche de persistance métier avec Doctrine 2
  • Concevoir le routage des requêtes HTTP avec les contrôleurs.
  • Créer des vues d’affichage et de saisie de données avec le moteur de template Twig
  • Utiliser l’injection de dépendance entre les composants
  • Appliquer une stratégie de sécurité efficace dans une applications Symfony
Tarif

A partir de 990,00 €

Durée

37 heures

Modes
  • Distance

Objectifs de la formation

Maîtriser les outils et techniques avancés du Lean - Développer des compétences en gestion de projet et en leadership pour conduire des initiatives Lean - Apprendre à mesurer et à analyser la performance des processus pour diriger des améliorations continues.
Tarif

A partir de 2 975,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Connaître les bonnes pratiques DevOps pour développer, fournir et gérer les applications et les services à grande vitesse sur AWS
  • Identifier les avantages, rôles et responsabilités des équipes DevOps, et savoir mettre en place une infrastructure AWS qui soutient leurs projets de développement
  • Utiliser AWS Cloud9 pour écrire, exécuter et déboguer votre code et déployer divers environnements avec AWS CloudFormation
  • Héberger des référentiels Git sécurisés, hautement évolutifs et privés avec AWS CodeCommit et les intégrer dans des pipelines CI/CD
  • Automatiser la construction, le test et le code d'empaquetage avec AWS CodeBuild
  • Créer des pipelines CI/CD pour stocker des images Docker et déployer des applications sur Amazon EC2, des applications sans serveur et des applications basées sur des conteneurs
  • Mettre en oeuvre des politiques de déploiement communes telles que « tout en même temps », « progressive » et « bleu/vert »
  • Intégrer les tests et la sécurité dans les pipelines de CI/CD et surveiller les applications et les environnements à l'aide des outils et technologies AWS
Tarif

A partir de 2 400,00 €

Durée

3 jours

Modes
  • Centre
  • Entreprise
  • Distance

jQuery Mobile

Proposé par M2I

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Développer des applications Web avec jQuery Mobile (JQM)
  • Faire cohabiter jQuery Mobile et un framework MVC
  • Créer des pages pour les Smartphones et tablettes
  • Résumer les bases du Responsive Design
  • Utiliser des API HTML 5 pour gérer la déconnexion
  • Déployer sur le Web ou sur les stores avec PhoneGap.
Tarif

A partir de 2 840,00 €

Durée

4j / 28h

Modes
  • Centre
  • Distance

Je cherche à faire...