Prépa Certification Architecte de solutions AWS | Ep.17 : Les modèles de page d’un site web

Merci ! Partagez avec vos amis !

Vous avez aimé cette vidéo, merci de votre vote !

Ajoutées 1 année by admin

34 Vues

Nous clôturons cette partie sur la présentation modulaire de la page web que nous avons entrepris avec les éléments (épisode 14), les composants (épisode 15) et les sections (épisode 16). Pour cette vidéo, nous allons présenter les modèles de page.

Il faut dire que cette présentation modulaire a été inspirée par le livre de Brad Frost, Atomic Design, qui est librement consultable en ligne. Brad Frost, dans ce livre, affirmait que la métaphore de la page avait fourni aux utilisateurs un langage familier avec lequel naviguer lorsque le web est né. Cela a aidé les nouveaux utilisateurs Web à explorer et finalement à maîtriser un support entièrement nouveau en utilisant des conventions avec lesquelles ils étaient déjà à l'aise.

Et il enchaînait en précisant que bien que la page restait une métaphore très visible et utile pour les utilisateurs du Web, la réalité était que la page web étaient constituée de plusieurs modules… En puisant dans le jargon de la chimie, il avait établi : les atomes, les molécules, les organismes, les templates ou modèles et les pages.

C’est cette approche modulaire que j’ai adapté avec les éléments, les composants, les sections de page et les modèles de page.

Lien vers les slides de présentation de cette vidéo :
https://gamma.app/public/0r258bujimsv4w8

Lien vers la version écrite de cette vidéo :
TBA

## Liens cités ou à consulter

- Le livre [Atomic Design](https://atomicdesign.bradfrost.com/table-of-contents/) de Brad Frost.
- Tailwind conçoit les composants, sections et pages web pour la vente : [https://tailwindui.com/components](https://tailwindui.com/components)
- Mantine conçoit aussi composants, sections et pages web et les met librement en *open source* à la disposition des développeurs : [https://ui.mantine.dev/](https://ui.mantine.dev/)
- Un autre site intéressant avec composants, sections et pages web avec une version gratuite et une version payante : [https://www.untitledui.com/components](https://www.untitledui.com/components)
- [Intro to UI Design Patterns](https://balsamiq.com/learn/courses/intro-to-ui-design/ui-design-patterns/), [Balsamiq](https://balsamiq.com/).
- Le meilleur bootcamp pour passer de zéro à développeur web, [The Odin Project](https://www.theodinproject.com/)