Technologies Web, Conception et développement Web

Transcription

1 Technologies Web, Conception et développement Web Le Web, incontournable dans le monde professionnel, donne accès à l'information, mais également à une multitude d'applications d'entreprise ou de services grand public. Les filières Orsys vous apporteront toutes les connaissances nécessaires pour concevoir des sites Web performants et conviviaux, en mettant l'accent aussi bien sur la conduite de projets Web, le design que sur les technologies les plus récentes comme le HTML5, CSS3 et de nombreux Frameworks de développement côté client et côté serveur. Cycles certifiants Cycle certifiant Concepteur de sites Web (réf. KCS)... p.4 Architectures et technologies du Web : synthèse et évolutions (réf. IRT) Best... p.6 Cycle certifiant Développeur Web côté client (réf. KWC)... p.8 Web 2.0 et réseaux sociaux en entreprise : synthèse (réf. WRS)... p.10 Conception d'architecture Web (réf. ACS)... p.11 Développer un site Web, synthèse pratique (réf. DSW) Best... p.13 Dreamweaver CS6, développer un site Web (réf. HTX)... p.15 JavaScript au cœur des architectures Web, état de l art (réf. JET)... p.17 JavaScript, HTML dynamique (réf. DHL) Best... p.19 Développement Web : les fondamentaux Réaliser un site Web, pour non-informaticiens (réf. NIW) Best... p.21 JavaScript, perfectionnement pour le Web 2.0 (réf. JPG) Best... p.23 AngularJS, maîtriser le Framework JavaScript de Google (réf. FAN) Best... p.25 JQuery, développer des applications Web 2.0 (réf. ERY) Best... p.27 HTML, initiation pratique (réf. TML)... p.29 Ajax, programmation côté client (réf. PAJ)... p.31 CSS, donner du style à vos pages Web (réf. CSS)... p.33 Flex et ActionScript 3.0, programmation d'interfaces Web (réf. FLX)... p.35 Dreamweaver CS6, prise en main (réf. EAM)... p.37 Technologies XML, conception, mise en œuvre (réf. PXM) Best... p.39 PHP 5, développer un site Web dynamique (réf. PHH) Best... p.41 ASP.NET 4.5, niveau 1, développement Web (réf. AST) Best... p.43 HTML5, CSS 3, créer des sites Web modernes et dynamiques (réf. HCS) Best... p.45 ASP.NET MVC 5, développement d'applications Web (réf. ASA) Best... p.47 Canvas, créer des animations dynamiques en HTML5 (réf. NYD)... p.49 Java, développement de servlets et JSP pour JEE 5 (réf. JSP) Best... p.51 Struts 2, développer des applications Web MVC (réf. SRB)... p.53 Google Web Designer, créer des contenus riches pour le Web (réf. GOD)... p.55 SharePoint 2013, administrateur (réf. HPA) Best... p.57 SVG, créer des graphiques vectoriels interactifs pour le Web (réf. SVI)... p.59 SharePoint 2013, concepteur (réf. HAI) Best... p.61 ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 1

2 Développer avec XSL-T et XSL-FO (réf. LSX)... p.63 Développer des applications Web 2.0 (réf. XAW)... p.65 Ecmascript 6, mettre en oeuvre le nouveau JavaScript (réf. SPT) New... p.67 HTML5, maîtriser les API JavaScript (réf. HML)... p.69 Frameworks Web : AngularJS, JQuery, Sencha, Bootstrap Développer des applications Web Full JavaScript (réf. FUJ)... p.70 Industrialisation Front-End, maîtriser vos pratiques de développement (réf. JVS)... p.72 AngularJS, développement avancé (réf. GUL)... p.74 Node.js, programmation JavaScript côté serveur (réf. NJS)... p.75 Sencha Ext-JS 5, développer des applications multiplateformes en JavaScript (réf. NCH) New... p.77 BootStrap, développer des pages Web Responsive (réf. BOO) New... p.79 Sass, Compass et Less, simplifier la création et la maintenance de vos CSS (réf. SSC) New... p.81 ReactJS, maîtriser le Framework JavaScript de Facebook (réf. TJS) New... p.83 BackBone.js, maîtriser le Framework de développement Web (réf. BAB)... p.85 Facebook et Twitter, développer vos propres applications Web 'sociales' (réf. DAS)... p.87 Conduite de projets, Webmaster, référencement Réussir votre projet Web (réf. COW)... p.89 Webmaster, le métier, les techniques (réf. WEM)... p.91 Optimiser le référencement de votre site Web (réf. OPS)... p.92 Google Adwords, optimiser vos campagnes (réf. GAW)... p.94 Google Analytics, analyser les statistiques de vos sites (réf. LYT)... p.95 Design Web Design d'un site Web, comment faire un site attractif et efficace (réf. ITF)... p.96 Créer un site Web, de la maquette Photoshop à l'intégration HTML/CSS (réf. TOX)... p.98 Responsive Web Design, créer des interfaces Web adaptables (réf. RPO) Best... p.100 Réaliser vos newsletters en HTML/CSS et gérer les envois (réf. CSN)... p.102 Photoshop CC/CS6, prise en main (réf. PHO) Best... p.103 Conception et développement Web pour mobiles et tablettes Ergonomie des IHM mobiles pour tablettes et Smartphones (réf. EGO)... p.105 Créer des applications multiplateformes pour mobiles (réf. MOB) Best... p.106 Cordova, développer des applications mobiles multiplateformes (réf. OVA) New... p.108 Concevoir des applications mobiles performantes (réf. AMB)... p.110 PhoneGap, développer des applications mobiles multiplateformes (réf. PHG)... p.112 JQuery Mobile Framework, développer des applications pour mobiles (réf. UER)... p.114 Sencha Touch 2, développer des applications mobiles multiplateformes (réf. SEU)... p.116 Animations et contenus multimédias Edge Animate, créer des animations interactives pour le Web (réf. EDG) New... p.118 Développement Web : Java/.NET/PHP Java EE 7, conception et développement d'applications Web (réf. APJ) Best... p.120 ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 2

