HTML5, CSS3, JavaScript : développement client
- Référence GKJSCP
- Durée 5 jour(s)
Modalité pédagogique
Options de paiement complémentaires
-
GTC 37 TTC
Les GTC sont proposés en exclusivité aux partenaires autorisés afin de gagner du temps et de fluidifier le processus d'achat des formations chez Global Knowledge. Il s’agit d’un crédit universel qui peut être utilisé dans les centres Global Knowledge à travers le monde.
Classe inter en présentiel Prix
EUR3 090,00
hors TVA
Demander une formation en intra-entreprise S'inscrireAller à:
Modalité pédagogique
La formation est disponible dans les formats suivants:
-
Classe inter à distance
Depuis n'importe quelle salle équipée d'une connexion internet, rejoignez la classe de formation délivrée en inter-entreprises.
-
Classe inter en présentiel
Formation délivrée en inter-entreprises. Cette méthode d'apprentissage permet l'interactivité entre le formateur et les participants en classe.
-
Intra-entreprise
Cette formation est délivrable en groupe privé, et adaptable selon les besoins de l’entreprise. Nous consulter.
Demander cette formation dans un format différent
Résumé
Haut de pageInitialement destinés au partage d'information, le Web et les standards d'Internet ont démontré leur capacité de s’imposer pour la mise en œuvre d’applications d’entreprise. Cette formation vous permet de maîtriser le développement de sites Web, dans le respect des standards d'interopérabilité et d'accessibilité du W3C. Le langage HTML devenu universel, comme support de communication entre Clients et Serveurs, il est nécessaire de le maîtriser. Cette formation est le point d’entrée pour tous les types de développement Web (Java, PHP, C++, C# …) respectant le responsive design, le modèle MVC. Elle vous apprend à créer des IHM riches. Elle aborde tous les concepts importants des langages et de leurs évolutions HTML, CSS, JavaScript et introduit les frameworks BootStrap, Ajax pour une meilleure dynamique du site et une conception « mobile first ».
Cette formation s'appuie sur de nombreux exemples concrets que les participants mettront en œuvre et pourront réutiliser.
Prochaines dates
Haut de pagePublic
Haut de page
Toutes les personnes désireuses d'appliquer les dernières technologies du W3C pour mettre en œuvre leurs projets Web.
Objectifs de la formation
Haut de page- Maîtriser HTML, CSS et JavaScript pour la mise en œuvre de page Web en responsive design.
- Manipuler les outils de développement et de debug.
- Comprendre l’évolution des langages pour la maintenance d’applications et manipuler leurs nouveautés.
- Se familiariser avec un framework CSS responsive design et first mobile pour développer son site.
- Comprendre Javascript et l’interaction avec le document pour dynamiser le site Web.
- Utiliser Ajax pour un développement asynchrone
Programme détaillé
Haut de page- Internet, ses organismes, ses protocoles, ses normes et standards.
- Les composants architecturaux d’une application Web: navigateur, serveur, ressource.
- Caractéristiques de http (hyper text transfer protocol) et fonctionnement.
- Du web statique au web dynamique.
Le langage HTML (Hyper Text Markup Language)
- Les différentes évolutions de HTML (Hyper text markup language).
- Le positionnement du W3C (World Wide Web Consortium), le DOM (Document Object Model).
- Structure d'un document HTML : Doctype., entête, corps.
- Contenu d’un document : les titres, le texte, les listes, les liens, les inclusions multimédias
- Les apports du HTML5
CSS3 (Cascading Style Sheets)
- Les concepts de base, les propriétés de style
- Le positionnement des éléments
- Comment gérer la compatibilité des navigateurs.
- Les apports des nouveautés CSS3.
- Couleurs et effets : transparence, dégradés, coins arrondis, ombres portées.
- Caractères : web fonts, ombrage.
- Transformations et animations : rotation, redimensionnement, déformation, transitions, animations.
- Mise en page : multicolonnage, mise en page flexible.
HTML et CSS
- Les formulaires, les nouveaux champs de saisie HTML5.
- La mise en page et les balises d’organisation (header, footer, nav, section, article, aside)
- Les tableaux, les Iframes
- Techniques de validation des formulaires
- Le responsive design et les Média Queries
Framework Frontend : Bootstrap
- Utilités d’un framework frontend
- Développement first mobile
- Contenu et fonctionnement de Bootstrap
- La grille et les classes de Bootstrap
- La mise en page du site web avec Boostrap
Le langage Javascript
- L'objectif de JavaScript.
- Eléments syntaxiques
- La structure générale d'un programme de scripts.
- Les données, les opérateurs, les instructions de contrôle, les tableaux.
- Les fonctions et l'appel de scripts.
La programmation avec Javascript
- Rappels sur les concepts objets, les objets.
- Les différentes catégories d'objets du navigateur.
- Les objets du DOM (Window, Document…) et leurs manipulations.
- Les objets spécifiques à JavaScript.
- Le contrôle des formulaires et la gestion d’évènements
- Le Dynamic HTML : présentation du concept DHTML.
- Modification des styles CSS en JavaScript.
Ajax (Asynchronous JavaScript And XML)
- Présentation et fonctionnement d’AJAX.
- Dialogues client/serveur.
- Protocole HTTP, méthodes GET, POST.
- Chargements de contenu dynamique.
- Formats texte, JSON et XML.
Pré-requis
Haut de pageLa connaissance de l’algorithmique est nécessaire. La connaissance d’un langage de programmation objet est un plus.
Bon à savoir
Haut de pageSupport de cours en français remis aux participants
- /fr-fr/-/media/global-knowledge/merchandising/right-side-column/fr/reviews/java.png #000000
- <p><br /></p><table style="width: 100%; border-collapse: collapse; border-style: solid; border-color: #141c36; float: left;" border="3" cellspacing="2" cellpadding="5" data-mce-style="width: 100%; border-collapse: collapse; border-style: solid; border-color: #141c36; float: left;"><tbody><tr><td style="width: 100%;" data-mce-style="width: 100%;"><p style="text-align: left;" data-mce-style="text-align: left;"><strong><span style="color: #141c36;" data-mce-style="color: #141c36;">Modalité d'évaluation</span></strong></p><hr /><p style="text-align: left;" data-mce-style="text-align: left;">A l'issue de la formation, le participant est invité à s’auto-évaluer par rapport aux objectifs énoncés.</p></td></tr></tbody></table>
- <table style="width: 100%; border-collapse: collapse; border-style: solid; border-color: #141c36; float: left;" border="3" cellspacing="2" cellpadding="5" data-mce-style="width: 100%; border-collapse: collapse; border-style: solid; border-color: #141c36; float: left;"><tbody><tr><td style="width: 100%;" data-mce-style="width: 100%;"><p style="text-align: left;" data-mce-style="text-align: left;"><strong><span style="color: #141c36;" data-mce-style="color: #141c36;">Délais d’inscription</span></strong></p><hr /><p style="text-align: left;" data-mce-style="text-align: left;">Avant le début de la formation <strong>jusqu’à 5 jours ouvrés sous réserve de disponibilité </strong>sauf dans le cas d'un financement <a title="compte CPF" href="https://www.globalknowledge.com/fr-fr/formations/compte-personnel-de-formation-cpf" data-mce-href="https://www.globalknowledge.com/fr-fr/formations/compte-personnel-de-formation-cpf">CPF,</a> jusqu'à 11 jours ouvrés. <a rel="noopener noreferrer" title="formations éligibles CPF" href="mailto:cpf@globalknowledge.fr" target="_blank" rel="noopener noreferrer" data-mce-href="mailto:cpf@globalknowledge.fr">Contactez-nous</a> pour connaître les formations éligibles.</p></td></tr></tbody></table><p><br /></p>
- #000000
- #000000
- GKJSCP
- HTML5, CSS3, JavaScript : développement client
- Programmation Développement
- GKJSCP | HTML5, CSS3, JavaScript : développement client | Training Course | Java.
- Java