Avoir un site internet est essentiel pour communiquer avec les clients potentiels sur les prestations proposées ou encore pour vendre des produits. Avoir un site internet ne suffit pas, il faut aussi qu’il soit attractif pour attirer le plus grand nombre de clients potentiels.

Joomla!, créer et administrer un site web

Vous apprendrez à installer et configurer Joomla! sur un serveur, à créer et administrer un site Web ainsi qu’à en assurer l’évolution. Vous verrez également comment gagner en efficacité en composant des modèles et comment adapter la solution à vos besoins personnels à l’aide de composants, de modules et de plug-ins.

  • 3 jours
  • Au centre ou dans vos locaux
  • Devis sur demande
  • Certification TOSA

Pré-requis :

Connaissances de base en HTML et en création de sites Web.

Objectifs :

– Installer et configurer Joomla! sur un serveur
– Prendre en main l’interface d’administration de Joomla!
– Créer et mettre en forme le contenu des pages d’un site Joomla!
– Installer et paramétrer des extensions et des modèles
– Gérer les utilisateurs d’un site Joomla!
– Déployer un site Joomla! sur un serveur distant.

Programme :

Concepts fondamentaux de Joomla!
– Présentation. Les différentes versions.
– Domaines d’application, références industrielles.
– Structure et fonctionnalités d’un CMS.
– L’architecture de Joomla!.

Premiers pas avec Joomla!
– Installation et configuration de Joomla! sur un serveur local. Paramétrer le site.
– Adapter langue et modèle. L’espace de travail.

Structure de l’interface d’administration Joomla!
– Prise en main de l’interface d’administration.
– Gestion et administration des contenus.
– Gestion des extensions : les menus Composants et Extensions.

Créer le contenu des pages Web avec Joomla!
– Les catégories et articles.
– Définir les paramètres liés aux articles.
– Gestion des articles supprimé, des images et du texte.
– Créer un lien ou insérer une ancre.
– Le système de navigation. Insérer un tableau, un calque.

Gérer les utilisateurs
– Rôles et permissions. Créer des comptes utilisateurs.
– Gérer les utilisateurs et un site collaboratif.

Les modèles (templates)
– Architecture d’un fichier de modèle. Le fichier templateDetails.xml.
– Choisir et installer un modèle. Paramétrer des modèles Joomla!.
– Sélectionner des modèles en fonction des besoins Responsive.

Enrichir les pages Web avec des extensions
– Test de modules préinstallés.
– Test de composants préinstallés.
– Test de nouvelles extensions à installer.

Administration du site
– Configuration avancée du site.
– Déployer un site Joomla! sur un serveur distant.
– Suivi du site, statistiques de visites.

Joomla!, Perfectionnement

Vous découvrirez comment personnaliser la présentation de votre site par la création de template et l’enrichirez à l’aide d’extensions. Vous apprendrez à créer un site multilingue, à optimiser la recherche et l’indexation de vos contenus. Vous mettrez en oeuvre des fonctionnalités avancées de l’administration Joomla!.

  • 2 jours (selon niveau)
  • Au centre ou dans vos locaux
  • Devis sur demande
  • Certification TOSA

 

Pré-requis :

Connaissances équivalentes à celles apportées par le stage “Joomla!, créer et administrer un site Web”. Avoir des connaissances de base en HTML et CSS.

Objectifs :

– Personnaliser la présentation graphique d’un site
– Enrichir un site à l’aide d’extensions
– Créer un site multilingue
– Optimiser la recherche et l’indexation de contenus
– Publier un site sur un serveur distant
– Sauvegarder et restaurer les données d’un site.

Programme :

Personnaliser la présentation graphique du site
– Paramétrer la gestion et l’affichage des articles.
– Assigner un template spécifique à un lien de menu.
– Créer des layouts simples depuis l’interface d’administration.
– Télécharger et personnaliser un template.
– Créer un template responsive à l’aide de l’API Joomla!.
– Comprendre le module Chrome de Joomla!.
– Créer un module d’affichage en HTML. Définir les styles CSS à l’aide du framework BluePrint.
– Enrichir le site : extensions front office (animations, menus…) et back office (gestion des contenus, traduction…).

Créer un site multilingue
– Les packs langage de Joomla!.
– Les fichiers de langue : organisation et installation.
– Activer le plug-in Filtre de langue.
– Installer le module Changement de langue.
– Assigner les éléments de contenu à une langue.
– Définir les menus et les modules pour chaque langue.
– Associer un template spécifique à chaque langue.
– Traduire un site avec l’extension FaLang.

Optimiser la recherche et l’indexation
– Mettre en place le module Recherche.
– Collecter les statistiques de recherche avec le composant Recherche.
– Indexer les contenus.
– Activer et configurer une recherche avancée.
– Inspecter les contenus indexés et les plans de contenus.
– Analyser les statistiques de recherche.
– Créer des filtres de recherche.

Administrer un site Joomla!
– Comprendre les informations système : paramètres PHP, fichiers de configuration, fichiers de logs.
– Définir les paramètres SEO et la réécriture d’URL.
– Gérer les profils utilisateurs et les droits de chacun (ACL).
– Configurer le système de messagerie.
– Activer les options de débogage.
– Publier un site sur le serveur distant. Gérer le cache.
– Accéder aux fichiers de l’application à l’aide du composant eXtplorer.
– Sauvegarder, restaurer, migrer un site à l’aide de l’extension Akeeba Backup.

Formation WordPress initiation

Installer et gérer un site d’entreprise
Connu pour sa plate-forme de blog, WordPress est devenu un CMS à part entière permettant de créer et gérer facilement des sites Web. Vous apprendrez à installer, configurer et administrer WordPress. Vous construirez un site et en gérerez le contenu et l’habillage. Vous découvrirez enfin les principales extensions.

  • 3 jours
  • Au centre ou dans vos locaux
  • Devis sur demande
  • Certification TOSA Digital

 

Pré-requis :

Connaissances de base des technologies Web.

Objectifs :

– Environnement Internet et local
– Installation locale de WordPress
– Construction du contenu
– L’apparence du site
– La responsabilité de l’administrateur
– Extensions et maintenance du site.

Programme :

