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

Connaître les applications de Microsoft 365 - Savoir s'organiser en équipe avec Teams et OneDrive - Créer des formulaires avec Forms - Suivre un planning de travail avec To Do et Planner - Configurer un site web collaboratif avec SharePoint - Insérer et partager du contenu web avec SharePoint
Tarif

A partir de 2 475,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Développer son intelligence créative dans un cadre professionnel - Développer de nouvelles idées grâce à des techniques et des outils adaptés - Appréhender les bénéfices des méthodes et outils du design thinking- Comment les promouvoir en interne à ses managers, managés, collègues et autres services - Faire de la créativité un levier de différenciation
Tarif

A partir de 1 250,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Programmer en C#

Proposé par ENI Service

Objectifs de la formation

  • Utiliser les outils de Visual Studio pour créer des projets de développement ;
  • Réaliser des classes en respectant les bonnes pratiques ;
  • Structurer vos applications à l’aide des packages ;
  • Appliquer le concept d’héritage ;
  • Manipuler les différentes collections ;
  • Utiliser les expressions lambdas pour optimiser votre code ;
  • Gérer les erreurs à l’aide des exceptions ;
  • Surveiller le fonctionnement des applications ;
  • Utiliser LINQ pour requêter sur des grappes d’objets ;
  • Déboguer le code C# et réaliser des tests unitaires sur vos classes ;
  • Réaliser des traitements asynchrones pour optimiser l’exécution des programmes.
Tarif

A partir de 2 850,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Développer sa confiance personnelle pour être plus à l'aise dans sa vie professionnelle
  • Définir et pratiquer les mécanismes de l'estime de soi
  • Développer toutes ses potentialités pour maîtriser la confiance en soi
Tarif

A partir de 1 160,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

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

  • Décrire l'architecture des clusters Red Hat OpenShift et des applications Kubernetes
  • Déployer et gérer des applications sur OpenShift et résoudre les problèmes associés
  • Identifier les problèmes liés aux applications et à l'infrastructure et les remonter aux équipes de développement, aux équipes d'exploitation et aux fournisseurs de solutions informatiques.
Tarif

A partir de 3 600,00 €

Durée

5j / 26h

Modes
  • Centre
  • Distance

Objectifs de la formation

Les objectifs de la formation Formation continue à la radioprotection des patients pour les infirmiers de bloc opératoire diplômés d'Etat :

Maintenir et développer une culture de radioprotection afin de renforcer la sécurité des personnes exposées lors des pratiques interventionnelles radioguidées

Tarif

A partir de 386,00 €

Durée

1 jour - 7 heures

Modes

Objectifs de la formation

  • Maîtriser le langage JavaScript moderne (version ES6)
  • Avoir les bases pour travailler ensuite avec des frameworks JavaScript
  • Développer des applications Web interactives
  • Appeler des services Web asynchrones
  • Découvrir la librairie jQuery
Tarif

A partir de 2 450,00 €

Durée

4j / 28h

Modes
  • Entreprise

Objectifs de la formation

  • Définir les "soft skills " et leur importance pour l'entreprise dans l'employabilité des salariés
  • Évaluer les soft skills de ses collaborateurs pour mieux recruter, favoriser l'intelligence collective et la montée en compétences
  • Développer l'intelligence émotionnelle, les capacités relationnelles, créatives et d'adaptation de ses équipes pour améliorer la coopération et mieux gérer les périodes de stress
Tarif

Contacter l'organisme

Durée

2j / 14h

Modes
  • Distance
  • Entreprise

Objectifs de la formation

Développer des applications IOS ou Android conformes aux recommandations des référentiels d'accessibilité numérique (WCAG ou RGAA).
Tarif

A partir de 1 450,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Savoir développer des sites web en HTML 5 - mise en forme/en page en CSS3
Tarif

A partir de 1 275,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Je cherche à faire...