Développement d’interfaces 2 – CSS

Dates: du 28 janvier au 24 juin 2022
Horaire: vendredi – 14h30 à 16h00
Classe: ID402
Acronyme cours: EEDEV
Catégorie: Elaboration du design
Enseignant: Manuel Schmalstieg
Lien: id402.ch/cours-dev2-css/

Introduction

Ce deuxième cours "Développement d'interfaces" est centré autour du CSS, le langage permettant de façonner l'aspect visuel d'une interface web. Dans ce cours, vous allez:

• vous familiariser avec la logique de ce langage.
• apprendre de nombreuses fonctions du CSS.
• concevoir un site web pour un produit fictif.

CSS ?

Le langage CSS, inventé en 1996, est ce qui a fait du web un medium visuel, coloré, vivant. Ce langage a sa propre logique, et ce cours vous aidera à l'apprivoiser. Grace à votre maîtrise du CSS, vous pourrez donner forme à des designs variés, des plus classiques aux plus innovants.

Git ?

Au passage, vous apprendrez à utiliser un outil devenu incontournable dans les métiers du web: il s'agit de GIT, un logiciel de versionnage (et plus encore).

Structure

Le cours est structuré en 5 chapitres.

Chapitre 1 : The New Layout

CSS est un langage en évolution. Depuis 2010, de nombreuses nouvelles fonctions ont révolutionné la manière de penser les mises en page CSS (et ont rendu obsolètes tous les livres écrits auparavant). Nous allons étudier quelques-unes des nouveautés les plus significatives: Grid Layout (module de mise en page), et les unités Minmax et Clamp (qui permettent de nouvelles approches du responsive).

• Unités et Clamp (4 février)
• CSS Grid Layout (11 février)
• Grid Layout avancé (18 février)

Le 4 mars a lieu une première évaluation.

Chapitre 2 : GIT

Vous apprendrez à utiliser un outil devenu incontournable dans les métiers du web: il s'agit de GIT, un logiciel de versionnage.

• GIT : Introduction (11 mars)
• GIT : Collaborer avec Git (18 mars)

Chapitre 3 : Médias

• Audio et Video (25 mars)
• SVG, format vectoriel du web (1er avril)

Le 8 avril a lieu la deuxième évaluation.

Chapitre 4 : Sélecteurs et logique du CSS

Ces cours porteront sur les sélecteurs CSS.

• Sélecteurs (6 mai)
• Spécificité (13 mai)

Chapitre 5 : Finalisation

Les dernières leçons seront consacrées à la finition du travail pratique :

• Travail pratique (20 mai)
• Travail pratique (3 juin)
• Evaluation #3 (10 juin)
• Feedbacks (17 juin)
• À définir (24 juin)

Evaluations

Trois évaluations seront réalisées au courant du semestre. Chacune comportera trois aspects:

• Réaliser les challenges proposés à chaque cours.
• Effectuer un test théorique ou exercice pratique.
• Présenter votre documentation personnelle.

Pour plus de précisions, voir Evaluations.