Prototypage - Création de sites - Intégration Chargé d'intégration Web

Créer un site en HTML et l'enrichir avec CSS et JavaScript

Objectifs

→ Situer la production Web aujourd’hui

→ Construire des pages en HTML et HTML5

→ Créer l’habillage graphique des pages avec CSS et CSS3

→ Enrichir l’interactivité des pages avec JavaScript

→ Coder efficacement et rapidement avec jQuery

Public concerné

Graphistes, webdesigners qui veulent développer leurs compétences dans le domaine du Web.

Pré-requis

Les participants doivent avoir une bonne pratique de l’outil informatique et connaître la navigation sur le Web pour suivre ce cursus.

Méthodes pédagogiques

Cette formation, composée de différents modules, alterne théorie et pratique grâce à de nombreux exercices, et met également l’accent sur les échanges et le mode collaboratif. Chaque participant travaille sur son projet. Ce parcours permet d’appréhender et de valider, étape par étape, les différentes phases nécessaires à la construction de ce projet. Grâce à leur expertise, les formateurs conseillent et accompagnent les apprenants jusqu’à la présentation finale de leur projet.

Moyens techniquesMoyens spécifiques à cette formation :

→ Logiciels : WebStorm, Brackets, Sublime Text 3…


Moyens génériques :

  • d’un poste de travail Mac ou PC de dernière génération équipé d’un écran plat 21” ou 27”
  • d’une tablette graphique
  • d’un iPad sur demande
  • d’une connexion très haut débit à Internet
  • d’une clé USB de 8 Go offerte en début de formation
  • Le poste du formateur est relié à un système de vidéo projection
  • 8 participants maximum par stage
  • 9 participants pour les formations certifiantes
  • Toutes les formations sont dispensées sur les dernières versions officielles de chaque logiciel
  • Un support de cours ou un livre est remis à l’issue des principaux stages
Suivi
  • Chaque apprenant bénéficie d’une hotline gratuite et illimitée par e-mail
  • Fiche d’évaluation, feuille d’émargement et attestation de présence
Profil du formateur

Intégrateurs Web / Développeurs Web ayant plus de 10 ans d'expérience en enseignement.

Voir tous les programmes Le programme

# 1 SITUER LA PRODUCTION WEB AUJOURD’HUI 1 jour - 7 heures - Prochaine session : Le 18 novembre 2016

  • Connaître l’histoire du réseau et comprendre l’architecture du Web
  • Savoir identifier les différents langages du Web et leur rôle : HTML, CSS, JavaScript
  • Connaître les différents navigateurs
  • Comprendre l’organisation d’un site : pages et navigation
  • Différencier site statique et site dynamique (base de données, XML, JSON, CMS…)
  • Identifier les solutions d’hébergement et de nom de domaine
  • Découvrir l’écosystème mobile : plates-formes, OS et navigateurs
  • Différencier applications natives, WebApps et sites mobiles
  • Choisir son hébergement (mutualisé, dédié)
  • Découvrir les éditeurs de code et IDE populaires
  • Découvrir les librairies populaires et leur rôle : jQuery, Bootstrap, AngularJS…

Étude de cas : analyse de sites Internet



# 2 CONSTRUIRE DES PAGES EN HTML ET HTML5 2 jours - 14 heures - Prochaine session : Du 5 déc. au 6 déc. 2016

  • Définir le langage HTML et son rôle par rapport aux autres langages du Web (CSS, JavaScript)
  • Connaître l’évolution du HTML et des standards du W3C
  • Maîtriser la syntaxe d’une balise HTML : élément, attribut, valeur
  • Connaître la structure de base d’une page : doctype, head et body
  • Utiliser les balises title et meta pour le référencement
  • Connaître les balises de structuration : titres, paragraphes et listes
  • Construire des tableaux avec table, tr, th et td
  • Structurer sa page avec la balise div
  • Savoir créer des liens entre deux pages, vers un site Web, une adresse e-mail
  • Connaître les différents formats d’images et leur spécificité (JPEG, GIF, PNG, SVG)
  • Utiliser correctement la balise img et ses différents attributs
  • Découvrir et maîtriser le HTML5 : nouvelles balises sémantiques (header, nav, article…)
  • Intégrer des balises vidéo et audio
  • Gérer son serveur et publier son site via FTP
  • Maîtriser un éditeur de code HTML
  • Tester, déboguer et valider son code

Exercice : création des pages d’un mini-site Web en HTML5 / Ajout d’une navigation et de liens



# 3 CRÉER L’HABILLAGE GRAPHIQUE DES PAGES AVEC CSS ET CSS3 4 jours - 28 heures - Prochaine session : Du 10 jan. au 13 jan. 2017