3 Java, développement de Servlets et JSP pour JEE 6 (réf. APP)... p.122 Framework JSF 2, développer des applications Web (réf. JSF)... p.124 Développer une application Web 2.0/GWT (réf. GWT) Best... p.126 Mixer JSF, Ajax et Dojo pour développer des applications Web (réf. JAD)... p.128 ASP.NET 4.5, niveau 2, développement Web (réf. NEA)... p.130 Silverlight 5, mise en œuvre (réf. SLV)... p.132 PHP, technique avancée de développement pour le Web (réf. PYM) Best... p.133 Zend Framework 2, maîtrise du développement Web (réf. FAR)... p.135 Microsoft : préparation aux certifications Programmation en C# (70-483) (réf. NEC) New... p.137 Programmation en HTML5 avec JavaScript et CSS3 (70-480) (réf. JSC) New... p.139 Développement d'applications Web ASP.NET MVC (70-486) (réf. AWA) New... p.141 Les fondamentaux du développement d'applications Windows Store en utilisant C# (70-484) (réf. APW) New... p.143 Développement d'applications avancées Windows Store en utilisant C# (70-485) (réf. AAV) New... p.145 Les fondamentaux du développement d'applications Windows Store en utilisant HTML5 et JavaScript (70-481) (réf. AWH) New... p.147 Développement d'applications avancées Windows Store en utilisant HTML5 et JavaScript (70-482) (réf. AAW) New... p.149 Django, développement Web avec Python (réf. DJA)... p.151 Webdev, développement Web (réf. WEB)... p.153 RUBY On Rails 4, développement Web (réf. RUR)... p.155 ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 3

4 Stage pratique de 9 jour(s) Réf : KCS Développeurs de sites Web, Web designer, chef de projet, Webmaster souhaitant concevoir des sites Web de type Intranet/Internet et les promouvoir. La connaissance des bases du Web. Prix 2016 : 3660 HT Dates des sessions Paris 26 juil. 2016, 20 sep oct. 2016, 12 déc Composition du cycle - Développer un site Web, synthèse pratique Réf : DSW, Durée : 4 j - Design d'un site Web, comment faire un site attractif et efficace Réf : ITF, Durée : 2 j - Optimiser le référencement de votre site Web Réf : OPS, Durée : 2 j - Certification Concepteur de sites Web Réf : KCX, Durée : 1 j - Dreamweaver CS6, développer un site Web Réf : HTX, Durée : 4 j - JavaScript, HTML dynamique Réf : DHL, Durée : 4 j - Ajax, programmation côté client Réf : PAJ, Durée : 3 j - Certification Développeur Web côté client Réf : KEX, Durée : 1 j Dates d'examen 29 août novembre 16 Cycle certifiant Concepteur de sites Web certificat professionnel FFP Ce cycle vous apprendra à concevoir des sites attractifs et efficaces répondant à la stratégie de votre entreprise. Très concret, il vous présentera tout d'abord l'ensemble des technologies nécessaires à la réalisation d'un site : les langages HTML, CSS et JavaScript, les techniques d'animation et l'interrogation des bases de données. Vous verrez ensuite comment prendre en compte le design, l'ergonomie, l'accessibilité, la gestion du contenu, l'organisation, ainsi que les techniques pour améliorer le référencement et assurer la promotion de votre site. OBJECTIFS PEDAGOGIQUES Concevoir un site attractif et efficace répondant à la stratégie de son entreprise Construire des pages Web interactives et accessibles en HTML et CSS Interfacer le langage JavaScript avec les éléments graphiques des pages Web Accéder aux données d'une base relationnelle Optimiser le référencement et promouvoir son site Web 1) Introduction aux technologies et serveurs Web 2) La création de pages Web 3) La mise en œuvre de sites dynamiques 4) Le positionnement du site Web Méthodes pédagogiques Les stages de ce cycle peuvent être suivis dans un ordre indifférent. 1) Introduction aux technologies et serveurs Web 5) Le design et l'accessibilité de son site 6) Le suivi de projet Web 7) Le référencement et la promotion du site - La gestion du nom de domaine. Le choix de l'hébergeur. - Les serveurs Web (Apache, IIS). - Les protocoles TCP/IP, HTTP, FTP. Les URL. Les services réseaux complémentaires (DNS, DHCP,...). - L'administration et la sécurisation du serveur web. Les certificats, le firewall, le proxy. 2) La création de pages Web - Présentation des langages HTML et XHMTL. - Structure, liens hypertextes, images, cadres, feuilles de style, formats vectoriels, tableaux, calques... - Les formulaires. Contraintes et avantages. Structure, champs de saisie, boutons, cases à cocher, listes... - Norme d'accessibilité. Impact sur le développement. - Les composants Flash, Java, ActiveX, plug-ins. - La conception graphique et multimédia. - Le développement d'animations avec Flash. - Les ressources graphiques GIF, JPEG, PNG, Shockwave. - Le langage JavaScript et DHTML : syntaxe du langage. Contrôles de saisie d'un formulaire. Gestion des cookies. - DOM et Ajax. - Présentation ECMAScript et d'actionscript. - Technologies Web 2.0 : présentation des blogs et wikis, des Rich Internet Applications, d'air, de SilverLight et de GWT. Réalisation de pages complexes HTML avec Dreamweaver. Création de feuilles de style. Conception d'un modèle de page HTML avec Fireworks, composant Flash. Utilisation du JavaScript pour ajouter des effets DHTML et des contrôles sur formulaire, gestion d'événements en JavaScript. 3) La mise en œuvre de sites dynamiques - Mode de fonctionnement, sécurité. Variables serveur. - Les serveurs Web du marché. - Les langages serveur et leurs plateformes de développement : ASP, ASPX, JSP, PHP. - Appel de services Web. Accès aux bases de données. Réalisation d'un formulaire avec envoi des données vers le serveur. Développer des pages dynamiques, interrogation d'une base de données, de services Web. 4) Le positionnement du site Web - Intranet, Internet, Extranet. Stratégie de l'entreprise et conception du site. Techniques SWOT. - Quel design en fonction des terminaux mobiles? ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 4

