Frontend Challenge - Édition de décembre, Glam Up My Markup: Winter Solstice - Wintice

Ceci est une soumission pour Frontend Challenge - Édition de décembre, Glam Up My Markup: Winter Solstice

Ce que j'ai construit

J'ai créé une page de destination pour l'événement "Solstice d'hiver". Ma tâche principale était de comprendre de quoi il s'agissait. Même si j’en avais beaucoup entendu parler, je ne savais pas comment ça fonctionnait. Pour aider les autres à le comprendre, j'ai décidé d'ajouter au site Web les documents nécessaires qui l'expliquent.

Ce qui a été fait :

• Un menu de navigation interactif avec une belle animation, tiré d'un tutoriel mais légèrement modifié.
• Ajout d'images et de vidéos.
• Zoom sur les images réduites.
• Conception réactive.

Démo

En direct
GitHub

Voyage

En fait, j'avais prévu de faire une tâche différente. Mais j’ai commencé à creuser celui-ci, je me suis impliqué et cela m’a emporté. Je n'avais jamais travaillé directement avec le DOM auparavant. J'ai toujours utilisé certains frameworks (React, Astro, Next). Parfois, j'utilisais un moteur de création de modèles (Jinja2). Mais modifier le DOM directement de cette manière est incroyable ; c'est comme si vous pouviez modifier n'importe quelle page Web sur Internet (par exemple, si vous n'aimez pas son style).
Il était intéressant de travailler à nouveau manuellement avec un design réactif, sans utiliser TailwindCSS ou Bootstrap. C'était passionnant de mener le projet à son terme, même si cela peut paraître simple à première vue, il m'a fallu pas mal de temps pour comprendre et comprendre comment accomplir ce que j'avais fait.
Je pense que ce travail m'a rapproché de devenir développeur Web. Merci pour l'opportunité de participer !

Je suis ouvert aux critiques ! Écrivez tout ce que vous trouvez inesthétique ou gênant, je serai heureux d'apprendre autre chose !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!