Définir le langage CSS et son rôle

  • Savoir bien cibler les éléments de la page avec les sélecteurs
  • Maîtriser les sélecteurs : d’éléments, de classes, d’identifiants, multiples, hiérarchiques, pseudoéléments…
  • Connaître les propriétés CSS de base
  • Comprendre le “modèle de boîte” CSS
  • Gérer des images de fond
  • Formater du texte, des liens et des listes (menus verticaux, horizontaux)
  • Maîtriser les différents modèles de positionnement CSS (absolute, fixed, relative…)
  • Gérer les flottants et les clear
  • Découvrir CSS3 et ses nouveautés
  • Connaître les nouveaux sélecteurs :before, :after, ~, [attr]…
  • Habiller des pages avec les effets graphiques CSS3 : border-radius, box-shadow…
  • Gérer des arrière-plans : multiple backgrounds et background-size
  • Insérer des polices personnalisées avec @font-face
  • Découvrir l’animation CSS3 : transition et animation
  • Savoir déclencher et enchaîner des animations

Exercice : habillage du site Web créé dans le module 2



# 4 ENRICHIR L’INTERACTIVITÉ DES PAGES AVEC JAVASCRIPT 4 jours - 28 heures - Prochaine session : Du 13 fév. au 16 fév. 2017

Connaître le rôle et l’évolution de JavaScript

  • Maîtriser les outils : l’éditeur de code, le navigateur
  • Insérer du JavaScript dans une page Web
  • Déboguer avec le navigateur : la console et les outils de développement
  • Maîtriser la syntaxe JavaScript et ses notions fondamentales
  • Comprendre les notions de variable et de données, de lecture et d’écriture, les types primitifs et les objets de base (Number, String, Boolean…)
  • Maîtriser les structures de contrôle : conditionnelles, boucles sur des tableaux
  • Gérer les actions de l’utilisateur : les événements souris et clavier
  • Savoir modifier la page avec JavaScript
  • Comprendre l’arbre DOM, les noeuds parents et enfants
  • Connaître les bases de la manipulation du DOM en JavaScript (getElementById, querySelector…)
  • Créer, modifier et supprimer des éléments DOM
  • Travailler avec les éléments de formulaire
  • Utiliser des timers pour déclencher des événements
  • Savoir écrire ses propres fonctions : déclaration, appel et paramètres
  • Savoir construire un programme et distribuer son code

Exercices : manipuler les éléments d’une page HTML avec JavaScript / Générer dynamiquement une barre de navigation / Créer un formulaire avec vérification de saisie / Créer une horloge digitale et animée



# 5 CODER EFFICACEMENT ET RAPIDEMENT AVECJQUERY 3 jours - 21 heures - Prochaine session : Du 6 mar. au 8 mar. 2017

  • Comprendre le rôle d’une bibliothèque et la place de jQuery dans l’écosystème JavaScript
  • Se familiariser avec l’écosystème jQuery : communauté, plugins et outils
  • Savoir obtenir et insérer jQuery dans des pages
  • Explorer le DOM avec jQuery : la fonction $() et le chaînage de méthodes
  • Maîtriser les sélecteurs, pseudo-classes et combinateurs
  • Savoir définir un événement : la syntaxe on()
  • Connaître les MouseEvents : click, mouseover, mouseout, mousemove...
  • Manipuler les éléments DOM : attributs, classes, styles CSS
  • Manipuler les dimensions et la position d’un élément
  • Insérer du HTML dans la page
  • Charger et parcourir des données avec la fonction AJAX de jQuery
  • Construire dynamiquement une page HTML côté client
  • Se familiariser avec un moteur de template (Mustache)
  • Ajouter des effets animés prédéfinis : fadeIn, fadeOut, slideUp…
  • Produire des animations personnalisées avec Animate()
  • Installer et utiliser un plugin jQuery dans une page

Exercices : créer un mini-site en ”single-page“ avec onglets et transitions animées / Créer un panier interactif / Créer un diaporama redimensionnable



# 6 FINALISATION DU PROJET ET SOUTENANCE DEVANT UN JURY PROFESSIONNEL 3 jours - 21 heures - Prochaine session : Du 3 avr. au 5 avr. 2017

  • Travaux pratiques et aide à la finalisation du projet personnel
  • Préparation à la soutenance

Jury

  • Présentation du projet
  • Évaluation et résultat du jury


Marketing Digital
Web
Médias sociaux
Voir toutes les formations

Chargé d'intégration Web

18 jours 126 heures 6 840 € HT

Sélectionner une date dans la liste :

Vous devez sélectionner une date

Sélectionner votre profil :

Vous devez sélectionner votre profil

Chargé d'intégration Web

18 jours 126 heures N.C.

Pour en savoir plus sur le déroulement de cette formation en intra, veuillez nous contacter par mail ou nous appeler au 01 40 26 00 99.

Nous contacter