Formation Technologies Web : HTML5, CSS3, JavaScript
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
À l'issue de cette formation Technologies Web vous aurez acquis les connaissances et les compétenes nécesaires pour :
- Comprendre les architectures WEB et les technologies sous-jacentes
- Développer en HTML/HTML5
- Créer et utiliser des feuilles de style CSS3
- Proposer des formulaires dans votre application WEB
- Tirer parti des nouveautés HTML5 et CSS3 pour alléger les besoins en JavaScript
- Connaître les possibilités multimédia en HTML5/Javascript (video, son, animation)
- Créer des mises en page avec les CSS Grid
- Adapter l'affichage des versions mobile / tablette avec BootStrap
- Proposer des services géolocalisés dans vos développements
- Faciliter la communication entre le serveur et le navigateur (Ajax)
- Proposer des applications hors ligne (mobile, tablette)
| Tarif |
A partir de 2 695,00 € |
| Durée | 5 jours (35h) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 2 695,00 € |
| Durée | 5 jours (35h) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Description
Cette formation Technologies Web vous propose de prendre en main de façon progressive les trois technologies « inséparables » utilisées par les développeurs front : HTML, CSS, et Javascript. Les langages sont tout d'abord présentés de manière individuelle, afin que vous puissiez bien comprendre leurs rôles ; puis, ces langages sont envisagés dans une approche globale afin d'illustrer la complémentarité de cette trilogie HTML, CSS et Javascript.
Bien entendu, les bonnes pratiques présentées sont adaptées aux différents supports (responsive design), et vous permettront de développer des applications Web pour tout type d’équipement (mobiles, tablettes, PC, portable). Nous abordons ensemble les nouveautés vastes et puissantes apportées conjointement par le HTML5, le CSS3, le puissant module CSS Grid ainsi que les nouvelles versions de JavaScript et AJAX.
Programme
Vocabulaire, architecture et protocoles Web
Vocabulaire autour des projets Web (front end, back end, backoffice, web services, etc.)
Les métiers (développeur front, back, full, web master, data manager, référencement, etc.)
Le modèle client/serveur dans le contexte du Web
Les technologies côté front (HTML, CSS, JavaScript)
Complémentarité avec les technologies du back office (Java, PHP, ASP.Net, etc.)
La place des bases SQL dans les architectures Web (architecture n-tiers)
Ce qui a changé pour le développeur avec l’arrivée du HTML5 et du CSS3 ?
Protocoles et formats d’échange entre toutes ces briques (HTTP, XML, JSON, WebServices, Ajax, etc.)
Développer une application Web selon le modèle MVC : définition et explication
Synthèse à travers un exemple simple (formulaire) résumant une architecture standard d’application Web où le rôle de chaque brique est mis en évidence avec du code minimal
Les fondamentaux du langage HTML5
Spécificités d’un langage de balises
Un premier exemple HTML simple pour être concret (texte, titres, hyperliens)
Format général d’un document (en-tête, corps, etc.)
Différences entre HTML, XHTML, et XML
Impacts de la normalisation pour les développeurs
Pourquoi parle-t-on de DOM (Document Object Model) ?
Gestion des paragraphes
Compléments sur les hyperliens
Comprendre les différences de format des images (gif, jpeg, png, etc.)
Gestion des images dans une page HTML
Les listes (puce, numérotée, menu, etc.)
Les tables (th, tr, td, etc.)
Formulaires HTML5
Le point d’interface avec l’utilisateur
Comment gérer un formulaire en HTML ?
Les méthodes GET, POST
Récupérer et envoyer des données depuis un formulaire (FORM, LABEL, INPUT, TEXTAREA, BUTTON,)
Concevoir le formulaire
Mise en œuvre d’un formulaire standard (nom, adresse, téléphone, mail)
Les feuilles de style CSS3 (Cascading Style Sheets)
Présentation des feuilles de style
Pourquoi parle-t-on de cascade ?
Définition et attributs d'un style
La problématique du positionnement des éléments
Normalisation et compatibilité des navigateurs.
Gestion des caractères (web fonts, ombrage, etc.)
Gestion des couleurs et des effets
Les apports des nouveautés CSS3 (survol, animation, transition, etc.).
Zoom sur les transformations et les animations (rotation, redimensionnement, déformation)
Découper l’espace en régions superposables avec les CSS Grid
Tour d’horizon des propriétés CSS (grid-*) et des fonctions (repeat, minmax, fit-content)
L'approche complémentaire Flex
Exemple de feuilles CSS dans une charte graphique professionnelle
Bootstrap pour développer plus simplement
Qu’est-ce qu’une feuille de style LESS ?
Qu’entend-on par « Mobile First » ?
Philosophie « responsive » de Bootstrap
L’intégration de Bootstrap (HTML, CSS, Javascript, frameworks divers)
Installer et utiliser Bootstrap dans son projet
La dimension grille (ligne/colonne) de Bootstrap
Mise en œuvre et tests sur différents équipements (mobile, PC, portable)
Le langage JavaScript
Introduction au langage JavaScript
Présentation d'exemples
Les versions de JavaScript
JavaScript embarqué dans les pages HTML
Les fondamentaux (variables, types, structures, opérateurs, instructions)
Manipulation de tableaux
Fonction (définition, appel, passage d’arguments)
Programmation objet en JavaScript (méthodes, propriétés)
Dialogues avec l'utilisateur en JavaScript
Les pièges classiques en JavaScript
EcmaScript : présentation des nouveautés
JavaScript et EcmaScript (vocabulaire : ECMA, EcmaScript, ES?, ES201?)
Le changement net depuis ES6
Compatibilité avec les navigateurs et les frameworks
Arrow function, promise, etc.
Module import
Gérer les évènements et les données en JavaScript
Les évènements gérés par JavaScript (survol, clic, clavier, etc.)
Propagation des évènements
L’objet Event
Les pop-ups
Le fonctionnement de l'objet document
Interactivité, contrôle et transformation des pages HTML
Manipulation de la page (DOM)
Manipulation des URL et des redirections
Sélection d'éléments
Modification du contenu HTML
Modification du graphisme CSS
Développer au quotidien avec JavaScript
Gestion des chaînes de caractères à travers l'objet String
Les principales fonctions mathématiques dans l'objet Math
Manipulation des dates via l'objet Date
Manipulation des tableaux via l'objet Array
Les expressions régulières dans le JavaScript
Règles de transtypage et comparaisons
Paramètres obligatoires / facultatifs / indéfinis des fonctions
Quelques outils pour tester, debugger et mesurer les performances de vos programmes JavaScript
Gestion des formulaires en JavaScript
Rappel des composants d’un formulaire (checkbox, textbox, list, button, etc.)
Manipulation de l'objet form
Contrôle des données saisies dans un formulaire
Le formulaire dynamique
Liens entre évènements et formulaire (chargement, modification, validation, etc.)
Validation du formulaire précédent « manuellement » en Javascript
AJAX : dialoguer avec le serveur
Pourquoi AJAX (Asynchronous JavaScript And Xml) ?
Mise en œuvre avec l’objet XMLHttpRequest
Méthodes de requête http (GET, POST, etc.)
Récupération de contenus HTML, XML ou JSON
Présentation de JavaScript avec HTML5
Géolocalisation
Glisser / Déposer
Multi upload
Historique (pushstate)
Local Storage
Web GL
Web RTC
Fullscreen
API branchées mobile
Détecteur de proximité
Vibration API
Utilisation du gyroscope du smartphone
Accès à la webcam, au micro
Shadow DOM
Évolutions attendues
Vue générale des frameworks JavaScript
Limites du JavaScript natif
Comprendre le rôle des principaux frameworks et les technologies associées : Angular, Vue, React, Node
Exemples de bases avec Angular
React, philosophie et principes de fonctionnement
Les tendances du marché et des projets
Prérequis
Il faut également connaître les bases de la programmation (variables, tests, boucles, fonctions, etc.) pour la partie JavaScript.
Public
Ces formations pourraient vous intéresser
Formation Déploiement et configuration de ressources dans une infrastructure Cloud (Amazon, Azure et Google Gloud)
Proposé par PLB CONSULTANTObjectifs de la formation
Plus concrètement, à l'issue de cette formation Déploiement et configuration de ressources dans une infrastructure Cloud vous aurez acquis les connaissances et les compétenes nécessaires pour :
- Connaître les concepts fondamentaux du Cloud Computing et de la virtualisation (aspects commerciaux et aspects techniques)
- Identifier les défis techniques et comprendre les dernières tendances en matière de digitalisation associées au Cloud
- Définir la sécurité dans le Cloud, Identifier les risques liés au Cloud Computing et savoir les limiter
- Énumérer les étapes à suivre pour adopter avec succès les services Cloud
- Connaître les solutions techniques disponibles sur AWS, AZURE et GCP (leurs avantages et leurs inconvénients)
- Créer et configurer des machines virtuelles à l'aide des solutions
- Savoir configurer le stockage sur disque et créer des réseaux virtuels
| Tarif |
Contacter l'organisme |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
À l'issue de cette formation Big Data Analyse Visualisation, vous aurez acquis les connaissances et compétences nécessaires pour :
- Comprendre les spécificités du Big Data
- Connaître les concepts fondamentaux et technologies associées au Big Data
- Gérer, collecter et explorer des données
- Analyser et visualiser ces données
| Tarif |
A partir de 2 390,00 € |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
À l’issue de cette formation Polymer JS vous aurez acquis les connaissances et les compétences nécessaires pour :
- Appréhender l'architecture du Framework
- Comprendre le fonctionnement des éléments pour les utiliser
- Créer de nouveaux éléments web réutilisables
- Développer une application Web complète avec Polymer JS
| Tarif |
Contacter l'organisme |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
- Exploiter Google Analytics pour améliorer les performances d'un site Web
- Définir les Indicateurs Clés de Performance (KPI)
- Piloter un plan de marquage pour améliorer l'efficacité et la rentabilité de votre site Web et de vos campagnes e-marketing
| Tarif |
A partir de 1 390,00 € |
| Durée |
1j / 7h |
| Modes |
|
Formation Mise en œuvre de la Vidéosurveillance sur IP, Déploiement et Migration d'installations analogiques en IP
Proposé par PLB CONSULTANTObjectifs de la formation
- Connaître le fonctionnement d'un réseau de vidéo IP
- Configurer un système en utilisant les bons réglages et en mesurant les débits Caméras et Serveurs
- Déterminer les critères clés de choix d'un système de vidéo surveillance
- Quels sont les avantages/inconvénients des différentes technologies de migration de l'analogique vers l'IP
- Optimiser les débits grâce aux architectures Vlan/Qos/Lacp/SpaningTree
- Définir les étapes clefs d'un projet de mise en œuvre de Vidéosurveillance sur IP
| Tarif |
A partir de 2 070,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Décrire les technologies de déploiement de Microsoft
- Identifier et utiliser les différents outils de déploiement du kit de déploiement et d'évaluation Windows (WADK)
- Expliquer et utiliser les Service de Déploiement Windows (WDS)
- Définir et utiliser Microsoft Deployment Toolkit (MDT).
| Tarif |
A partir de 1 830,00 € |
| Durée |
3j / 21h |
| Modes |
|
Formation Reconnaissance d'Image à l'aide de l'Intelligence Artificielle (Computer Vision)
Proposé par PLB CONSULTANTObjectifs de la formation
Concrètement à l'issue de cette formation Reconnaissance d'image Intelligence Artificielle, vous aurez acquis les connaissances et les compétences nécessaires pour :
- Comprendre les fondamentaux techniques de l’IA, ses concepts et son vocabulaire
- Comprendre les techniques et technologies de l’IA utilisées pour la reconnaissance d’image (OpenCV et DeepLearning)
- Savoir identifier les briques techniques existantes (algorithme, solution Cloud, etc.) et ce qu’il reste à produire dans un projet
- Identifier les compétences métiers nécessaires
- Savoir évaluer les coûts d’un projet Computer Vision et le ROI
- Valider les concepts, les technologies et la dimension projet à travers un cas concret
Les personnes ayant un profil technique et souhaitant approfondir leur compétences peuvent suivre directement la formation Computer Vision : Reconnaissance d'image avancée et cas pratiques avec OpenCV et le Deep Learning (ICVA).
| Tarif |
A partir de 990,00 € |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
À l'issue de cette formation Stratégie Mobile vous aurez acquis les connaissances et compétences nécessaires pour :
- Identifier le marché du mobile
- Découvrir les particularités et les attentes du B2C, du B2B et du B2E
- Parcourir les possibilités et les limites du web responsive et des PWA
- Évaluer les possibilités des applications mobiles et l'intérêt potentiel de frameworks hybrides et cross-platform
- Déterminer les intérêts des solutions Low-Code/No-Code pour vos projets
- Disposer d'une grille de lecture claire sur comment bien définir sa stratégie mobile
| Tarif |
Contacter l'organisme |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
- Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
| Tarif |
Contacter l'organisme |
| Durée |
2 jours (14 heures) |
| Modes |
|
Objectifs de la formation
- Structurer une application PHP en respectant les modèles en couche (présentation, métier, intégration).
- Mettre en œuvre les bonnes pratiques de développement.
- Gérer les dépendances d'un projet et leurs versions avec Composer.
- Utiliser les templates en PHP.
- Manipuler des documents XML avec SimpleXML.
- Générer dynamiquement des documents PDF.
- Manipuler des images avec PHP.
- Envoyer des courriers électroniques en PHP.
- Créer, tester, consommer et sécuriser des services Web REST en PHP.
| Tarif |
Contacter l'organisme |
| Durée |
4j / 28h |
| Modes |
|
