Nos domaines de formation :

Formation Cycle certifiant Développeur Web côté client
certificat professionnel FFP

Cycle Certifiant
Durée : 12 jours
Réf : KWC
Prix  2018 : 4960 € H.T.
Remises non applicables
Pauses et déjeuners offerts
  • Programme
  • Composition
  • Participants / Prérequis
  • Intra / sur-mesure
Programme

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 pédagogiques

  • 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

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.
PROGRAMME DE FORMATION

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.

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.

Travaux pratiques
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.

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.
  • 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.

Travaux pratiques
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.

La programmation Ajax

  • Présentation d'Asynchronous JavaScript And XML. Objectifs. Principes de fonctionnement.
  • Force du mix technologique Ajax/REST/Web 2.0.
  • 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...).

Travaux pratiques
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.

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.

Journée de certification

Cette journée est destinée à valider les connaissances acquises au cours du cycle certifiant "Développeur Web côté client". Les compétences validées portent sur l'ensemble des technologies nécessaires à la réalisation du site (HTML, XML, Web 2.0, ...), sur leur design et ergonomie ainsi que leur référencement.

Objectifs pédagogiques

  • Entrez ici un objectif pédagogique

Certification

Dans le cadre de cette journée, les participants auront à répondre à un QCM, à réaliser des travaux pratiques et passer un entretien individuel avec l'examinateur.
PROGRAMME DE FORMATION

Présentation des épreuves

  • Présentation du déroulé des épreuves (timing, documents autorisés, etc ...).
  • Questions de la salle.

Questionnaire à choix multiple

  • Questions ouvertes et fermées sur les connaissances essentielles des technologies web.

Travaux pratiques

  • Exercices sur la création d'un mini-site et le respect des règles apprises.

Entretien individuel avec l'examinateur

  • Lever les éventuelles ambiguïtés liées au QCM pour récupérer des points perdus faute de temps ou d'attention.
  • Explication des choix faits concernant le TP.
Composition
Participants / Prérequis

» Participants

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.

» Prérequis

Informaticiens connaissant les principes de l'Internet et ayant des bases en développement. La pratique d'un langage de programmation sera un plus.
Intra / sur-mesure
Programme standard     Programme sur-mesure
Oui / Non

Vos coordonnées

Dates de sessions

Pour vous inscrire, cliquez sur la session qui vous intéresse.
[-]
PARIS

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.
Thème associé