HTML5 / CSS3 - Avancé

Durant le premier jour de cette formation, vous allez revoir les bases de l'HTML et du CSS dans le cadre d'un exercice de transposition d'une maquette Photoshop en page HTML / CSS. Cela vous permettra de découvrir les cinq modes de positionnement du CSS ainsi que les media queries rendant votre site responsive.

Le deuxième jour, vous découvrirez les éléments HTML vous permettant de créer des formulaires et des tableaux. Vous apprendrez également à mettre ces nouveaux éléments en forme grâce aux propriétés CSS les plus modernes. Vous découvrirez également le rôle du langage JavaScript sur une page Web en programmant un petit menu animé.

Prérequis

Ce cours s'adresse aux personnes ayant suivi la formation HTML5 / CSS3 - débutant (ou ayant un niveau équivalent).

Votre formateur

Damien Bruyndonckx est instituteur primaire de formation. Depuis 2001, Damien est actif dans la formation IT pour adulte. Il s'est spécialisé en eLearning, vidéo pédagogique et développement web. Depuis 2015, Damien est formateur pour LinkedIn Learning. Il a enregistré une quarantaine de formations en vidéo, principalement dans le domaine du développement web. Les formations sur l'HTML, le CSS et le JavaScript sont rapidement devenues très populaires et font autorité dans le domaine.

Contenu de la formation

Le contenu de ces deux journées de formation est basé sur la réalisation d'un exercice. Tous les concepts abordés sont donc immédiatement mis en pratique.

Jour 1

1. Rappel : les bases des langages HTML et CSS
   Dans ce premier chapitre, vous allez redécouvrir, en accéléré, la matière abordée lors du cours débutant. Pour ce faire, vous partirez d'une maquette Photoshop que vous devrez retranscrire en code HTML et CSS.
2. Les cinq modes de positionnement du CSS
   Afin de générer des mises en page véritablement avancées, vous devez connaître le fonctionnement des cinq modes de positionnement du CSS. Dans ce chapitre, vous apprendrez donc à vous servir des positionnements static, relative, absolute, fixed et sticky.
3. Les bases de Flexbox et des CSS Grids
   Ces dernières années, deux nouveaux modules de mise en page ont été ajoutés au langage CSS : le module Flexbox et le module CSS Grids. Jetons un coup d'œil rapide à ces deux modules pour découvrir les principes de base sur lesquels ils reposent et comment les mettre en œuvre sur notre page web.
4. Rendre son site responsive
   Il est temps d'apprendre les techniques qui vont vous permettre de rendre votre site responsive. Vous apprendrez notamment ce qu'est un site responsive, comment tester un site responsive ainsi que l'utilisation des media queries du CSS.

Jour 2

1. Créer et mettre en forme des formulaires
   Les formulaires sont un élément essentiel de tout site web. Ce sont eux qui permettent de créer des applications web véritablement interactives. Dans ce chapitre, vous apprendrez les balises HTML nécessaires à la création de formulaires ainsi que les propriétés CSS qui vont vous permettre de les mettre en forme.
2. Créer et mettre en forme des tableaux
   Les tableaux sont un autre de ces outils essentiels à tout développeur web. Dans ce chapitre, vous allez apprendre les balises HTML vous permettant de définir divers types de tableaux ainsi que les propriétés CSS pour les mettre en forme.
3. Introduction au JavaScript
   Le JavaScript est le troisième langage indispensable à tout site web moderne. Dans ce chapitre, vous allez découvrir le rôle du JavaScript dans une page web. Vous allez également installer la bibliothèque jQuery dans votre site et écrire une petite fonction JavaScrip qui vous permettra d'animer un menu déroulant.

Modalités pratiques

Ce cours peut se donner aussi bien en présentiel, qu'en classe virtuelle.  Les deux journées de formation ne doivent pas nécessairement être contiguës. Nous planifierons cette formation selon vos besoins et vos disponibilités.

Nous contacter pour une formation en HTML 5 / CSS3 avancé

Intéressé par une formation avancée en HTML5 / CSS3 ? Besoin d'un renseignement supplémentaire? Remplissez le formulaire ci-dessous et nous reprendrons contact avec vous dans les 48h.