Introduction
– Qu’est-ce qu’un CMS, ses fonctionnalités.
– Distinctions Blog/Site, Article/Page.
– La blogosphère, les rétroliens.

Environnement Internet et local
– Le concept de client/serveur, langages, protocoles.
– Notions rapides de BDD : Mysql.
– Hébergement, nom de domaine. Wampserver.

Installation locale de WordPress
– Installation (aperçu du fichier wp-config).
– Aperçu de la base de données.
– Le tableau de bord.
– Découverte : outils, menus et navigation.

Construction du contenu
– Gestion des catégories, des mots-clés, des pages et sous-pages, des articles, des liens, des médias.
– Paramétrage de la page d’accueil.
– Création de menus.

L’apparence du site
– Les templates (modèles).
– Ajouter un template.
– Les widgets.

La responsabilité de l’administrateur
– La responsabilité du contenu.
– Point sur le droit d’Internet.
– Le ‘trolling’, le ‘spamming’.
– Gestion des utilisateurs et leur niveau de droit.

Extensions et maintenance du site
– Qu’est-ce qu’une extension ? Chercher et installer une extension. Ouverture de Hello Dolly.
– Extension pour le référencement : ALL IN ONE SEO.
– Extensions pour la protection : Akismet…
– Extensions pour le contenu : Contact Form 7, WP DB Backup, Google Analytics, WPSuperCache.
– Maintenance et sauvegarde.

Formation WordPress : Perfectionnement

Vous apprendrez à installer WordPress sur un serveur local et distant. Vous créerez de nouveaux templates afin de personnaliser vos sites, adapterez la solution à vos besoins via le développement de nouvelles extensions et de widgets. Vous concevrez de nouveaux types de contenus et apprendrez à maintenir votre site.

  • 2 jours
  • Au centre ou dans vos locaux
  • Devis sur demande Certification TOSA

 

Pré-requis :

Avoir déjà installé WordPress. Avoir des connaissances en PHP ou en programmation.

Objectifs :

– Hébergement
– Fonctionnement des templates
– Création de template
– Les différents contenus
– Extensions et Widgets
– Aspects techniques divers
– Sécurité.
– Maintenance et Migration.

Programme :

Hébergement
– Analyse de la procédure d’installation.
– La base de données, le fichier wp-config.
– Différence entre installation distante et locale.

Fonctionnement des templates
– Les fichiers du template.
– Hiérarchie des templates.
– Les fichiers inclus.
– Le loop.
– La requête de la boucle, requêtes multiples.

Création de template
– Fonctionnalité WP 3.0 (Gestion des menus et des widgets).
– Modèle de page.
– Thème enfant.

Les différents contenus
– Rappel Articles/Pages/Liens.
– Initiation au Codex de WordPress.
– Les champs personnalisés.
– Les shortcodes.
– Les custom_post_type.
– La taxonomie.

Extensions et Widgets
– Notion de hook. Analyse du fonctionnement.
– Les extensions. Analyse de l’extension Hello dolly.
– Les widgets. Analyse du fonctionnement.

Aspects techniques divers
– Aperçu du fichier .htaccess.
– Référencement (réécriture des URL, métas, sitemaps, google analytics, …).
– Analyse d’un thème compatible HTML5 (Bones, HTML5 Blanks…).

Sécurité
– Sécuriser par les extensions.
– Sécuriser par le .htaccess.
– Sécuriser par la gestion des utilisateurs.

Maintenance et Migration
– Mise à jour.
– Maintenance.
– Transfert de WordPress.

Prestashop : Créer un site e-commerce

A l’issue de cette formation, vous serez capable de mettre en oeuvre et de gérer avec Prestashop un site marchand complet et opérationnel. Vous pourrez notamment créer un catalogue de produits, une liste de clients, gérer les commandes, la boutique en ligne ou encore administrer les solutions de paiement.

  • 5 jours
  • Au centre ou dans vos locaux
  • Devis sur demande
  • Certification TOSA

 

Pré-requis :

Connaissances de base de Windows et de l’utilisation du Web.

Objectifs :

– Mettre en oeuvre un site marchand opérationnel.
– Créer un catalogue de produits et de clients.
– Gérer les commandes et administrer les solutions de paiement.
– Définir les frais de transport et de livraison.
– Administrer et suivre l’activité d’un site marchand.

Programme :

Présentation de Prestashop
– Objectif d’un site e-commerce. Fonctionnalités principales. Installation locale/distante.
– Prestashop côté utilisateur (Front Office) : éléments de la page d’accueil, système de navigation, modules.
– Prestashop côté administrateur (Back Office) : le panneau d’administration, les onglets.

Créer un catalogue de produits et de clients
– Créer la hiérarchie des catégories et des sous-catégories. Affecter des produits à une catégorie.
– Créer des clients et des groupes de clients.

Gérer les commandes et administrer les solutions de paiement
– Créer une nouvelle commande. Afficher les commandes d’un client.
– Contrôler le statut d’une commande (livrée, en attente, annulée, réglée…).
– Les modules de paiement (chèque, PayPal…). Définir les restrictions des modules de paiement.

Définir les frais de transport et de livraison
– Définir les règles de calcul des frais de transport et de livraison. Définir des tranches de prix, de poids.

Mettre en place les modules de la boutique
– Identifier les modules du thème par défaut. Les modules Identifiez-vous, Votre compte/Panier…

Créer un thème personnalisé
– Définir le design et les styles du thème personnalisé. Contrôler la position des blocs.
– Greffer un module. Trouver des thèmes et des modules.

Suivre l’activité du site
– Afficher les statistiques. Définir les préférences. Proposer des offres spéciales.
– Afficher les produits phares sur la page d’accueil. Offrir les frais de port. Créer des ventes croisées.

Administrer la boutique
– Déposer sa marque et son nom de domaine. Configurer .htaccess pour Prestashop. Optimiser le référencement.

Formation HTML – Initiation Pratique

Ce stage vous permettra d’acquérir les notions essentielles du langage HTML et de ses différentes versions : HTML, XHTML, HTML5. Vous apprendrez à structurer des documents au moyen des principales balises, à les valider et à les rendre accessibles.

  • 1 jour
  • Au centre ou dans vos locaux
  • Devis sur demande
  • Pas de certification

 

Pré-requis :

Pratique courante d’Internet.