5 - Optimiser ses chances d'atteindre sa cible. 5) Le design et l'accessibilité de son site - Comportement des utilisateurs Internet, Intranet. Définition de l'usability. - Erreurs traditionnelles des sites. - Techniques de conception et de tests. - Les standards et contraintes des terminaux Web. - Techniques éditoriales pour le Web. - Comment créer une navigation fluide. - Accessibilité : point sur la législation en France et en Europe. Référentiels d'accessibilité : W3C, WCAG... - L'impact d'une charte d'accessibilité sur le développement HTML et CSS. - L'ADAE et l'accessibilité. - La conception et la gestion de contenu. Méthodologie de création de rubriques. - Organisation du contenu, publication. Outils de gestion de contenu. Contenu multisource. - Stratégie, comment décliner sa marque? Comment lier le design Web à la stratégie? - Comment valoriser une marque à partir du design? - Brief créatif, stratégie créative. - Concept board. Charte graphique. Tester l'accessibilité d'un site. Création d'une page valide et accessible. Correction des erreurs d'accessibilité. Définir une charte graphique et utiliser un outil de maquettage fonctionnel. 6) Le suivi de projet Web - Audit juridique du site : les risques. - Pilotage de projets. Maquettage, développement, déploiement, campagne de lancement. Organisation humaine du projet. 7) Le référencement et la promotion du site - Quel type de moteur de recherche utiliser? - Comprendre les techniques de recherche. - L'audit de référencement : mesurer son positionnement sur Internet. - Audit par mots-clés, par rapport aux concurrents. Outils d'audit. Audit de Page Rank, popularité. - Analyse et plan d'action. - Les techniques de référencement : référencement par indexation, par positionnement. Définition d'un bon référencement. - Les SEO : Search Engine Optimizer. - Les outils de référencement automatique. - Stratégie Pull ou Push. Paiement au clic. Liens sponsorisés. Liens contextuels. - Achat de mots-clés : comment les choisir? Interface de pilotage de Google AdWords. - L'optimisation du site web. - Test des mots-clés. Optimisation technique : url, alt... - Impact des technologies riches sur le référencement. - Promouvoir son site. Mise en place d'une campagne de publicité Web. Outils d'analyse de logs. - Techniques d'animation. NetLinking, jeux-concours... Affiliation, fidélisation, sponsoring, relations presse. Référencement sur de multiples moteurs, annuaires, zones dédiées. Mise en œuvre d'un audit de site Web, d'outils de référencement et des différentes techniques. Mise en place d'une campagne de référencement. Les éléments clés. ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 5

6 Séminaire de 3 jour(s) Réf : IRT Chefs de projets, décideurs informatiques, développeurs, responsables informatiques, Webmasters. Aucune connaissance particulière. Prix 2016 : 2680 HT Dates des sessions Paris 4 oct. 2016, 6 déc Bruxelles 21 nov Geneve 21 nov Luxembourg 21 nov Architectures et technologies du Web : synthèse et évolutions Best Ce séminaire de synthèse vous permettra de faire un point complet sur les technologies du Web. Il vous présentera d'une manière simple et concrète les infrastructures et les techniques sous-jacentes, les standards et les outils disponibles pour développer des applications efficaces et sécurisées. Il vous montrera l'impact de l'introduction des nouvelles technologies telles que la mobilité ou le commerce électronique sur les applications et plus généralement sur les comportements et la société. OBJECTIFS PEDAGOGIQUES Comprendre les concepts des technologies du Web Connaître les infrastructures et les services de base d'internet Découvrir les nouvelles technologies côté client et côté serveur Connaître les nouvelles architectures et leur sécurité 1) Le système d'information 2) Fonctionnement d'une infrastructure Internet 3) Les services de base 4) La sécurité 5) Technologies côté client 6) Technologies côté serveur 7) Les serveurs Web et les serveurs d'applications 8) Les architectures distribuées et les Web Services 9) Mobilité 10) Comprendre le Digital 1) Le système d'information - Rôle des applications intranet, Internet, Extranet dans le SI. - Nouvelle infrastructure. Evolution vers les architectures n-tiers. - Evolution vers le Cloud Computing. 2) Fonctionnement d'une infrastructure Internet - Architecture. Protocoles IP, IPv6, GeoIP. Adressage, ports applicatifs, DNS, routage. Qualité de service MPLS. - Impact du réseau sur les performances web. - Topologie du réseau : fournisseurs d'accès. Opérateurs. Evolution vers les hauts débits : fibre optique FTTH. 3) Les services de base - Messagerie : MIME. Les protocoles (POP3, IMAP4, SMTP). Le spam. Clients et serveurs de messagerie. - Annuaires : concept. Gestion des utilisateurs, Whois, X.500. Protocole LDAP. LDIF. OpenLDAP, Domino. Critères de choix. - Moteurs de recherche : indexation, référencement, analyse du trafic, liens sponsorisés (Criteo, Adwords). - Outils collaboratifs : quels outils pour quels besoins? Portail, blog, wiki, bureautique en ligne... - Réseaux sociaux d'entreprise, les espaces collaboratifs, les CMS (SharePoint, Joomla, Drupal...). - Multimédia sur IP : image, son, vidéo à la demande, streaming. Diffusion multicast. IPTV. Protocole SIP, VoIP, H Le commerce électronique : principe. Les plateformes (Prestashop...). Le e-paiement. 4) La sécurité - Les types d'attaques sur TCP/IP. - Services de sécurité : confidentialité, authentification, intégrité, refus de service, non-répudiation. - Authentification : oauth, Active Card, Secure ID, biométrie... SSO, authentification Kerberos... - Sécurité d'accès : le firewall, le proxy. Architecture, la DMZ. Le filtrage de paquets, les routeurs filtrants, ACL. - Réseau privé virtuel : VPN. Fonctionnement IPSEC, les protocoles sécurisés L2F, PPTP. Tunnel de sécurité, SSH. - Cryptographie : législation. Clé publique (PKI/EGC), certificat, signature électronique, SSL. Le tiers de confiance. - Obligations légales : CNIL, normes ISO 2700x. 5) Technologies côté client - Les navigateurs, leurs impacts. Les plug-ins. Les URI, le protocole HTTP. - Les langages HTML5, CSS3 et JavaScript. Les apports d'ecmascript 6. - Les API JavaScript HTML 5 (gestion de la persistance, accès aux ressources des terminaux...). - Les frameworks JavaScript (AngularJS, jquery...). ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 6

