HTML5, CSS3, jQuery et Bootstrap

Cours HTM-BO

Classe présentielle

  • Ref. HTM-BO
  • 3 jours
  • Campus Genève / Lausanne
  • CHF 1'800.00

Classe virtuelle

  • Ref. HTM-BO
  • 3 jours
  • Partout
  • CHF 1'800.00

Sur-mesure

  • Ref. HTM-BO
  • A définir
  • Campus ITTA / Site client
  • Sur demande
Introduction 
Ce cours qui utilise l’éditeur de code open-source «Brackets»(*) est une introduction parfaite aux nouvelles technologies du web : le HTML5 s’impose au-delà du web, les CSS3 sont devenues bien plus qu’une manière de styler le texte et l’utilisation du javascript et de jQuery est désormais primordiale. Cette formation a pour ambition de rendre compte de l’ensemble des pratiques actuelles du web et constitue ainsi une excellente mise à jour pour des webpublishers aguerris ainsi qu’une initiation indispensable aux développeurs PHP et JAVA dont le champ d’action inclut de plus en plus les technologies web «front-end». De façon à rendre cette formation aussi pratique que théorique, la découverte et l’utilisation du framework Boostrap est abordée sous forme d’exercices concrets, et permet aux débutants de s’initier également au javascript et à jQuery.

(*) précédemment nommé Edge Code

Objectifs 
  • Comprendre rôle des trois langages dans la création d'une page ou d'un site web
  • Rédiger du code html5 et CSS3
  • Prévisualiser des pages web en direct avec Brackets et Chrome
  • Appréhender du code HTML5 et CSS3 rédigés par d'autres
  • Comprendre l'intérêt et les limites du javascript
  • Intégrer la Bibliothèque Bootstrap à une page ou à site web
  • Utiliser le système de maquettage de Boostrap pour une page ou une application
  • Utiliser des composants simples : Navigation, ScrollSpy
Connaissances préalables 
  • Etre à l'aise avec les outils informatiques
  • Avoir une expérience des logiciels complémentaires d'Adobe (Photoshop, Illustrator, InDesign)
  • Avoir une connaissance de base de la photographie (numérique ou argentique) 
Contenu du cours 
  • Module 1 : HTML5 & CSS3, histoire, usages
  • Module 2 : HTML 4, création d’une page; HTML5 améliorations pour le développement
  • Module 3 : CSS : sélecteurs et propriétés
  • Module 4 : Atelier : modernisation du code d’une page existante
  • Module 5 : Interactions et liens; boutons et formulaires
  • Module 6 : Interfaces avec HTML5 et CSS : tables, modèle flexbox, positionnements
  • Module 7 : HTML5 et programmation : javascript, une base
  • Module 8 : javascript et jQuery : une bibliothèque pour la programmation simplifiée
  • Module 9 : jQuery et CSS : introduction de la bibliothèque Bootstrap
  • Module 10 : Bootstrap : mises en page pour le web et les mobiles (responsive-design)
  • Module 11 : Bootstrap : effets interactifs avec jQuery, carrousels, «scrollspy»