Objectifs :

– Construire une structure de document HTML accessible et valide
– Maîtriser les balises sémantiques
– Créer un tableau
– Créer la structure d’un formulaire simple
– Comprendre l’importance de l’accessibilité au travers des référentiels AccessiWeb et WCAG.

Programme :

Présentation du langage HTML
– Histoire de l’HTML.
– Le XHTML et le HTML5.
– Les trois types de balises : balises block, inline et métadonnées.
– Le Doctype. Le mode quirks. La DTD.

La structure d’un document HTML
– Le <head>. Le <body>.
– Les balises sémantiques et génériques.
– Les attributs.

Le <head>, l’en-tête d’un document HTML
– La balise <title>
– Les <meta> « description » et « http-equiv »
– Les balises <link>, <script> et <style>
– L’encodage, le type mime.

Le <body>, le corps d’un document HTML
– Les balises block : <h>, <p>, <ul>, <li>, <div>, …
– Les balises inline : <a>, <img>, <span>, …
– Le lien, l’attribut « alt »
– Autres balises sémantiques : <blockquote>, <cite>, …
– Le commentaire HTML

L’affichage de données tabulaires
– la balise <table>
– les attributs « height », « width » et « border »
– Les balises <tr>, <td>, <th>, <tbody>, <thead>, <tfoot>
– Les attributs « colspan » et « rowspan »
– Les attributs « scope » et « summary »

Les principales balises de formulaires
– La balise <form>
– Les attributs « method » et « action »
– Les balises <label> et <input>
– Les attributs « name » et « id »
– Les attributs « accesskey » et « tabindex »

L’accessibilité numérique
– Définition de l’accessibilité
– Le cadre légal. Le référentiel AccessiWeb
– Les WCAG.

Formation CSS – Donner du style à vos pages web

Le langage CSS est devenu le langage de référence pour la mise en page des sites Web. Durant ce cours, vous apprendrez à élaborer des feuilles de style permettant de gérer l’apparence et la disposition des éléments de vos pages web. Vous découvrirez également comment utiliser CSS conjointement avec Javascript.

  • 2 jours
  • Au centre ou dans vos locaux
  • Devis sur demande

 

Pré-requis :

Connaissances de base en HTML et en création de sites Web.

Objectifs :

– La base des CSS
– Les boîtes et blocs
– Les styles textuels
– Les images
– Les formulaires
– Modifications des CSS en JavaScript

Programme :

Rappels
– L’architecture client/serveur. Les navigateurs.
– Les langages côté client XML, (X)HTML, CSS, JavaScript.
– Le Web sémantique. L’accessibilité. L’encoding.

La base des CSS
– Les avantages des feuilles de style.
– Les différentes versions de CSS (CSS1, CSS2, CSS3).
– La cascade CSS. Le stockage des feuilles CSS.
– Le support par les navigateurs.
– Les types de sélecteurs (id, class et balises).
– L’ordre de priorité. Les propriétés.
– Les unités de mesure (em, px, pt…).
– Les couleurs (RVB vs de base).

Les boîtes et blocs
– Les balises de bloc vs en ligne.
– Le flux CSS. Les marges (margin, padding).
– Positionnement dans le flux (relatif, flottant), positionnement hors flux (absolu, fixe).
– Le z-index (altitude). La propriété box-sizing. Les contextes de formatage.
– Fonds et bordures (couleurs, transparence, coins arrondis, ombres portées).
– Le contenu (déroulement/scrolling).
– Cas particulier des tableaux.

Les styles textuels
– Modification des fontes (tailles, polices, couleurs…).
– Alignement du texte.
– Les pseudo-classes.
– Les effets visuels (clignotement…).
– Listes et menus horizontaux et verticaux.

Les images
– De contenu (img) vs d’apparence (background).
– Redimensionnement. Rollover.
– Liens et images.

Les formulaires
– Design de champs de saisie, liste de sélection, zone de texte, case à cocher…
– Mise en forme des étiquettes (labels), des légendes, groupes de champs (fieldset)…

Modifications des CSS en JavaScript
– Modification des styles en JavaScript (les interfaces style et className).
– Effets : apparition, cliqué-glissé, menu déroulant…

Formation HTML5, CSS3, Orienter votre conception vers des sites web modernes et dynamiques

Cette formation vous apprendra à créer des pages et des applications Web en utilisant HTML5 et CSS3. Vous découvrirez les avancées proposées par le HTML5 notamment en termes d’interfaces Web riches/RIA, de multimédia et de moyens de communication permettant la mise en oeuvre d’applications client/serveur attractives.

  • 2 jours
  • Au centre ou dans vos locaux
  • Devis sur demande

 

Pré-requis :

Connaissances de base en HTML et CSS.

Objectifs :

– Concevoir et développer des applications Web en HTML 5 et CSS 3
– Mettre en place et valider la structure HTML 5 des pages Web
– Habiller des pages Web en CSS 3 afin de les rendre plus attractives
– Rendre responsive design les pages Web d’un site
– Intégrer des animations et du contenu multimédia.

Programme :

Rappels
– Rappels sur les versions HTML (HTML 4, XHTML 1.x, XHTML 2).
– Les DTD : strict, transitional, frameset.
– Les différents composants d’un document HTML : titres, paragraphes, liens, tableaux, formulaires…
– Les commentaires.
– La structure composite d’un document HTML : images, feuilles de style CSS, JavaScript, Flash…
– Le modèle de document (DOM).
– Le protocole HTTP.
– Interaction client/serveur HTTP.
– Interprétation du HTML par le navigateur.
– Position des navigateurs face aux technologies HTML.

Introduction au HTML 5
– Les objectifs de HTML 5.
– Le WhatWG versus W3C.
– Les principaux concepts et apports.
– Les différents composants : balises, formulaires, audio, vidéo, API, etc.
– Outils de développement HTML 5.
– Test de compatibilité, méthode de détection HTML 5.