7 - Les spécificités des terminaux mobiles et des tablettes : taille écran, capacité mémoire, OS... - Impact des terminaux mobiles, tablettes, ordinateurs sur les interfaces web : le Responsive et le Material Design. - Les technologies d'industrialisation du Front End (Grunt, Bower, Yeoman, Jasmine...). - Le langage XML, les XML Schema. Les parseurs. - Les interfaces graphiques XML : SVG, XAML. Définition des interfaces Android via XML. - Les interfaces riches et leur ergonomie : Java FX8, QT, Flash. - Les traitements XSLT. La publication avec XSL-FO. Les services Web. 6) Technologies côté serveur - Les architectures n-tiers. Les approches orientées composants. - L'architecture Java EE (JSF, JPA, EJB, JAX-RS...). Le framework Spring. - Le framework.net et les frameworks associés (NHibernate...). - PHP, Zend Framework 2, Symfony 2. - Genèse du JavaScript côté serveur et de Node.js. Le moteur Google V8. - L'accès aux données. 7) Les serveurs Web et les serveurs d'applications - Les serveurs : bases de données, applications, Web. Leur positionnement par rapport à Internet. - La répartition de charge et la haute disponibilité, NginX. L'approche cluster. - Les serveurs Web (Apache, IIS...). Serveurs JavaScript NodeJS. Hébergeurs. - Les serveurs d'applications. Service de présentation, d'objets distribués, d'administration... - L'offre commerciale : IBM WebSphere, Oracle Application Server... - L'offre Open Source : Tomcat, JBoss WildFly, GlassFish... 8) Les architectures distribuées et les Web Services - Les standards (SOAP, WSDL, UDDI, BPML, BPEL), mise en œuvre. - Les services Web SOAP et REST. La connexion des Web Services aux applications existantes. - Les architectures SOA. Spécificités. Panorama des autres technologies. - Les plateformes de Cloud Computing : IAAS, PASS, SAAS (Amazon Web Services, Azure...). - Le Big Data et le NoSQL (Hadoop, Cloudera, MongoDB, Cassandra). - La virtualisation des ressources. 9) Mobilité - Les PAN et les normes WI-FI, Wimax, Bluetooth. Réseaux LAN, Wireless Wan, boucle radio. - Technologies en environnement cellulaire : réseaux haut débit. 3G, 4G. La VoIP sur LTE (VoLTE). - Réseaux haut débit. Réseaux privés sans fil. IP en environnement mobile. Terminaux nomades. La sécurité. - Les objets connectés. Les réseaux bas débit de l'iot : SigFox, LoRa... 10) Comprendre le Digital - Différence entre Numérique et Digital. - e-réputation et publication web. - Enjeux des données privées, règlementation européenne. - Impact du time to market sur les risques pour l'entreprise. ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 7

8 Stage pratique de 12 jour(s) Réf : KWC Concepteurs et informaticiens désireux de maîtriser les techniques permettant de développer des sites Web interactifs en HTML, XHTML, CSS, JavaScript, et Ajax. Informaticiens connaissant les principes de l'internet et ayant des bases en développement. La pratique d'un langage de programmation sera un plus. Cycle certifiant Développeur Web côté client certificat professionnel FFP Ce cycle très complet vous apprendra à créer des sites Web interactifs, en mettant en œuvre HTML, XHTML, CSS, JavaScript et Ajax. Vous verrez les fonctionnalités proposées par l'atelier Dreamweaver CS6 pour créer vos pages ainsi que le langage JavaScript pour augmenter l'interactivité de vos sites Web. OBJECTIFS PEDAGOGIQUES Prendre en main un environnement de développement Web Construire des pages Web interactives et accessibles en HTML Mettre en forme graphiquement des pages Web au moyen des feuilles de style CSS Interfacer le langage JavaScript avec les éléments graphiques des pages Web Accéder aux données d'une base relationnelle Mettre en œuvre de requêtes asynchrones et multithreads en Ajax Prix 2016 : 4690 HT Dates des sessions 1) Les technologies du Web 2) La création de pages et de sites Web 3) Le HTML dynamique et le JavaScript 4) La programmation Ajax 5) Les frameworks Ajax Paris 20 sep. 2016, 15 nov Composition du cycle - Développer un site Web, synthèse pratique Réf : DSW, Durée : 4 j - Design d'un site Web, comment faire un site attractif et efficace Réf : ITF, Durée : 2 j - Optimiser le référencement de votre site Web Réf : OPS, Durée : 2 j - Certification Concepteur de sites Web Réf : KCX, Durée : 1 j - Dreamweaver CS6, développer un site Web Réf : HTX, Durée : 4 j - JavaScript, HTML dynamique Réf : DHL, Durée : 4 j - Ajax, programmation côté client Réf : PAJ, Durée : 3 j - Certification Développeur Web côté client Réf : KEX, Durée : 1 j Dates d'examen 05 septembre décembre 16 Méthodes pédagogiques Le socle des apprentissages en conception de pages Web est fondamental pour l'acquisition des connaissances du cycle. Le stage correspondant, réf HTX, doit être le premier stage du cycle, suivi des stages DHL, puis PAJ, dans cet ordre. 1) Les technologies du Web - Le fonctionnement du Web. Postes clients et serveurs. - Les protocoles Internet : HTTP, FTP, NNTP, SMTP, POP3. - Les sites Web : Intranet, Internet, Extranet, B2B, B2C. - Plateforme d'hébergement, navigateurs et langages. 2) La création de pages et de sites Web - Présentation et prise en main du studio Dreamweaver. - Création d'un site Web : choix techniques, compatibilité. - Description des langages HTML et XHTML. - Publication du site et maintenance du code. - Création d'un modèle de page. - Les feuilles de style CSS. Création de formulaires. Eléments. Méthodes GET/POST. - Construction de la charte graphique. Règles d'utilisabilité. - Accessibilité : la priorité 2 du WAC/W3C. - Intégration d'animations graphiques, de composants graphiques. Les plug-ins. L'inspecteur de tags. - Le rôle du JavaScript. Création dynamique de code JavaScript. - L'accès aux bases de données. Paramétrage d'une connexion ODBC. Consultation d'une base de données avec Dreamweaver. - Génération de tableaux dynamiques. Utilisation des tables pour des formulaires. - L'authentification utilisateur. Gestion des formulaires de login. Contrôle conditionnel d'accès aux pages. Création d'un espace de projet de site Web. Développement de pages XHTML, de CSS, de tableaux. Création de formulaire. Test de compatibilité XHTML et d'accessibilité. Reproduire une charte graphique fournie. Intégration de composants multimédias. Connexion à une base de données. 3) Le HTML dynamique et le JavaScript - Les types de navigateurs et la portabilité. - Les langages de scripts. Impact de JavaScript sur l'accessibilité. Importance de XHTML sur l'utilisation de JavaScript. - Méthode de développement JavaScript en équipe. - Positionnement et illustration des technologies DHTML. - Langage JavaScript : concepts de la programmation Objet. Syntaxe : types, variables, tableaux, itérations, fonctions... - Accès aux ressources du navigateur : plug-ins... - Manipulation de contenu de formulaires. Fonctions de validation. Evénements liés aux éléments de formulaire. - L'interaction avec les feuilles de style en cascade. CSS multiples, héritages multiples, règles de priorité. - Les blocs de texte, les calques et les couleurs. - Accès et modification des styles. - Outils pour manipuler les feuilles de style. ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 8

