Formation Maîtriser HTML5, CSS3, JavaScript et Ajax
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
- Utiliser dès maintenant les nouveautés du web, en restant rétro-compatible
- Tirer partie des nouveautés et ainsi alléger les besoins en JavaScript
- Faire de la vidéo, du son et des animations, sans Flash
- Faire du graphisme avancé et certaines images, sans Photoshop
- Créer des mises en page avec les CSS Grid
- Améliorer son référencement dans les moteurs de recherche
- Adapter l'affichage des versions mobile / tablette (responsive design)
- Proposer des services géolocalisés
- Faciliter la communication entre le serveur et le navigateur
- Proposer des applications hors ligne (mobile, tablette).
| Tarif |
A partir de 2 720,00 € |
| Durée | 5 jours (35h) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 2 720,00 € |
| Durée | 5 jours (35h) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Description
La formation HTML5 est destinée aux développeurs et intégrateurs souhaitant mettre à jour leurs connaissances pour créer des sites Internet performants et robustes utilisant les technologies de pointe du web apportées par les nouvelles spécifications. Ce cours s'adresse aussi aux débutants qui veulent commencer directement par les bonnes pratiques.
Les développements seront adaptés aux différents supports (responsive design) et permettront aussi de créer des applications (mobiles, tablettes, etc.). Au cours de 5 jours de formation, nous aborderons ensemble les nouveautés vastes et puissantes apportées conjointement par le HTML5, le CSS3, le puissant module CSS Grid et les nouvelles versions de JavaScript et AJAX.
Programme
Présentation des technologies ( HTML5 )
HTML5, standards et (rétro-)compatibilité
Navigateurs et outils de travail
HTML5 vs Flash
Applications HTML5 vs applications natives
Sémantique, référencement et accessibilité en HTML5
DOCTYPE, encodage, règles de syntaxe
Les nouvelles balises sémantiques
Relations, micro-formats et micro-données
HTML5 Forms ( Web Forms )
Vue d’ensemble des formulaires nouvelle génération
Les nouveaux éléments : progress, meter, datalist, keygen, output
Nouveaux types de champs : tel, url, email, search, number, etc.
Nouveaux attributs : autofocus, placeholder, form, required, etc.
Validation par le navigateur : required, pattern, formnovalidate
Suggestions automatiques
Exemple récapitulatif
JavaScript nouvelle génération
Mode strict et chargement asynchrone
DOM Level 3 : agir sur la page
Gestion dynamique des évènements
Debug et détection du support du HTML5
JSON et initiation au modèle objet
Initiation à jQuery
Vidéo et audio
Codecs et formats (H264/MP4, OGG/theora, WebM/VP8)
Compatibilité et navigateurs
Les outils de conversion (rapide)
Savoir utiliser les services existants : Dailymotion, Youtube, Viemo
Les balises video, audio
Proposer plusieurs sources dans plusieurs formats
Pré-requis (type MIME et .htaccess)
Les attributs : controls, preload, autoplay, poster
Test de téléchargement d’une vidéo selon plusieurs formats depuis plusieurs navigateurs
Traitements en JavaScript
Les nouveaux sélecteurs CSS3
Les pseudo-classes et pseudo-éléments
Les sélecteurs d’attributs (^, $, *)
Exemple d’application de style « intelligente » combinant les nouveautés
Mise en page et box model
Les positionnements (absolu, fixe, naturel)
Mise en page avec float
Mise en page avec Flex : box-sizing, border box, etc.
Système de grid
Disposition en colonnes
Régions et exclusions
Limites et apports des frameworks (bootstrap, etc.)
CSS Grid
Limites des tableaux et apports des CSS Grid
Positionnement explicite et implicite des objets sur une grille CSS
Alignement des boîtes avec les grilles CSS
Utiliser les lignes ou les zones de la grille ?
Complémentarité Flexbox et Grid
Compatibilité avec les anciens navigateurs
Graphisme avancé
Polices de caractères personnalisées
Couleurs avancées et dégradés
Ombres et opacité
Bordures et arrière-plans avancés
Responsive design
Problèmes techniques posés par l’hétérogénéité (PC, téléphone, tablette)
Solutions apportées par le Responsive Design
Pré-requis pour faire du Responsive Design
Media-queries : s'adapter à la résolution d'écran et à l'orientation
Viewport
Déterminer la valeur d’une propriété CSS (calc)
Positionnement colonnes, tailles fluides et media queries
Disposition adaptative des grilles CSS (grid-template-areas)
Compatibilité des navigateurs avec HTML5/CSS3
Etat des lieux
La détection des capacités des navigateurs
Recommandations
Les outils et les méthodes du développeur WEB
Quels outils pour développer et debugguer ?
Les outils pour améliorer la productivité et la rapidité de codage
Les outils d’une bonne veille technique
Les méthodes de codage moderne pour un code maintenable
Les tendances à venir
AJAX nouvelle génération
XMLHttpRequest 2
Fichiers joints et progression
Requêtes cross-domain
Historique et navigation
AJAX avec historique
Navigation par ancres
Communication entre onglets
Géolocalisation
Obtenir et suivre la position de l'utilisateur
Images : canvas et SVG
Images vectorielles
Création dynamique d'images en JavaScript
Stockage local et contenu hors ligne
Attributs data- personnalisés
localStorage et sessionStorage
manifest.
indexedDB : base de données locale
Communication serveur nouvelle génération
SPDY : le HTTP accéléré
Server-sent events
Websockets : communication permanente
Initiation à node.js
Performances et optimisation
Webworkers: scripts simultanés et partagés
Page Visibility API
Battery API
Navigation Timing AP
Prérequis
Public
Ces formations pourraient vous intéresser
Objectifs de la formation
Plus concrètement à cette formation EmberJS vous aurez acquis les connaissances et compétences nécessaires pour :
- Comprendre les principes de Ember.js
- Mettre en oeuvre les bonnes pratiques de développement
| Tarif |
Contacter l'organisme |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Créer une page HTML avec des éléments simples (texte, images, listes, liens)
- Mettre en forme le contenu de la page en CSS
- Définir des règles de positionnement du contenu
- Créer et mettre en forme des formulaires de saisie
- Créer et mettre en forme un tableau de données
- Intégrer du contenu multimédia
- Intégrer les bonnes pratiques de conception pour créer des pages Web accessibles
| Tarif |
A partir de 990,00 € |
| Durée |
27 heures |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Décrire les architectures typiques du monde Java EE
- Identifier sur quels critères juger une architecture technique
- Sélectionner les technologies Java EE adéquates
- Communiquer avec d'autres technologies
- Utiliser les outils et frameworks officiels et alternatifs.
| Tarif |
A partir de 1 520,00 € |
| Durée |
2j / 14h |
| Modes |
|
Formation ASP.NET MVC Core, développer des applications Web (cours officiel)
Proposé par PLB CONSULTANTObjectifs de la formation
Concrètement à l'issue de cette formation ASP.Net MVC vous aurez acquis les connaissances et compétences nécessaires pour :
- Développer des applications avancées ASP .Net MVC en utilisant les technologies et outils du .NET Framework 4.5
- Acquérir les compétences pour créer des applications Web avec Visual Studio
- Apprendre à tester et déboguer des applications Web ASP .Net MVC4
- Comprendre comment mettre en oeuvre une méthode MVC pour développer en équipe
- Savoir mettre en oeuvre Ajax avec ASP .Net MVC
- Utiliser Silverlight pour développer une application Web
- Être capable d'écrire un service Web Windows Azure et l'appeler à partir d'une application MVC
| Tarif |
A partir de 2 990,00 € |
| Durée |
5j / 35h |
| Modes |
|
Ionic – Développer des applications mobiles multiplateformes avec Cordova et Angular
Proposé par ENI ServiceObjectifs de la formation
- Installer et configurer un projet Ionic
- Structurer l'application à l'aide de composants
- Collecter des données utilisateurs avec des formulaires
- Mettre en place la navigation dans l'application
- Implémenter des services d'accès aux serveurs de données
- Synchroniser des traitements avec les objets Observable
- Synchroniser des traitements avec les objets Observable
- Accéder aux fonctions natives de l'appareil
- Optimiser, construire et déployer l'application
| Tarif |
Contacter l'organisme |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Créer des sites Web avec InDesign
- Décrire le marché du Digital Publishing
- Définir les formes de documents digitaux possibles avec InDesign sans coder
- Créer un projet de document digital adapté à tous les écrans
- Créer des documents animés et interactifs
- Créer des prospectus numériques
- Utiliser les palettes d'objets interactifs d'InDesign
- Utiliser les palettes d'interactions complémentaires proposées avec le plug-in in5
- Produire des eBooks interactifs et des sites Web
- Exporter un document sous différents formats (Publish Online et ePub FXL)
- Exporter au format HTML5 avec le plug-in in5.
| Tarif |
A partir de 1 340,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Comprendre les éléments de base de la programmation en JavaScript et interaction avec la page web
- Maîtriser les concepts importants de JavaScript (types, objets, fonctions, syntaxe, etc)
- Connaître des idiomes de la programmation JavaScript moderne (promesses, programmation fonctionnelle, etc)
| Tarif |
A partir de 1 390,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
À l'issue de cette formation vous serez capable de :
- Créer des tableaux de bord afin de donner du relief aux données significatives
- Construire une application d'intelligence opérationnelle avec des fonctionnalités étendues
- Enrichir les données opérationnelles à l’aide de recherches et de flux
- Modéliser et synthétiser les données et effectuer des recherches basées sur le pivot
- Créez des alertes en temps réel, scriptées et d'autres alertes intelligentes
- Résumer les données avec des tendances à long terme, des rapports et analyses
- Intégrer des graphiques JavaScript avancés et tirer parti de l'API de Splunk
| Tarif |
A partir de 2 990,00 € |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
Concrètement, à l'issue de cette formation Angular, vous aurez acquis les connaissances et compétences nécessaires pour :
- Connaître les principes fondamentaux et le fonctionnement d’Angular et de son outil Angular CLI
- Connaître le langage TypeScript (sur-ensemble de JavaScript ES5 et ES6)
- Savoir développer et réutiliser les différents composants d’une application Angular : composants graphiques, services, directives
- Savoir tester ses composants en isolation
- Être capable de déployer une application Angular en production
- Connaître les nouveautés des dernières versions d’Angular
| Tarif |
A partir de 1 950,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
En créant le langage Dart, l'objectif de Google est de proposer un langage moderne pour le développement d'applications Web et aussi pour combler certaines lacunes de JavaScript.... L'équipe réunie pour la conception de Dart compte des experts reconnus sur les machines virtuelles, sur la génération de JavaScript, sur la conception de langage et sur la création d'environnement de développement.
Le résultat est une plate-forme complète composée :
- d'un langage moderne, tout en restant familier pour les développeurs Java, C# ou C++
- d'une machine virtuelle performante qui sera intégrée à Chrome
- d'un générateur de code JavaScript pour permettre l'exécution des applications Dart dans tous les navigateurs modernes
- d'un environnement de développement basé sur Eclipse. Composée de nombreux exercices, ce cours donne les bases théoriques et pratiques pour maîtriser le langage Dart et ses principales librairies;
| Tarif |
Contacter l'organisme |
| Durée |
3j / 21h |
| Modes |
|
