Profile picture of Alexandre Dessoly
Alexandre Dessoly
Formateur Développement Web & Expert Symfony | J’aide les adultes en reconversion à apprendre le développement web et à réussir leur intégration dans le numérique. | Cofondateur Atop-Group | + 100 personnes formées
Follow me
Generated by linktime
November 30, 2024
Hello !!! Il est vrai que je partage par moment mes activités que je fais dans le cadre de mon activité de formateur, mais au-delà de ça je fais des projets !!! Oui, oui cela arrive plus souvent qu'on ne le pense. En ce moment je me dirige plutôt du coté Front-end avec #react. J'ai envie de renouer contact avec lui et voir d'autre choses que je n'ai pas pris le temps de voir. Pour le moment sur ce post je vais faire le partage de mes étoiles qui scintillent à des endroits aléatoires sur la page. Je peux te partager le code si tu veux mais est ce rendre service je ne sais pas. Je vais plutôt expliquer comment j'ai conceptualisé les choses. Je me suis dit : 🌟 une étoile dans le ciel ça ressemble à un point. 🌟 je veux qu'elle apparaissent et disparaissent à des endroits différents. Donc plus précisément pour développer cette animation, j'ai donc fait : EN CSS : la position de l'étoile sa taille largeur et hauteur (attention carré) une couleur de fond j'ai fait de façon à rendre l'étoile ronde et pour finir l'animation Bien évidemment j'utilise les keyframes pour faire varier l'opacité des étoiles, pour leur donner un effet de scintillement. Dans mon fichier js j'ai donc utiliser les states afin d'initialiser les étoiles dans un tableau vide, pour par la suite utiliser le UseEffect afin de faire une fonction pour générer une centaine d'étoiles de manière aléatoire. 🌟 Générer un temps de délai, ici un délai aléatoire entre 0 et 5 secondes 🌟 Générer des positions aléatoires sur la page en partant du haut et de la gauche 🌟 On ajoute tout ça dans la liste et on met à jour l'état des étoiles. Bien évidemment ensuite j'ai appliquer la fonction en générant toutes les 5 secondes les étoiles puis je nettoie l'intervalle. A partir de là nous avons les étoiles qui scintillent seulement si on pense à mapper tout ça . Ha j'ai fait d'autres choses mais j'en parlerai un peu plus tard je mettrai en ligne pour montrer ce que j'ai fait dans la finalité #react #frontend #developpement
Stay updated
Subscribe to receive my future LinkedIn posts in your mailbox.

By clicking "Subscribe", you agree to receive emails from linktime.co.
You can unsubscribe at any time.

November 30, 2024