Nouvelle structuration
– Les éléments traditionnels structurant un document HTML 5 (doctype, html, head, body, meta …).
– L’élément <nav> et la mise en place d’informations de navigation internes au site.
– L’élément <section>et la mise en place de blocs de contenus.
– L’élément <article> et la mise en place de contenus indépendants du document.
– L’élément <aside> et la mise en place de blocs d’informations complétant un contenu principal.
– Les éléments <header> et <footer> et la mise en place de sections d’introduction et de conclusion d’un bloc.
– Les autres balises de structure.
– Les nouvelles catégories de contenus : Metadata content, Flow content, Sectioning content, Heading content.
– Les nouvelles catégories de contenus : Phrasing content, Embedded content, Interactive content.
– La validation des pages avec le valideur officiel du W3C.
– Intérêt de ses nouvelles balises de structure.Imbrication et type de contenu.

 

Les sélecteurs CSS 3
– Rappel sur la syntaxe : les sélecteurs, les règles.
– Sélecteurs de répétition nth-child(even).
– Sélecteurs de cible target.
– Sélecteurs frère antérieur ~.
– Sélecteurs d’enfant unique only-child.
– Media Queries pour le chargement conditionnel des CSS selon la résolution ou l’orientation du terminal.
– Création de layout avec flexbox (organisation des éléments en fonction d’une grille).

Les couleurs et la mise en forme du texte
– Rappel sur les déclarations rgb et rgba.
– Les modèles hsl et hsla.
– La propriété opacity.
– Support des polices distantes @font-face.
– Mise en forme du texte.
– Gestion des débordements par text-overflow.
– Gestion des enchaînements par wrap-option, white-space-treatment…
– Effets de couleur et d’ombre sur texte text-fill-color, text-shadow…
– Les modes multicolonnes avec column-count, column-width…

La mise en forme des boîtes et des fonds
– Les ombres avec box-shadow.
– Les coins arrondis avec border-radius…
– Les fonds multiples.
– Les gradients de fond (-webkit-gradient).
– Les fonds ajustés aux conteneurs.

Les transformations
– Les transformations : translations, rotations, homothéties (-webkit-transform).
– Les animations : les animations, les transitions (?webkit-transition).

Programmation en HTML5 avec JavaScript et CSS3

Ce cours vous apprendra à développer des applications Web via la programmation JavaScript, le HTML5 et le CSS3. Vous verrez comment rendre vos sites plus dynamiques et les enrichirez à l’aide de contenus multimédias grâce à l’HTML5.

  • 5 jours
  • Au centre ou dans vos locaux
  • Devis sur demande

 

Pré-requis :

Connaissances de base de JavaScript, HTML et CSS.

Objectifs :

– Apprendre à développer des sites et des applications Web avec HTML5 et CSS3
– Rendre les sites Web plus dynamiques et plus interactifs
– Savoir insérer du contenu multimédia grâce à l’HTML5

Programme :

La structure du langage
– Le langage HTML et le CSS.
– Le langage JavaScript.
– Le concept des balises.
– Les objets d’un document.
– Les titres et les paragraphes de texte.
– La taille, la couleur et la police.
– Introduction à JavaScript.
– Insérer un script dans un document HTML/XHTML.

Les formulaires avec le HTML5
– La déclaration de formulaire.
– Zone de texte à une et à plusieurs lignes.
– Le menu déroulant. Les différents boutons.
– Organiser les éléments d’un formulaire.
– Les formulaires à l’environnement mobile (téléphone, tablette).
– La validation avec JavaScript.

Le style HTML5 avec CSS3
– Comment utiliser le CSS3.
– La mise en page et le positionnement.
– Le niveau de présentation.
– Le positionnement par grille.

Le langage JavaScript
– Les éléments de base (syntaxe, variables…).
– Les fonctions. Les objets personnalisés.
– Les objets globaux (Array, Date…).
– Les tableaux.

Les API HTML5
– Utiliser les API pour avoir des fonctions interactives.
– Le Drag et Drop. Le multimédia.
– Le mode hors connexion pour une application Web.

Interface utilisateur adaptative
– Créer des pages auto-adaptables aux périphériques.
– Dessiner en HTML. Le SVG.
– Les graphiques interactifs à l’aide de graphiques vectoriels évolutifs.
– Ajouter des animations. Les transitions CSS.

Transmission de données et communication en temps réel
– Communiquer avec une source de données distante.
– Transmission des données.
– Sérialisation. XMLHTTPRequest.
– WebSocket. Echanges entre client et serveur.
– L’API Socket Web et JavaScript.

Technologies XML, conception, mise en œuvre

XML est devenu incontournable tant sur le poste utilisateur que sur les serveurs de l’entreprise. Le besoin de partage et d’échange d’informations entre utilisateurs et entre applications a accéléré l’usage des technologies XML. Ce stage vous montrera comment tirer profit de ces technologies et des normes associées. Au moyen de travaux pratiques, vous apprendrez à concevoir et à gérer vos données XML, à les diffuser et à les publier, à les exploiter via vos applications, vos services Web et vos bases de données, sans négliger les aspects liés à la sécurité.

  • 4 jours
  • Au centre ou dans vos locaux
  • Devis sur demande

 

Pré-requis :

Connaissances de base en développement, bases de données, architectures Internet/Web.

Objectifs :

– Créer des documents XML valides et bien formés
– Parser des documents XML
– Générer des documents multi formats via des transformations XSL-T et XSL-FO
– Découvrir les technologies XML à la base des échanges de données
– Comprendre le positionnement du XML par rapport aux bases de données
– Découvrir les différents protocoles de sécurisation XML
– Découvrir les technologies XML permettant de concevoir des interfaces graphiques.

Programme :

Industrie XML
– Rappel sur les langages structurés : SGML, HTML, XML et XHTML.
– Le contexte actuel. Pourquoi XML est incontournable ?
– XML et le schéma directeur du S.I. La structure XML.
– Avantages et inconvénients de XML.
– Comparaison entre les différents formats : XML, JSON, CSV.
– Rôle prédominant des offres bureautiques.
– Les langages XML techniques (WML, SVG, XAML, VoiceXml) et les langages XML métier (FixML, CML…).
– Panorama des éditeurs XML.

Les parseurs XML
– Offre du marché. Rôle des parseurs : performances, avantages et inconvénients.
– Les types de parseurs : push (SAX), pull (XMLPull ou StAX).
– Les représentations arborescentes (DOM, JDOM…), “Data Binding” (Castor ou JAXB).
– Les Data Island et l’intégration dans les pages Web.
– Les accélérateurs XAN (XML Aware Network).
– Les parseurs Java (JAXP), .NET, Flash (XML Parser).
– Ajax et la lecture de données dans les pages HTML.