9 - La structure XML. Les moyens de validation XML : DTD et XSD. Les parseurs XML et le DOM. Manipulation du DOM. - Les événements et données. Comment programmer des écouteurs d'événements? - Les traitements événementiels JavaScript. - Les redirections http. Gestion des cookies. Mise en œuvre des différentes fonctionnalités JavaScript. Conception de fonctions personnalisées contrôlant les activités de l'utilisateur. Manipulation de feuilles de style via JavaScript. Manipulation du DOM. Gestion d'événements sur les éléments du formulaire. 4) La programmation Ajax - Présentation d'asynchronous JavaScript And XML. Objectifs. Principes de fonctionnement. - Force du mix technologique Ajax/REST/Web Présentation Ajax (GMail, GMaps, Google Suggest...). - JavaScript Object Notation (JSON). Avantages et inconvénients. Objets, Arrays, syntaxe et parseur JSON. - Les traitements XML en JavaScript. Présentation XSLT et du langage XPath. Le format RSS. - La classe XMLHttpRequest. Créer un objet XMLHttpRequest. - Dialoguer en mode synchrone/asynchrone avec le serveur. - Les patterns Ajax. - Ajax et HTML 5. Nouveaux événements. - Sécuriser des échanges Ajax (cryptage, sessions...). Création d'une structure XML bien formée et validée. Mise en œuvre. Traitement XSLT. Utilisation de flux RSS. Création d'un formulaire de login. Remplissage dynamique d'un menu déroulant. Traitement de données RSS à partir de flux Ajax. Création en JavaScript d'une application de cartographie. 5) Les frameworks Ajax - Pourquoi utiliser les frameworks. - Les frameworks JavaScript. - Présentation et mise en oeuvre du framework jquery. - Les API Google : Google Search et Google Maps. ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 9

10 Séminaire de 2 jour(s) Réf : WRS Responsable de projets Web / intranet, responsable RH, responsable communication, manager. Connaissances de base sur l'usage des outils collaboratifs (messagerie, GED, intranet...). Prix 2016 : 1950 HT Dates des sessions Paris 15 sep. 2016, 15 déc Web 2.0 et réseaux sociaux en entreprise : synthèse OBJECTIFS Ce séminaire vous apportera les connaissances nécessaires à la compréhension du Web 2.0. Il détaille les pratiques collaboratives véhiculées par ce concept afin d'en identifier le potentiel pour l'entreprise et analysera les outils associés Wiki, RSS... avec un focus particulier sur les réseaux sociaux d'entreprise. 1) Définition du Web 2.0 2) Socle applicatif du Web 2.0 3) Applications Web 2.0, leur apport 1) Définition du Web Concepts novateurs par rapport au Web Doit-on réellement parler de rupture technologique? 2) Socle applicatif du Web 2.0 4) Impacts sur les projets Web 5) Réseaux sociaux en entreprise - Nouvelles interfaces utilisateur. - Principaux apports : intégration d'applications sur le poste client. - Alternatives : XHTML/Ajax, Flex, Silverlight, Widgets... - Modèle d'architecture promu par le Web 2.0. Approche REST/SOA. - Mise à disposition de services via les Open API (photos, géolocalisation...). - Formats d'échanges : RSS, Atom, JSON... - Modèle de sécurité. Services transversaux. Authentification unique : OpenID, Facebook Connect... - Autres services : Open Social, Open Stack... Les micro-formats. 3) Applications Web 2.0, leur apport - Environnement de productivité personnelle : utilisation des flux RSS. - Outils de gestion des préférences. Blogs. Gestion de réputation numérique. - Réseaux d'intérêt : le Bookmarking social. - Mécanismes de tagage. Moteurs de recommandations. Le " Crowdsourcing ". Les Wiki. - Disponibilité de plateformes applicatives. - Solutions de collaboration Web. Mashups : l'alternative aux portails d'intégration. 4) Impacts sur les projets Web - Contraintes d'accessibilité. - Référencement. - Choix technologiques. - Risques liés au développement à base d'ajax. - Nouveautés en gestion de projet : SCRUM, planification poker... 5) Réseaux sociaux en entreprise - Principe. Etat des lieux : utilisation par pays, par CSP, par fournisseurs. - Se connecter à un réseau social. Principales plateformes. Positionnement des réseaux sociaux publics et cibles. - Succession des générations dans les entreprises : les baby-boomers, les générations X et Y. - Motivations. Besoin d'innovation. Freins du management traditionnel. Modèles d'adaptabilité selon G. Hamel. - Typologie des réseaux sociaux : quatre types de réseaux sociaux reprenant les principes d'adaptabilité. - Cas d'utilisation. Principales fonctionnalités d'un réseau social : fonctions membres, liens et groupes. - Modèles de mise en oeuvre. Offres produits groupware : Microsoft, IBM, Google... Offres #" Pure Player "#. - Offres plateforme d'intégration d'applications sociales. Etat de l'art des solutions disponibles : hébergées, SaaS, etc. ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 10

