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
| Tarif |
Contacter l'organisme |
| Durée | 5 jours - 35 h |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
Contacter l'organisme |
| Durée | 5 jours - 35 h |
| Modes |
|
| 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
-
Mettre en œuvre l’algorithmie dans un langage de programmation ou avoir suivi la formation T410-010 – Algorithmique – Initiation à la programmation
Public
- Concepteurs/Développeurs
- Intégrateurs Web
Ces formations pourraient vous intéresser
Objectifs de la formation
Connaître les principaux Patterns d'architecture et les principales caractéristiques de développement pour le Cloud - Connaître les fondamentaux des règles de sécurité et de conformité - Savoir automatiser le déploiement et concevoir le dimensionnement « flexible » des environnements - Comprendre comment développer des applications multi-tenants - Connaitre les principaux modèles d'architecture applicative et de services - Savoir produire un code évolutif et mettre en place une stratégie de tests des développements| Tarif |
A partir de 2 075,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
Développement d'interfaces web pour applications mobiles à l'aide de IUI| Tarif |
A partir de 1 495,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Mieux comprendre son fonctionnement et celui des autres pour développer une approche bienveillante vis-à-vis de soi et de ses interlocuteurs.
- Adapter sa communication au profil de ses interlocuteurs pour renforcer l'efficacité de la relation.
- Anticiper et gérer les comportements sous stress pour restaurer une communication efficace dans les situations tendues.
| Tarif |
A partir de 2 045,00 € |
| Durée |
3 jours (21 heures) |
| Modes |
|
Objectifs de la formation
- Approfondir la compréhension des concepts clés de Vue.js, tels que les composants asynchrones, les composables et les directives personnalisées
- Maîtriser le routage et la navigation avec Vue Router
- Gérer efficacement les états d'application avec Pinia
- Développer des tests unitaires et end-to-end pour assurer la qualité du code
- Mettre en production et déployer des applications Vue.js en suivant les meilleures pratiques
| Tarif |
A partir de 2 100,00 € |
| Durée |
3 jours |
| Modes |
|
Objectifs de la formation
La présence de votre marque ou de votre entreprise dans les réseaux sociaux nécessite un suivi et un contrôle continu sur tout ce qu'il se dit de vous sur la toile. Aujourd’hui avoir son compte Linkedin, Facebook, Twitter... devient obligatoire pour toutes les entreprises et enseignes ainsi que pour les personnes physiques
À l'issue de la formation, le stagiaire sera capable de :
- Mettre en place sa startégie et développer sa présence en ligne à travers les différents réseaux sociaux en fonction de son activité et de ses attentes
- Optimiser, administrer et animer ses pages professionnelles et ses publications
- Connaître les grands principes de la E-reputation et de la gestion des communautés
| Tarif |
A partir de 800,00 € |
| Durée |
2 jour(s) |
| Modes |
|
Objectifs de la formation
- Maîtriser les outils d’analyse financière de l’entreprise
- Optimiser l’organisation et l’efficacité du service comptable et financier
- Maîtriser les techniques performantes de la gestion de trésorerie court terme
- Acquérir les techniques d’élaboration du processus budgétaire et développer les outils de mesure et de contrôle de l’activité
- Comprendre et maîtriser les caractéristiques juridiques, fiscales et sociales des principales sociétés commerciales
| Tarif |
A partir de 6 600,00 € |
| Durée |
13j / 91h |
| Modes |
|
Objectifs de la formation
- Prendre conscience de son potentiel créatif
- Poser le cadre pour favoriser la créativité
- Utiliser les techniques de créativité
- Transformer l'idée en solution
- Promouvoir ses idées
| Tarif |
A partir de 1 490,00 € |
| Durée |
2 jours |
| Modes |
|
Objectifs de la formation
- Identifier et décrire les principes de développement avec la plateforme Jakarta EE
- Décrire les principes du développement en couches et identifier les responsabilités des composants dans le modèle MVC
- Mettre en place et utiliser un environnement de développement pour concevoir et déboguer une application Web Jakarta EE
- Mettre en place une couche de persistance métier
- Développer des composants servlets pour implémenter la navigation dans l’application
- Développer les vues affichant les données avec la technologie Server Pages et Jakarta Standard Tag Library
- Coder des composants applicatifs complémentaires tels que des filtres et des écouteurs événements applicatifs
- Sécuriser une application Web Jakarta EE en utilisant le modèle de sécurité offert par la plateforme
- Packager, déployer et configurer une application Web Jakarta EE sur un serveur d’application
| Tarif |
Contacter l'organisme |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
- Gérer l'installation et la configuration d'un environnement de développement
- Découvrir le framework Laravel
- Développer une application web en PHP avec Laravel
- Renforcer la maintenabilité et la qualité des applications web
| Tarif |
A partir de 1 390,00 € |
| Durée |
4j / 28h |
| Modes |
|
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 |
|