Validation de documents
– Structure et composants d’un document XML : éléments, attributs, entités…
– Les métadonnées (XMP, ITCP, EXIF).
– Document bien formé et document valide.
– Les modèles de validation. DTD, XML-schema (XSD), Relax-NG, Schematron. Syntaxe et mise en oeuvre.
– Schémas XSD : structure, syntaxe, typage des données, outils de composition. Modélisation.
– Les Namespaces. Rôle, intégration, partage, création.
– Exemple d’appel à partir d’une page XHTML.

Transformation XSL-T
– Enjeux du langage XSL-T.
– Intégration dans le système d’information.
– Les processeurs XSL-T.
– Le langage de transformation XSL-T 1.0, 2.0 et 3.0 : construction d’arbres, restructuration.
– Génération multiformat : XHTML, SVG, PDF.

Publication de documents
– Visualisation brute d’un document sur les navigateurs.
– Mise en forme avec les feuilles de style CSS.
– Rôle du XHTML sur l’accessibilité. Conseils techniques. Outils de validation du W3C.
– XPATH 1.0, 2.0 et 3.x : naviguer dans les données XML.
– Les feuilles de style XSL-T : templates, structures. Mode de programmation déclaratif, impératif, hybride.
– Le langage XSL-FO pour le formatage d’objets.
– Conversion en format papier PDF, RTF… Avantages et usage des outils de génération de XLS (Stylevision).

Message et échanges XML
– Le DOM du W3C et l’interface de programmation normalisée : Data Island, Ajax, JavaScript.
– Les serveurs d’applications : .NET et Java EE.
– Portail d’entreprise.
– Transfert et sérialisation de messages : Rest, XML-RPC, SOAP, WSDL, UDDI. Définition des Services Web.
– XML et la bureautique. Les formats d’échange de documents. RDF.
– Dynamisation XSL de documents bureautiques : Microsoft Office (Open XML), Open Office (Open Document)

XML et les bases de données
– Positionnement du XML par rapport aux bases de données. Stockage de documents XML. Bases semi– structurées. Data Island.
– SGBDR aux bases natives XML Xindice, Tamino.
– Outils de Mapping pour la production de codes C#, Java, XSL dédiés aux conversions de types (SOAP / SGBD / XML / XSD).
– Langages d’interrogation XML : XPath, XQuery, extensions du SQL.
– XML et les bases de données (Oracle, SQL Server, MySQL).

Sécurité des échanges XML
– Principe du chiffrement, signature électronique, certificat numérique (X509…).
– Les différents protocoles de sécurisation XML : HTTPS, XML Signature (Xml Dsig), XML encryption, XML access control…
– La sécurisation des services Web : WS-security (SOAP).

Technologies graphiques XML
– Présentation de langage d’interfaces (XAML…).
– SVG : standard vectoriel, dynamisation XSL, animations web SMIL.
– InfoPath : la technologie de formulaires électroniques.
– Blogs et RSS (Really Simple Syndication), ATOM un format de syndication de contenu Web.

Formation XML, modéliser vos documents et données

Ces dernières années ont vu une forte progression de la popularité de XML, le standard du W3C pour l’écriture de documents structurés. A l’issue de cette formation, le participant aura une maîtrise complète de la syntaxe du langage XML Schema et des règles de modélisation permises par ce langage.

  • 3 jours
  • Au centre ou dans vos locaux
  • Devis sur demande

 

Pré-requis :

Connaissances de base des technologies XML et de la modélisation de données.

Objectifs :

– XML et la composition de documents
– Les espaces de noms
– Le langage XML Schema
– Techniques de modélisation XML
– XML et la conception objet
– Les meilleures pratiques de modélisation.

Programme :

Rappels sur XML et les technologies associées
– Structure et composants d’un document XML.
– Document bien formé et document valide.
– Les données structurées et semi-structurées.
– Les différents types de parseurs XML et leur rôle.
– La galaxie des technologies XML.

XML et la composition de documents
– Objectifs des langages de structuration : DTD, XML Schema, Schematron et Relax NG.
– Les principales parties d’un schéma.
– Syntaxe EBNF pour DTD (Data Type Definition).
– Validation des documents. DTD à racines multiples.

Les espaces de noms
– Description et utilisation des espaces de noms.
– Combinaison de vocabulaires multiples.
– Combinaison de langages : XHTML, Xforms et SVG.
– Etude de la portée d’un espace de nom.

Le langage XML Schema
– La syntaxe du langage.
– Définition d’un vocabulaire et d’une grammaire.
– Tester les valeurs des éléments et des attributs.
– Organisation des éléments : séquence, choix, tas.
– Utilisation des clés et des règles d’unicité.

Techniques de modélisation XML
– Les modèles de conception.
– Schémas uniques applicables à différents types de documents.
– Modèles génériques réutilisables (liste, grille, etc.).
– Documents utilisant de multiples schémas.

XML et la conception objet
– Rappels sur les concepts de l’orienté objet.
– Concepts objets du langage XML Schema.
– Types, classe, dérivation, polymorphisme.
– Représentation UML/XML. Inclusion de schémas.

Les meilleures pratiques de modélisation
– Composition et héritage.
– Types de constructions : “Poupées russes”, “Tranches de salami” et “Stores vénitiens”.
– Catalogues de modèles de conception.
– Des modèles de contenu extensible.

JavaScript au cœur des architectures web, état de l’art

Ce cours vous présentera l’importance du JavaScript dans les architectures orientées Web et mobiles. Vous découvrirez différents frameworks de conception et solutions d’industrialisation du Front. Il vous aidera également à mieux comprendre l’impact du JavaScript sur l’organisation et la productivité des équipes.

  • 3 jours
  • Au centre ou dans vos locaux
  • Devis sur demande

 

Pré-requis :

Aucune connaissance particulière.

Objectifs :

– Découvrir les solutions d’industrialisation du Front-End
– Connaître les principaux frameworks JavaScript et leurs impacts sur la conception d’applications Web
– Comprendre l’impact du JavaScript sur l’organisation et la productivité des équipes Web
– Maîtriser les architectures Web applicatives.