11 Cours de synthèse de 3 jour(s) Réf : ACS Chefs de projets, décideurs informatiques, développeurs et responsables informatiques. Connaissances de base en architecture applicative. Prix 2016 : 2190 HT Dates des sessions Conception d'architecture Web technologies, usages et impacts sur le SI Ce séminaire aborde l'état de l'art des technologies web et de leurs implications sur les SI d'entreprise. Il apporte une synthèse complète, structurée et didactique des connaissances aujourd'hui indispensables en matière de conception d'architecture Web. Il analyse ses domaines d'application, évalue l'offre du marché, examine les démarches pratiques de mise en œuvre, en insistant sur les impacts technologiques, organisationnels et méthodologiques. OBJECTIFS PEDAGOGIQUES Comprendre les impacts des technologies web sur les SI d'entreprise Comprendre la rôle des différents technologies au sein d'une architecture web Découvrir les différents usages et services accessibles via le web Découvrir les démarches pratiques de mise en œuvre des technologies web Paris 19 sep. 2016, 28 nov ) L'architecture des applications Web, état de l'art 2) Applications et composants côté client 3) Rôle d'xml dans l'architecture applicative 4) Développement des composants applicatifs 5) Espace de publication 6) Espace de collaboration 7) Applications métiers 8) Impacts sur la sécurité du SI 9) Impacts sur la gestion des données de l'entreprise 10) Conception et démarche de mise en œuvre 1) L'architecture des applications Web, état de l'art - Comprendre l'évolution et les enjeux des SI. - Les architectures Intra-Inter-Extra Net. - Le marché des clients. Les serveurs et la virtualisation. - Le client léger à tout prix? La mobilité a un prix mais répond à de nouveaux besoins. - Applications et composants côté client. - Hébergement interne, mutualisé, solutions Cloud hybride, privé. Impact applicatif. 2) Applications et composants côté client - L'ergonomie des applications : responsive, material, impact MVC. - Le JavaScript. Les composants Java, JavaFX, Flex, SVG et Canvas. - Quel avenir pour les plugins et les web composants? - Quelles limites pour le déploiement multi canaux? - HTML5 : opportunités pour les applications métier avec ses API et CSS3. - Les formats Widgets, Gadgets, MicroFormats. - La mode Ajax et les frameworks de développement (AngularJs, jquery, GWT...). - Quelle frontière entre les composants Desktop (RDA) et Internet (RIA)? 3) Rôle d'xml dans l'architecture applicative - Présentation d'xml. Les moteurs de transformation XSLT et les parseurs XML. - Les services Web, leur connexion avec les applications existantes. - Les protocoles XML (SOAP, WSDL). Le protocole REST. Le format JSON - Impact XML sur les applications Web. Adoption de XML comme référentiel de métadonnées (DSML, XMI...). 4) Développement des composants applicatifs - Les scripts PHP, JSP, ASPX, JavaScript. Les approches orientées composant (EJB d'oracle, Microsoft.Net). - Les "Web services", standards (REST, SOAP, WSDL...), développements (Microsoft.NET, Oracle...). - L'offre de serveurs d'applications : WebSphere, Microsoft serveur, Oracle Application Server 10g, JBoss Wildfly, Tomcat. - L'architecture.NET. Mode de fonctionnement et implémentation (Framework, ASP.NET, Common Language Runtime...). - La plate-forme Java EE. Le concept d'indépendance des plates-formes matérielles d'exécution. - Les frameworks Java en vogue (Spring, Hibernate, JSF). Les Design Patterns. 5) Espace de publication - Le Web, support de publication-diffusion. Les services : publication de documents et de données. - La recherche de documents. - Les technologies des moteurs : indexation "full-text", statistique, sémantique, linguistique. - Panorama des offres : Lucene, Verity, Convera... - La gestion de contenu (CMS). La prise en charge du cycle de vie et de validation du document. - Gestion de métadonnées XML, des habilitations, des workflows de validation, de la présentation... - Offres de CMS (Drupal, Alfresco, Joomla, Spip...). ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 11

12 - Importance des versions d'outils bureautiques orientées XML (OpenOffice/OpenDocument). 6) Espace de collaboration - Les protocoles SMTP, POP3, IMPA4. Le protocole MIME. Les annuaires et le protocole LDAP. - L'ouverture des messageries vers le Net. L'avènement de la messagerie instantanée (Google, Microsoft, Facebook, Skype). - Perspective en matière de gestion d'agenda partagé. Utilisation des messageries SMS et du Push Mail. - Les forums et les groupes de travail. Quels domaines applicatifs pour le travail collaboratif? Blog et Wiki. - Le workflow via le Net. Circulation de formulaires, suivi de processus et coordination de tâches. 7) Applications métiers - Le portail d'intégration. Syndication des sources de contenus et de services. - Les portails : point d'accès unique, personnalisation des services en fonction de l'utilisateur. - Les offres éditeurs : LifeRay, IBM... L'open source : Drupal, SPIP... - L'engouement pour la SOA et l'offre du marché. Tibco, Microsoft, Oracle, IBM... - Les enjeux véritables du concept de SOA. - Relation Client, Business Intelligence et DataWeb. 8) Impacts sur la sécurité du SI - La sécurité : avant tout une approche globale. Les nouveaux risques. Les moyens disponibles. - Le rôle de la sécurité dans la distribution des composants. - Mise en place d'une PKI et de certificats dans l'architecture Intranet. - Protocoles SSL, HTTPS, oauth et les solutions SSO. - MDM, gestion du parc et de la sécurité en environnement BYOD, multi canaux. - Les solutions pour les applications de e-commerce. 9) Impacts sur la gestion des données de l'entreprise - Intégration des données de l'entreprise. - SGBD du marché : Oracle, SQL Server, MySQL, PostgreSQL. - Interfaçage avec le Web. Evolution. Les bases de données dans les clouds. - Big Data : impact sur les architectures temps réel (lambda), comment gérer de grosses volumétrie. - Renforcement du Business Intelligence au cœur de l'architecture. - Exemple de l'architecture et fonctionnement Hadoop (requêteur, Data Mining,...). 10) Conception et démarche de mise en œuvre - La charte graphique et l'utilisabilité, obtenir un label AccessiWeb. - La charte d'ergonomie : rôle, contenu technique... - Impact des technologies web : tests, conduite de projet, réalisation d'un cahier des charges fonctionnel et ergonomique. - Rôle de la maquette, comment la réaliser. Le POC : quelles techniques de maquettage? - Les principes d'interaction à respecter, par quoi commencer, quelles sont les compétences à avoir? - Méthodologie du projet Web. Quelle méthodologie? - L'inventaire des sources documentaires, applicatives, décisionnelles. Conserver une cohérence globale de l'information. - Quels nouveaux services proposer? Déterminer les processus de validation et de sécurisation. Etablir le plan du site. - Quel recours à l'externalisation? Quels apports? Quelle réalité pour le "bureau virtuel"? ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 12

