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
Cette formation Optimiser votre visibilité sur Linkedin vous donne les connaissances et compétences nécessaires pour :
- Optimiser votre profil
- Etablir votre stratégie LinkedIn
- Choisir les applications adéquates pour votre activité
- Créer le profil de la société et mettre en valeur les prestations proposées
- Etre trouvé par vos cibles & élargir votre réseau
- Renforcer la confiance qu’ont vos contacts à votre égard
| Tarif |
Contacter l'organisme |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
- Comprendre les principes de base de la surveillance des applications et des infrastructures avec Promotheus
- Configurer et déployer Promotheus et Grafana
- Interroger et visualiser les données de performance à l'aide de PromQL et de tableaux de bord Grafana
- Configurer des alertes pour monitorer les seuils critiques
- Optimiser et maintenir les performances de Promotheus et Grafana
| Tarif |
A partir de 2 100,00 € |
| Durée |
3 jours |
| Modes |
|
Objectifs de la formation
- Créer des macros en mode enregistrement
- Exploiter les objets et collections Excel
- Organiser le code en procédures
- Déclarer et utiliser des variables et des constantes
- Utiliser des conditions et des boucles pour agir sur le scénario d’exécution du code
- Créer et gérer des boites de dialogues et des formulaires simples
- Gérer les erreurs et utiliser les outils de débogage
- Créer et utiliser des fonctions personnalisées
- Optimiser le code en utilisant des variables de type tableau
- Créer et utiliser des procédures évènementielles sur les objets Excel
- Créer et gérer des formulaires personnalisés
- Piloter des applications Microsoft à l'aide de l'automation
- Manipuler des fichiers et des dossiers
| Tarif |
A partir de 1 750,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
Enfin, à l'issue de cette formation Cloud Technology Associate vous aurez acquis les connaissances et les compétences nécessaires pour :
- Identifier les concepts fon damentaux du cloud computing et de la virtualisation. Notamment les bénéfices pour le métier et les aspects techniques (high-level) de la virtualisation.
- Identifier les défis technologiques associées au cloud computing et à la virtualisation.
- Identifier les caractéristiques des applications cloud.
- Définir les étapes d'une adoption réussie de services cloud
- Identifier les mesures de sécurité et de risque associées au cloud computing, ainsi que les mesures de mitigation des risques
- Définir les facteurs associés à l'implémentation des différents modèles de cloud computing
- Passer l'examen CCC-CTA
| Tarif |
A partir de 2 390,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Connaître les spécificités de la plateforme et ses fonctionnalités
- Savoir développer son réseau et acquérir de nouveaux abonnés
- Savoir créer et administrer une page entreprise
- Analyser les statistiques de son activité sur LinkedIn pour évaluer les retombées de ses actions commerciales
- Créer un profil valorisant et commercialement efficace
| Tarif |
A partir de 390,00 € |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Décrire les principes de base et les principales applications du Design émotionnel
- Appliquer le Design émotionnel aux produits et aux comportements.
| Tarif |
A partir de 1 420,00 € |
| Durée |
2j / 14h |
| Modes |
|
Formation SwiftUI, développer simplement vos interfaces utilisateur pour iOS
Proposé par PLB CONSULTANTObjectifs de la formation
Concrètement, cette formation SwiftUI vous apporte les connaissances et compétences nécessaires pour :
- Savoir créer des vues Swift UI et les intégrer dans un projet Xcode
- Savoir partager des données entre des vues avec Swift UI
- Maîtriser la navigation entre les vues Swift UI
- Savoir gérer les widgets classiques avec Swift UI (listes, onglets, etc.)
- Savoir dessiner avec Swift UI (formes, vecteurs…)
- Savoir utiliser les gestures avec Swift UI
| Tarif |
A partir de 1 860,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Décrire le rôle et le positionnement d’un serveur d’application Jakarta EE tel que Tomcat dans une infrastructure informatique?
- Installer et paramétrer Tomcat avec des contraintes de production?
- Maîtriser l’architecture de Tomcat et ses principes de configuration pour en adapter le fonctionnement?
- Déployer selon les bonnes pratiques, des applications Web Jakarta EE?
- Sécuriser un serveur Tomcat et l’accès aux applications Web?
- Superviser et optimiser les performances du serveur?
- Mettre en place une solution de haute-disponibilité (clustering) en utilisant les solutions du marché
| Tarif |
Contacter l'organisme |
| Durée |
4j / 28h |
| Modes |
|
Formation Node.js : Développer des Web Services en JavaScript avec Node.js
Proposé par PLB CONSULTANTObjectifs de la formation
À l'issue de cette formation Node.js, vous aurez acquis les connaissances et compétences nécessaires pour :
- Connaître le fonctionnement et les usages courants de la plateforme Node.js
- Connaître les spécificités de la programmation côté serveur en JavaScript
- Savoir installer et configurer un serveur Node.js
- Connaître les particularités de la programmation asynchrone et celles de la programmation orientée événements
- Savoir paramétrer et manipuler l’API Node.js et son serveur d’API REST
- Savoir se connecter à une base de données
- Mettre en œuvre les bonnes pratiques Node.js
| Tarif |
A partir de 1 850,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
À l'issue de cette formation AWS - Architecture sur Amazon Web Services vous aurez acquis les connaissances et les compétences nécessaires pour :
- Employer les modèles d'architecture de solutions courantes sur AWS : applications Web, traitement par lot et hébergement d'applications informatiques internes
- Utiliser les composants et les fonctionnalités de conception pour garantir évolutivité, élasticité et haute disponibilité
- Concevoir des solutions intégrant des fonctions de sécurité, d'authentification et d'autorisation avec AWS
- Identifier les procédures de migration vers le cloud
- Concevoir des solutions en optimisant les coûts.
| Tarif |
A partir de 2 420,00 € |
| Durée |
3j / 21h |
| Modes |
|
