Développement d’interfaces 2 – CSS

📅 Dates: du 24 janvier au 22 juin
⏰ Horaire: mercredi – 11h00 à 12h30
🏫 Classe: ID401
Acronyme cours: EEDEV
Catégorie: Elaboration du design
👨‍🏫 Enseignant: Manuel Schmalstieg
Lien: https://id401.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).

Le 📅 9 mars : première évaluation.

Chapitre 2 : GIT

Apprendrez d’un outil devenu incontournable dans les métiers du web: il s’agit de GIT, un logiciel de versionnage.

Chapitre 3 : Médias

Le 📅 13 avril: deuxième évaluation.

Chapitre 4 : Sélecteurs et logique du CSS

Ces cours porteront sur les sélecteurs CSS.

  • Sélecteurs (4 mai)
  • Spécificité (11 mai)

Chapitre 5 : Finalisation

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

  • Travail pratique (18 mai)
  • Travail pratique (25 mai)
  • Travail pratique (1er juin)

Le 8 juin a lieu la troisième évaluation.

  • Evaluation #3 (8 juin)
  • Feedbacks (15 juin)

Evaluations

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

  • Réaliser les challenges proposés à chaque cours.
  • Un Test théorique ou pratique.
  • Présenter votre documentation personnelle.

Pour plus de précisions, voir Evaluations.