13 Stage pratique de 4 jour(s) Réf : DSW Développeurs et chefs de projets Web. Connaissances de base en architectures techniques. Prix 2016 : 2390 HT Dates des sessions Paris 30 aoû. 2016, 20 sep oct. 2016, 15 nov déc Aix 6 sep. 2016, 13 déc Bordeaux 4 oct. 2016, 13 déc Bruxelles 13 sep. 2016, 15 nov Geneve 13 sep. 2016, 15 nov Grenoble 6 sep. 2016, 13 déc Lille 6 sep. 2016, 13 déc Luxembourg 13 sep. 2016, 15 nov Lyon 6 sep. 2016, 13 déc Montpellier 4 oct. 2016, 13 déc Nantes 4 oct. 2016, 13 déc Rennes 4 oct. 2016, 13 déc Sophia-antipolis 6 sep. 2016, 13 déc Strasbourg 6 sep. 2016, 13 déc Toulouse 4 oct. 2016, 13 déc Développer un site Web, synthèse pratique Best Ce cours, très pratique, vous présentera l'ensemble des technologies Internet. Il vous expliquera le fonctionnement des services Web et des différents langages associés (HTML, CSS, JavaScript...) ainsi que les techniques graphiques, l'interrogation des bases de données et l'administration. Les exercices vous permettront d'appréhender d'une manière très concrète toutes les phases de la réalisation d'un site Web. OBJECTIFS PEDAGOGIQUES Comprendre les fondamentaux du Web Maîtriser l'environnement technique d'un site web Réaliser un site web ergonomique, accessible et bien référencé Accéder aux données d'une base relationnelle Administrer un site Web 1) Les technologies du site Web 2) Administration d'un site Web 3) Création de pages Web : HTML, XML, XHTML 4) Les formulaires 5) Conception graphique et multimédia 1) Les technologies du site Web 6) Ergonomie et accessibilité d'une application Web 7) Pages dynamiques 8) Les technologies côté client 9) Initiation au langage JavaScript et au DHTML - Les serveurs Web (Apache, IIS). Wampserver. - Comprendre le fonctionnement de base des protocoles TCP/IP, HTTP, FTP. Les URL. Les services réseaux complémentaires (DNS, DHCP,...). - Achat et gestion du nom de domaine. Choisir un hébergeur. Architecture technique. Organisation. 2) Administration d'un site Web - Mise en oeuvre de l'ensemble des opérations d'administration effectuées par le webmaster. - Gestion des noms de domaine, transfert ftp. - Création de messages d'erreur personnalisés, gestion des fichiers journaux. - Suivi et analyse des statistiques. 3) Création de pages Web : HTML, XML, XHTML - Présentation des langages HTML, XHTML, HTML5. Différences entre les navigateurs. - Structure, liens, hypertexte. - Les images, les cadres. Les formats vectoriels. - La mise en page. Les feuilles de styles. Le langage CSS. - Tableaux et calques. - Techniques pour réussir son référencement sur les moteurs de recherche. Les méta-tags. - Définition et intégration de composants Plug-ins. Flash, Silverlight, Java, ActiveX. Réalisation de pages complexes HTML avec Dreamweaver. Création de feuilles de style, préparation de la page au référencement. 4) Les formulaires - Contraintes et avantages. Syntaxe, structure, champs de saisie, boutons, cases à cocher, listes, zones de texte, sélections de fichier. Réalisation d'un formulaire avec envoi des données vers la messagerie et une base de données. 5) Conception graphique et multimédia - Créer une charte graphique. Intégrer une charte graphique. - Mise en oeuvre d'outils graphiques pour concevoir une interface évoluée. - Développement d'animations avec Flash. - Les ressources graphiques GIF, JPEG, PNG. Utiliser Photoshop ou Gimp. Conception d'un modèle de page HTML avec Fireworks, composant Flash. Intégration de plug-ins multimédias pour visualiser des composants Flash, Shockwave. 6) Ergonomie et accessibilité d'une application Web - Charte graphique. Règles d'usability. Ecueils graphiques à éviter pour faire un site efficace (navigation, mise en page, contraintes techniques). Modèles de pages. ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 13

14 - Accessibilité. Norme. Impact sur le développement. Mettre en conformité un site Web. Outils de test et de validation en ligne. Définir le cahier des charges de la charte graphique. Mise en oeuvre d'outils de test et audit pour l'accessibilité. 7) Pages dynamiques - Différence entre serveur web et serveur d'application. - Mode de fonctionnement, sécurité. Les méthodes GET et POST. Les variables serveur. - Les serveurs web du marché. - Les langages de scripts serveur et leurs plateformes de développement : ASP, ASPX, JSP, PHP. - Appel de services Web. - Intégration de requêtes SQL dans la page pour insérer, supprimer, modifier des données de la base. Développer des pages dynamiques, interrogation d'une base de données, de services web. 8) Les technologies côté client - Les technologies d'interfaces graphiques : HTML5, XAML, Flex. - Présentation et mise en oeuvre de solutions Rich internet Application (RIA) et Rich Desktop Application (RDA). - Présentation des solutions Adobe AIR, Microsoft SilverLight, Framework Google. Démonstration et mise en oeuvre de ces multiples technologies. 9) Initiation au langage JavaScript et au DHTML - Syntaxe du langage. Contrôles de saisie d'un formulaire. - DOM et Ajax. - Présentation Ecmascript et émergence du langage Actionscript. - Présentation des offres du marché à base de Javascript (Google API, Widgets...). - Récupérer, savoir débuguer vos programmes. Utilisation du JavaScript pour ajouter des effets DHTML et des contrôles sur formulaire, gestion d'événements en JavaScript Intégration de scripts existants. ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 14

