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/
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.
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.
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).
Le cours est structuré en 5 chapitres.
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 (2 février)
- CSS Grid Layout (9 février)
- Grid Layout avancé (16 février)
Le 9 mars aura lieu la première évaluation.
Vous apprendrez à utiliser un outil devenu incontournable dans les métiers du web: il s'agit de GIT, un logiciel de versionnage.
- GIT : Introduction (16 mars)
- GIT : Collaborer avec Git (23 mars)
Le sigle A11Y est une abbréviation pour "accessibility". Concevoir des sites web, c'est assumer une responsabilité: assurer la lisibilité et l'usabilité pour toute personne voulant accéder au contenu. Pour ne pas créer (involontairement) des barrières techniques, il est important de connaître la nature de ces obstacles et les moyens de les éviter. Nous accorderons une attention particulière aux balises "input" qui doivent permettre les interactions en toutes circonstances.
- A11Y (30 mars)
- Input Forms (13 avril)
Le 13 avril aura lieu la deuxième évaluation.
- Audio et Video (30 mars)
- SVG, format vectoriel du web (6 avril)
Un langage visuel comme CSS est un outil d'expression, qui donne une place à la créativité et permet des choix audacieux et novateurs. Nous abordons des modules CSS qui ont pour rôle d'étendre les possibilités créatives:
- Generated Content (18 mai)
- CSS Transforms (25 mai)
- CSS Animations (8 juin)
- CSS Shapes (15 juin)
Le 8 juin aura lieu la troisième évaluation.
Trois évaluations seront réalisées au courant du semestre. Chacune comportera trois aspects:
- Réaliser les challenges proposés à chaque cours (1/3).
- Un Test théorique (reprend les questions des quiz de révision hebdomadaires sur Podsie) (1/3).
- Présenter votre documentation personnelle (1/3).
Pour plus de précisions, voir Evaluations.