Programme :

Evolution du JavaScript/les outils du Front-End
– Les langages Ecmascript. Programmation et concepts Objet.
– Evolution vers ECMAScript 6 : constructeurs, polymorphisme, fonctions, array, déclaration et portée de variables.
– CoffeeScript et la programmation Objet renforcée, TypeScript, MetaScript.
– Présentation de Grunt et des traitements pour minifier CSS, JavaScript.
– Gestion des packages avec Bower. NPM et l’environnement collaboratif de composants.
– Synchronisation navigateur/développements (Browsersync…).
– Environnement de test avec NodeJS. Les outils de débogage et de profiling.
– Présentation de Chrome devtools (profiling mémoire, remote debug…).

Frameworks JavaScript, API HTML5/JavaScript au service du Responsive
– Frameworks de composants graphiques et techniques (jQuery, prototype…).
– Frameworks MVC clients Backbone, AngularJs, EmberJS.
– Frameworks mobile (jQuery Mobile, Sencha…).
– Framework NodeJS (du JavaScript côté serveur).
– API HTML5 : graphisme et accès aux ressources des terminaux (gyroscope, rotation, caméra…).
– Importance de JavaScript dans le Responsive. Gestion des images retina.
– Contrôle des ressources disponibles et chargement dynamique. Impact du Responsive sur la performance, -solutions.
– Quel rôle attribuer au JavaScript et au design (HTML CSS) ? Répartition des rôles.

Traitements multithread/Protocoles de communication
– Les WebWorkers, impact sur l’organisation logicielle et la construction de frameworks.
– Programmation asynchrone, solutions, organisation.
– Ajax 2, opportunité sur les échanges Client/Serveur.
– Echange multiframe (PostMessage).
– Websocket et opportunités (push…).
– SOAP : point sur les appels client.
– Solutions collaboratives et protocoles OT : sharejs, togetherjs…

Mode déconnecté/Sécurité
– Mise en place d’une solution embarquée.
– Gestion des chargements du cache (manifest et ses API).
– Stockage de données : LocalStorage, SessionStorage, EmbededDB…
– Sécurisation des codes JavaScript.
– Protection XSS, CRSF.
– Encodage et pratique de modification du DOM.
– Stockage de données.

JavaScript, HTML dynamique

Le langage JavaScript est devenu incontournable dans le développement de sites Web, tant pour sa relation forte à l’interface graphique que pour le traitement client/serveur. Ce stage vous apportera toute la connaissance pour interfacer le langage avec les éléments graphiques des pages Web et ainsi pouvoir réaliser des menus déroulants, des animations, modifier dynamiquement les styles de présentation ou encore réagir aux actions de l’utilisateur… Il vous apprendra également à lancer des requêtes au serveur (Ajax) et à manipuler des données XML.

  • 4 jours
  • Au centre ou dans vos locaux
  • Devis sur demande

 

Pré-requis :

Bonnes connaissances du HTML.
Connaissances de base en programmation.

Objectifs :

– Maîtriser la syntaxe du langage JavaScript
– Manipuler la structure DOM d’une page HTML
– Gérer la programmation événementielle
– Interagir avec les feuilles de style CSS
– Gérer des échanges asynchrones AJAX.

Programme :

Les technologies du Web
– Présentation des types de navigateurs. Impact sur la portabilité des programmes JavaScript. Versions de JavaScript.
– Les composants Web : HTML, XHTML, CSS, JavaScript, Flash, Java… Les protocoles HTTP, HTTPS.
– Impact de JavaScript sur l’accessibilité et le référencement.
– Importance de JavaScript sur les sites Web 2.0. Impact de la conformité XHTML sur l’utilisation dynamique de JavaScript.
– Les outils de développement (éditeur, débogueur…).
– Positionnement et illustration des technologies DHTML.

Le langage JavaScript
– Déclaration et portée des variables.
– Types de données (Number, Boolean, Date, Math, String, Array). Conversion de type. Détection de type avec typeof.
– Gestion des tableaux. Opérateurs logiques et arithmétiques. Boucles (for, while…).
– Création de fonctions et paramétrage variable.
– Faire un codage sécurisé avec la gestion d’erreur et les exceptions.
– Rappels sur les concepts objets. Développement Objet en JavaScript : création de classes (méthodes, propriétés).
– Constructeur. Surcharge. Mots réservés prototype, this. Création d’instance. Usage d’Object sur les classes dynamiques.
– Utilisation du format JSON pour la création de classes.
– Les objets prédéfinis du langage (Array, Date, String, Regexp…) et leur utilisation. Extension des objets prédéfinis.

Evénements et données
– Organisation des événements. Impact des événements sur les types de navigateurs et versions de DOM.
– Positionner des écouteurs sur des événements par programme et paramétrage de balises HTML.
– Règles pour faire un codage multinavigateur.
– Créer, détruire des écouteurs.
– Les traitements événementiels JavaScript : gestionnaire clavier, souris, formulaires, rollover, menus dynamiques.
– L’objet Event et son utilisation.
– Les objets du DOM (window, document…) et leur manipulation.
– Manipulation des URL (redirections http …).
– Gestion des cookies (lecture et écriture).

Gestion de formulaires HTML
– Manipulation de contenu de formulaires.
– Accès et modification dynamique des composants du formulaire : zone de saisie, cases à cocher, cases d’options…
– Fonctions de validation de formulaire.
– Evénements liés aux éléments de formulaire : changement, initialisation, clic…

Interaction avec les feuilles de style en cascade
– Rappel sur les feuilles de style en cascade (CSS-1, CSS-2). Les outils pour les manipuler.
– Implémentation des CSS en tant que propriétés des objets du DOM.
– Modification directe des propriétés CSS des objets du DOM.
– Modification de l’objet CSS stylesheets.
– Rendre la page dynamique via le changement des propriétés de style.

Manipulation du DOM XML
– Présentation du langage XML (éléments attributs).
– Implémentation des parseurs XML chez Microsoft IE et les autres : variantes entre les navigateurs, maintenance…
– Manipulation des objets du DOM (lecture, ajout, suppression, modification de noeuds).

