Semaine 3 – Mises en page contemporaines

Récapitulatif

• File system paths and links
• Pourquoi utiliser le rem ?
• Comment penser un design responsive avec Figma

Exercices

• Centering a div with flexbox
• Responsive layout with flexbox
• Fixed navigation

CSS

• CSS Nesting
• Class naming: BEM
• aspect-ratio
• Container Queries
• CSS Variables
• Transitions
• Animations
• CSS frameworks

Bases de javascript

• Variables: let, const
• Data types: string, number, boolean, null, undefined, typeof
• Operators
• Comparisons
• If else
• Logical Operators
• While/for
• Functions
• Arrow functions
• Recap

Outils

• Lottie: after effects to web vector format, examples

Pour la prochaine fois

• Rendez votre site de la dernière fois responsive
• Complétez les exercices de javascript de cette semaine et déposez dans votre dossier
• Javascript InfoObjects: the basics, Data types