15 Stage pratique de 4 jour(s) Réf : HTX Ce stage pratique s'adresse à tous les informaticiens désireux de maîtriser les techniques permettant de développer un site Web et de construire une interface Web interactive et dynamique. Connaissances de base des composants d'une architecture Web. Prix 2016 : 2390 HT Ce cours fait l'objet d'un accompagnement vidéo Dates des sessions Paris 20 sep. 2016, 15 nov Dreamweaver CS6, développer un site Web OBJECTIFS Dreamweaver est l'atelier de conception de pages Web le plus répandu sur le marché. En découvrant ses fonctionnalités, vous apprendrez à maîtriser l'éditeur de pages XHTML/HTML, la mise en forme graphique au moyen des feuilles de style CSS, tout en prenant en compte l'accessibilité des sites Web. 1) Rappels Web 2) L'interface Dreamweaver 3) Composition de pages complexes 4) Design et accessibilité 1) Rappels Web - Les protocoles d'un site web : HTTP, FTP, SMTP, POP3. - Fonctionnement d'un site Web. HTML, URL. 5) Intégration de composants multimédias 6) JavaScript 7) Accès aux bases de données Paramétrage du navigateur, du serveur Web, création d'un environnement de développement. 2) L'interface Dreamweaver - Présentation de la suite Adobe CS6. - Prise en main de Dreamweaver. L'interface. - Les différents types d'affichage. - Conception graphique HTML. - Interface de gestion de projets (PhoneGap, jquery Mobile, transfert FTP). Découverte de l'éditeur, construction de pages. Développement de pages XHTML. 3) Composition de pages complexes - Les feuilles de style CSS. L'assistant de codage CSS. - Création de formulaires. Contrôles de saisie. - Définition de zones de contenus à l'aide des boîtes. - Découverte des templates mobiles, Grid System. - Découverte du Responsive Web Design avec l'assistant Dreamweaver CS6 (mise en forme de grilles fluides). Exercice Création de CSS, de tableaux. Import de pages. Création d'un formulaire et appel de serveur. 4) Design et accessibilité - Construction de la charte graphique. - Création d'un modèle de page avec Fireworks ou Photoshop. - Accessibilité, la priorité 2 du WAC/W3C. Exercice Test de compatibilité XHTML et d'accessibilité. Mettre en oeuvre une charte graphique. 5) Intégration de composants multimédias - Intégration de composants graphiques. Le Rollover. - Utilisation de l'inspecteur de tags. - Les propriétés CSS3 et l'assistance Dreamweaver CS6. Exercice Création de contrôles en JavaScript, intégration de multiples composants multimédias. 6) JavaScript - Syntaxe JavaScript. Les objets Script. - Création dynamique de code JavaScript et association aux événements. Débogage de code. Contrôles sur les formulaires, ouverture de pop-up, traitement sur les div. 7) Accès aux bases de données - Paramétrage de la connexion ODBC. - Gestion dynamique des bases de données. - Interrogation SQL sur une table. ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 15

16 - Génération des tableaux dynamiques de résultats. Utilisation des tables pour générer des formulaires. - Définir un site administré par CMS dans Dreamweaver. - Création graphique d'un appel Ajax avec SPRY Dataset. - Gestion des formulaires de login. Connexion à une base. Création d'une table d'utilisateurs, génération de pages de login. ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 16

17 Cours de synthèse de 1 jour(s) Réf : JET Développeurs, chefs de projets et architectes. Aucune connaissance particulière. Prix 2016 : 900 HT JavaScript au cœur des architectures Web, état de l art Ce séminaire 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. OBJECTIFS PEDAGOGIQUES Découvrir les solutions d'industrialisation du Front-End Découvrir les principaux Framework 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. Dates des sessions Paris 9 déc ) Evolution du JavaScript 2) Les outils du Front-End 3) Frameworks JavaScript et API HTML 5 4) JavaScript au service du Responsive 5) Traitements multithread 6) Protocoles de communication 7) Mode déconnecté 8) Sécurité 1) Evolution du JavaScript - 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. - Renforcement dans les OS (Windows 8...) et les navigateurs (Chrome...). 2) Les outils du Front-End - 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...). 3) Frameworks JavaScript et API HTML 5 - Frameworks de composants graphiques. - Frameworks de composants technique (jquery, prototype...). - Frameworks MVC clients Backbone, AngularJs, EmberJS. - Frameworks mobile (jquery Mobile, Sencha...). - Framework NodeJS (du JavaScript côté serveur). - API HTML 5 : graphisme et accès aux ressources des terminaux (gyroscope, rotation, caméra...). 4) JavaScript au service du Responsive - Importance de JavaScript dans le Responsive. - Gestion des images retina. - Contrôle des ressources disponibles et chargement dynamique. - Quel rôle attribuer au JavaScript et au design (HTML CSS)? Répartition des rôles. - Impact du Responsive sur la performance, solutions. 5) Traitements multithread - Les Webworkers, impact sur l'organisation logiciel et la construction de Framework. - Programmation asynchrone, solutions, organisation. 6) Protocoles de communication - Ajax 2, opportunité sur les échanges Client/Serveur. - Echange multi frame (PostMessage). - Websocket et opportunités (push...). - SOAP : point sur les appels client. - Solutions collaboratives et protocoles OT: sharejs, togetherjs... 7) Mode déconnecté - Mise en place d'une solution embarquée. - Gestion des chargements du cache (manifest et ses API). - Stockage de données : LocalStorage, SessionStorage, EmbededDB... ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 17

18 8) Sécurité - Sécurisation des codes JavaScript. - Protection XSS, CRSF. - Encodage et pratique de modification du DOM. - Stockage de données. ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 18

19 Stage pratique de 4 jour(s) Réf : DHL Développeurs et chefs de projets Web. Bonnes connaissances du HTML. Connaissances de base en programmation. Prix 2016 : 2390 HT Dates des sessions Paris 5 juil. 2016, 23 aoû sep. 2016, 11 oct nov. 2016, 20 déc Aix 6 sep. 2016, 6 déc Bordeaux 11 oct. 2016, 20 déc Bruxelles 27 sep. 2016, 22 nov Geneve 27 sep. 2016, 22 nov Grenoble 6 sep. 2016, 8 déc Lille 6 sep. 2016, 6 déc Luxembourg 27 sep. 2016, 22 nov Lyon 6 sep. 2016, 6 déc Montpellier 11 oct. 2016, 20 déc Nantes 11 oct. 2016, 20 déc Rennes 11 oct. 2016, 20 déc Sophia-antipolis 6 sep. 2016, 6 déc Strasbourg 6 sep. 2016, 8 déc Toulouse 11 oct. 2016, 20 déc JavaScript, HTML dynamique Best 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. OBJECTIFS PEDAGOGIQUES 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 1) Les technologies du Web 2) Le langage JavaScript 3) Evénements et données 4) Gestion de formulaires HTML Programmation JavaScript, manipulation du DOM, gestion de l'interactivité. 1) Les technologies du Web 5) Interaction avec les feuilles de style en cascade 6) Manipulation du DOM XML 7) Ajax - 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. 2) 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. Exercice Mise en oeuvre des différentes fonctionnalités JavaScript à travers de multiples travaux pratiques. 3) 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). Exercice Programmation d'événements multiples sur les éléments formulaire, souris, clavier... ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 19

20 4) 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... Exercice Conception de fonctions personnalisées contrôlant les activités de l'utilisateur. 5) 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. Exercice Réalisation de pages simples afin de se familiariser à l'utilisation de feuilles de style et à leur manipulation à travers JavaScript. 6) 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). Exercice Familiarisation à la construction d'un chemin d'accès à un élément du DOM. 7) 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. Exercice Récupération de données XML et affichage des données. Interrogation d'une base de données. Création d'un formulaire de connexion. ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 20