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
- Appréhender le concept du framework jQuery et son apport au développement web 2.0 et JavaScript
- Mettre en oeuvre jQuery et améliorer l'ergonomie et l'interactivité de sites internets
- Développer des plug-ins jQuery
| Tarif |
A partir de 1 390,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous aurez acquis les connaissances nécessaires pour :
- Utiliser le Plan Comptable Général pour la codification des pièces comptables (factures clients et fournisseurs, relevés bancaires, bulletins de paie et charges sociales, déclarations de TVA)
- Comptabiliser les opérations courantes
- Enregistrer les écritures à la clôture des comptes (amortissement, provisions, état de rapprochement bancaire, impôts et taxes)
- Mener les contrôles comptables de base pour produire les justifications probantes des comptes annuels
| Tarif |
Contacter l'organisme |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
ExtjS 5 le Framework javaScript de Sencha ,vous permettra de développer des applications Web riches (RIA) et interactives pour mobiles ou Desktop. Ce standard du développement d'application Web respecte le modèle MVC (et même MVVM avec la version 5) et le HTML5 avec tous les navigateurs sur lesquels il s'exécute. Il propose de nombreux composants visuels d'une grande qualité (formulaire avancé, arbre, tableau, onglets,...), et une philosophie d'encapsulation du modèle événementiel qui facilite l'interactivité avec l'utilisateur.
Le design et la richesse de son arborescence de classes en font un modèle particulièrement apprécié des développeurs tant au niveau de la qualité du code que du rendu graphique mais aussi sur le plan professionnel car il facilite le travail en équipes.
Les nouveautés (tactiles, MVVM, responsive, etc.) apportées par ExtJS 5 par rapport à ExtJS 4 seront abordées.
| Tarif |
A partir de 2 260,00 € |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
- Identifier les composantes principales d'un projet métier et les rôles en jeu
- Évaluer les charges et organiser le planning d'un projet
- Construire et suivre le tableau de bord budgétaire d'un projet
- Surveiller et maîtriser les risques d'un projet
- Maîtriser les indicateurs pour décider de sous-traiter
- Manager et communiquer dans le projet
| Tarif |
A partir de 1 990,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
• Connaître et appliquer les principes de base de la communication interpersonnelle aux situations d'entretiens
• Maîtriser la conduite d'entretien
• Mener différents types d'entretien
| Tarif |
A partir de 1 400,00 € |
| Durée |
Nous contacter |
| Modes |
|
Objectifs de la formation
- Créer des visuels vectoriels sur Illustrator
- Retoucher un visuel sur Photoshop
- Créer un support de communication complet mêlant vectoriel et pixel sur Indesign
| Tarif |
A partir de 1 390,00 € |
| Durée |
6j / 42h |
| Modes |
|
Objectifs de la formation
Cerner la démarche globale de l’audit comptable et financier
Maîtriser les techniques du contrôle interne
Auditer les cycles comptables, les comptes et le reporting
| Tarif |
A partir de 1 675,00 € |
| Durée |
2 jours - 14 heures |
| Modes |
|
Objectifs de la formation
Intégrer les aspects juridiques et techniques de l'assurance vie
Distinguer les différents contrats et maîtriser leurs mécanismes
Analyser les spécificités fiscales.
| Tarif |
A partir de 1 795,00 € |
| Durée |
2 jours - 14 heures |
| 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 |
4 jours (28 heures) |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous aurez les connaissances nécessaires pour :
- Découvrir et de mettre en œuvre l'essentiel des possibilités des produits de la nouvelle suite Adobe dans sa version Cloud.
- Comprendre pourquoi Photoshop est un standard incontournable pour la gestion des photos, pourquoi Illustrator l'est pour le dessin et InDesign pour les mises en page professionnelles.
- Tirer parti de la complémentarité de ces logiciels réunis au sein d'une même suite.
- Comprendre le vocabulaire et les concepts communs à tous les logiciels dans le domaine de la photo ou du dessin.
- Intégrer votre création au sein d'une publication qui ajoutera la dimension texte et mise en page (InDesign).
| Tarif |
A partir de 2 350,00 € |
| Durée |
5j / 35h |
| Modes |
|