Ajax
– Présentation de Asynchronous JavaScript And Xml.
– Enjeux, solutions et alternatives.
– Les bibliothèques du marché.
– HTTP et Ajax : échanges HTTP et l’objet XMLHttpRequest.

JavaScript, perfectionnement

Le langage JavaScript est devenu incontournable pour le développement d’applications client riches. Ce cours vous donnera tout le savoir-faire technologique pour mettre en oeuvre de véritables applications Web à partir de concepts avancés JavaScript ES5, tout en vous préparant à l’utilisation de ES2015.

  • 4 jours
  • Au centre ou dans vos locaux
  • Devis sur demande

 

Pré-requis :

Bonnes connaissances en JavaScript et HTML.
Connaissances de base de XML.

Objectifs :

– Maîtrise avancée JavaScript

Programme :

Rappels JavaScript : ES5, DOM, événement, manipulation
– Les méthodes de création dynamique d’objets.
– Phases des événements capture, capturing, bubble.
– La gestion des événements. Les objets de type Event.
– Structure de données XML et JSON
– Les méthodes avancées en ES5.

Framework jQuery
– Fonctionnement et intégration.
– Gestion et délégation des événements.
– jQuery pour des échanges Ajax et la gestion des formulaires.

Initiation à ES6 / 2015
– Les nouveautés principales.
– Les superset JavaScript : TypeScript, Babel, Traceur.
– ES6 en production.

Programmation Orientée Objet
– Rappels sur l’objet. Propriétés.
– La chaîne de portée. La chaîne de prototype.
– Méthodes. Héritage. Portée des données privées et publiques. Mapping et sérialisation.
– Design Pattern Clés en JavaScript.
– Closure function. Singleton et Modules.

Expressions régulières
– Structure et syntaxe d’une expression régulière.
– Bien utiliser l’objet RegExp.
– Validation asynchrone.

Environnement de débogage
– Chrome Devtools, Firefox Developper, Node-debug
– Gérer les messages d’erreur client en production.
– Tests multinavigateurs. Stockage des tests.
– Tests de performance.

Echange de données, interactions
– Solution de stockage embarquée de données : SQLite, LocalStorage, Cookies.
– Compenser les latences de communication.
– JSON Web Token, sécuriser les échanges.
– Ajax et XMLHttpRequest, consommation de services distants.
– Serveur JavaScript Node.js.

Programmation JavaScript sous HTML5
– Nouveaux événements.
– Gestion des API multimédia.
– Modes de communication client/serveur.
– Utilisation des Web Worker.
– Le développement mobile “offline first”.
– Technique d’optimisation des communications client/serveur.

Formation HTML5, maîtriser les API JavaScript

Vous apprendrez dans cette formation à mettre en oeuvre les différentes API JavaScript proposées par les nouvelles spécifications HTML5. Vous manipulerez ainsi celles dédiées au stockage des données, à la communication client/serveur ou encore à la géolocalisation.

  • 2 jours
  • Au centre ou dans vos locaux
  • Devis sur demande

 

Pré-requis :

Bonnes connaissances du langage HTML et de JavaScript.

Objectifs :

– Gestion de la persistance
– Gestion du cache
– Communication Client/Serveur
– Gestion du glisser/copier
– Géolocalisation

Programme :

Introduction
– Les nouveautés HTML5 : les nouveaux éléments sémantiques, les principales balises, les formulaires…
– Les nouveaux sélecteurs CSS : recherche d’éléments par Classe, par sélecteurs…

Gestion de la persistance
– Vue d’ensemble des problématiques de stockage.
– Stockage en local (localStorage), en session ou en base de données.
– Création de bases, requêtes.
– Outils d’administration sqLite.
– Opérations SQL disponibles.

Gestion du cache
– Création d’application en mode non connecté.
– Création du fichier manifest.
– Prise en charge du mode déconnecté.
– Evénements liés au gestionnaire de cache : événements offline, online.

Communication Client/Serveur
– Communication crossDomain.
– Cross Document Messaging.
– API PostMessage.
– Types de communication : polling, long-polling, streaming.
– Ecouteur de messages émis par le serveur. API EventSource.
– XMLHTTPRequest Level 2. Présentation Level 2. Les événements de progression. Communication multidocuments.
– Communication Web sockets. API et protocole.

Gestion du glisser/copier
– Mécanismes du glisser/copier (Drag’n’Drop).
– API de manipulation du glisser/copier.
– L’attribut draggable.
– Propriété de comportements.
– Les événements.
– Possibilités et limites.
– Transfert d’un fichier, d’une image par glisser/copier.

Géolocalisation
– Vue d’ensemble de la géolocalisation.
– Données privées.
– Sources d’information de localisation.
– Utilisation de l’API de localisation.
– Respect de la vie privée.

Formation Ecmascript 6 : Mettre en œuvre le nouveau JavaScript

Le langage JavaScript est devenu un langage incontournable dans les développements web et mobiles tant côté client que côté serveur avec notamment Node.js. Cette formation vous permettra d’utiliser en production dès aujourd’hui les nouvelles fonctionnalités de la dernière version EcmaScript 2015.

  • 3 jours
  • Au centre ou dans vos locaux
  • Devis sur demande

 

Pré-requis :

Bonne connaissance de JavasScript (ES5) est requise.
Connaissance de base des composants du web.

Objectifs :

– Découvrir les nouveautés syntaxiques du JavaScript
– Maîtriser les nouvelles API
– Utiliser ES6/ES2015 en production
– Anticiper l’évolution des Frameworks du Front-End
– Se préparer aux nouvelles méthodes de développement JavaScript.

Programme :

De JavaScript ES5 à ES2015
– ES5, JS.next, ES6 / ES2015 évolution et “roadmap”.
– ES5, rappel des bonnes pratiques. Etablir les règles de programmation.
– ES5 ”use strict” et méthodes moins connues.
– API issues de la communauté JavaScript.
– Support courant pour ES6 : compilateurs, polifylls, navigateurs serveurs.
– Environnement et outils pour le développeur.

Evolutions syntaxiques fondamentales
– Constantes et variables de bloc. Assignation destructurée.
– Chaînes de caractères : multiligne, template, formatage.
– Fonction, paramètres par défaut, opérateurs “rest / spread”.
– “Arrow Function” : portée lexicale. Usages.
– Fonction génératrice : “yeld” et “generator object”.
– Fonction itératrice : “iterator”.
– Objet littéral : évolution.

