Développement d’interfaces 2 – CSS

📅 Dates: du 26 août 2022 au 20 janvier 2023
⏰ Horaire: vendredi – 13h30 à 15h15
Classe: ID311
Acronyme cours: EEDEV
Catégorie: Elaboration du design
Enseignant: Manuel Schmalstieg
Lien: https://code.eracom-pedagogique.ch/eedev2-id311/
Github: https://github.com/eracom-id311

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.

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).

Les projets évalués

Les trois projets suivants feront l’objet d’une évaluation:

1) Mockup 2 Code : traduire un design visuel fourni en code. Réalisé du 30 septembre au 25 novembre 2022.

2) Questionnaire : une évaluation sous forme de questionnaire couvrant les connaissances CSS. Un questionnaire d’entraînement est disponible. Questionnaire de test effectué le 9 décembre. Questionnaire final réalisé le 23 décembre.

3) A11Y / Performance : améliorer un projet réalisé dans le cours “Projet interface (site web responsive)”, ou un autre projet web réalisé dans un cours précédent. Optimiser l’accessibilité et la performance frontend, dans le but d’obtenir les scores maximum dans les outils de test.

Un quatrième projet – “entraide” – est laissé à la discrétion des élèves. Si complété, il peut remplacer la note du questionnaire.

4) Entraide : documenter un cas (case study) où vous avez résolu un problème de code pour un autre élève. Conseil: quand vous êtes devant un problème, faire une demande d’entraide via Teams. À fournir: description du problème. Recherche de solution. Réstituer le travail effectué dans un article, à publier sur Notion (utiliser des blocs Code).