POO, nouveautés pour la conception objet
– Modèles de classe et héritage. Méthodes statiques.
– Création de “proxy”. Design pattern.
– Nouveaux types : Set, Weakset, Map, Weakmap.
– Objets natifs héritables.

Nouvelles API JavaScript avec ES6
– Promise : gestion des traitements asynchrones.
– Object.API : revisiter les méthodes.

Modules JavaScript
– Asynchronous Module Definition ou CommonJS.
– Système natif de gestion des modules.
– Gestion et résolution des dépendances.
– Chargement dynamique.

Mise en production
– Stratégie : “transpileur”, “package manager” et système de module.
– Choix du “transpiler” : présentation des solutions.
– Mise en oeuvre de TypeScript, Traceur, Babel.
– Pourquoi “packager” son code ? Avantages et solutions.
– Création de package avec npm, bower et jspm.
– Choisir entre RequireJS, Browserify, WebPack et SystemJS.
– Interactions avec les autres outils (linting, test…).

Formation Java EE 7: conception et développement d’applications web

La plateforme Java EE 7 améliore de manière significative la productivité des développeurs et offre une meilleure intégration du HTML5. Cette formation vous permettra de développer des applications d’entreprise en vous basant sur les API Java EE 7: JPA, JMS, CDI, EJB, JSF, JAX-RS et WebSocket.

  • 5 jours
  • Au centre ou dans vos locaux
  • Devis sur demande

 

Pré-requis :

Bonnes connaissances en Java ainsi que des bases du Web : HTTP, HTML, CSS, JavaScript.

Objectifs :

– Concevoir et développer une application n-tiers basée sur les spécifications Java JEE 7
– Mettre en place une couche d’accès aux données avec JPA.
– Mettre en place une architecture distribuée avec EJB et JMS
– Mettre en place une couche de présentation avec JSF et Ajax
– Développer et consommer des webservice REST
– Mettre en place un canal de communication entre un navigateur HTML5 et un serveur via les Websockets.

Programme :

Introduction
– Briques de la spécification Java EE 7.
– Bonnes pratiques de conception : séparation des responsabilités, KISS, DRY, POJO.
– Nouveautés par rapport à la version 6.
– Panorama de l’offre Java EE, le framework Spring.

Environnement de travail
– Environnement Eclipse. Dépendances Maven.
– Tests unitaires avec le conteneur embarqué.
– Utilisation des webtools, prise en main du serveur.

Découpage n-tiers et injection de dépendances
– Découpage en couche, approche POJO.
– Scopes et gestion de l’état.
– Injection de dépendances.
– Intercepteurs.

Accès aux données avec JPA
– Mapping objet relationnel (xml, annnotations).
– Lazy loading.
– Manipulation de l’API 2.1 : EntityManager…
– JPA-QL, API Criteria, MetaModel, EntityGraph.
– Transactions, l’annotation @Transactional JTA 1.2.

Architecture distribuée avec EJB et JMS
– Services techniques de l’API EJB : sécurité, remoting, accès concurrents, accès asynchrones, timers.
– Positionnement des EJB par rapport aux beans CDI.
– JMS 2.0 pour les échanges de messages.

Web et JSF
– Concepts (MVP, Presenter, View).
– Facelets, taglibs, jsf-el.
– Validation JSR303.
– Mise en oeuvre d’Ajax.

Web Services REST
– API JAX-RS 2.0 pour les services web RESTful.
– Rappels HTTP : les verbes, les contentType…
– CORS : Cross Origin Shared Resource. HATEOAS.
– Produire et consommer des objets via l’API Java de traitement JSON.

Websockets
– Concepts du web “real time”.
– Support par les navigateurs, mécanismes de fallback.
– Mise en place côté serveur et client.

Formation Framework JSF 2, Développer Des Applications Web

Ce cours vous permettra de prendre en main les composants JSF 2 afin de construire des solutions Web facilement extensibles. Il propose, entre autres, une introduction au développement Server Side Scripting.

  • 3 jours
  • Au centre ou dans vos locaux
  • Devis sur demande

 

Pré-requis :

– Connaissance du langage Java. La connaissance de la plate-forme Java EE est un plus, mais non indispensable.

Objectifs :

– Maîtriser le cycle de vie d’une requête JSF 2
– Utiliser les composants graphiques JSF 2 et gérer les événements sur ces composants
– Définir et utiliser des beans managés
– Configurer une application JSF
– Utiliser des composants Ajax dans JSF 2.

Programme :

Premiers pas avec JSF
– Rappels : Servlet, JSP, MVC 2. Frameworks du marché.
– Compatibilité entre JSF 1 et JSF 2.
– Configurer l’application Web. Configurer JSF.
– Créer un backing-bean et un formulaire.
– Configuration simplifiée avec JSF 2.0.

Concepts JSF
– Composants graphiques. Représentation côté client et serveur. Arbre de composants.
– Cycle de traitement d’une requête.
– Validation des données saisies.
– Backing beans et beans managés.
– Ajouter un listener. Evénements.
– Afficher des messages. Naviguer entre les pages.
– Langage d’expression (EL).

Définir et utiliser des ManagedBeans
– Utiliser les annotations JSF 2.
– La notion de scope et le lien avec les concepts de request, session, application.
– L’injection de dépendances (autres beans, ejb…).
– Affecter des propriétés à partir de données saisies.
– Définir des méthodes de navigation statique ou dynamique.

Composants standards
– Les familles de composants. Les propriétés.
– Vue racine. Paramètres. Sorties formatées.
– Images. Formulaires. Saisies simples. Panneaux.

Configurer une application JSF
– Archive Web. Configurer web.xml.
– Déclarer la Servlet JSF. Structure du fichier de configuration JSF.
– Configurer les backing beans et la navigation à l’aide du fichier faces-config.xml.

Compléments
– Afficher des messages utilisateur.
– Conversion et validation des données.
– Principe. Converters et validators standards et personnalisés avec un backing bean.
– Internationalisation. La classe locale. Configuration.

Facelets et Ajax
– Présentation de Facelets. Gérer des layouts.
– Présentation de composants Ajax. Le tag .

Retour haut de page