Au-delà de leur simple présence, nos membres étudiants ont fait partie intégrante de cet événement, mettant en valeur leur talent et accueillant tous ceux qui étaient désireux d'en savoir plus sur notre équipe.
Dans ce blog, nous dévoilerons les faits marquants et les précieux enseignements de cette conférence inoubliable, en mettant en lumière la fusion dynamique de l'apprentissage, du plaisir et des opportunités prometteuses qui nous attendent. Rejoignez-nous pour raconter nos aventures et nos découvertes lors de la conférence Digital Labin, une célébration de la croissance et de la camaraderie dans le monde de l'innovation numérique.
Frontend : Donner vie à la conception d'une page par Locomotive
La masterclass a commencé par un examen approfondi de la conception, méticuleusement élaborée par Locomotive et présentée à travers Figma et une page web dédiée. Il était essentiel de comprendre les subtilités de la conception pour mettre en œuvre efficacement la mise en page unique souhaitée. Les développeurs ont adopté la méthodologie BEM (Block Element Modifier) pour CSS, adaptée à la portée de ce projet, garantissant une approche structurée et organisée.
Pour obtenir un effet de défilement fluide, l'équipe de Locomotive a introduit sa bibliothèque de défilement fluide, judicieusement nommée Locomotive-scroll. Cette bibliothèque a non seulement offert une expérience de défilement exceptionnelle aux utilisateurs, mais elle a également fourni aux développeurs des outils leur permettant d'animer de manière transparente les éléments de la page web. Les animations du titre "SWAG" et de l'image du modèle ont été lancées lors du défilement, démontrant ainsi le potentiel de cette bibliothèque.
En utilisant SCSS et CSS, les développeurs ont employé des techniques d'animation créatives pour le titre "SWAG" et les images SVG. Les propriétés CSS "transform" et "transform-origin" ont été utilisées efficacement pour les animations d'images. Une boucle for dans SCSS a permis des animations par lettre pour le SVG, donnant vie à la conception d'une manière engageante et visuellement attrayante.
En incorporant une animation CSS basée sur le défilement dans la section des affiches, l'équipe a introduit une liste de produits avec un effet de cascade. L'attribut de progression du défilement de Locomotive-scroll a permis un contrôle précis des déclenchements d'animation. La progression du défilement, avec des paramètres de décalage définis, a facilité la synchronisation des animations avec le défilement de l'utilisateur, ce qui a permis d'obtenir une liste de produits dynamique et attrayante.
Les développeurs ont souligné l'importance de l'accessibilité, en insistant sur la nécessité d'assurer la visibilité du texte et le contraste des couleurs pour tous les utilisateurs. Dans la section éditoriale, ils ont montré comment les variations de conception peuvent être gérées efficacement tout en maintenant l'accessibilité. En outre, la classe a mis en évidence l'utilisation d'éléments HTML natifs pour créer des composants d'accordéon accessibles et légers.
Pour conclure la masterclass, les développeurs ont créé une galerie en utilisant la disposition en grille et ont appliqué un effet d'animation de défilement à l'aide de GSAP (GreenSock Animation Platform). GSAP a permis de réaliser des animations sophistiquées et d'obtenir l'impact visuel souhaité. En outre, un modèle 3D d'un chapeau basé sur WebGL a été intégré, mettant en évidence la polyvalence de technologies telles que THREE.js.
Sanja Božić, développeur Frontend :
La masterclass de Locomotive a fourni des informations précieuses sur la création d'un site web captivant d'une page, en mettant l'accent sur des structures de codage efficaces, un défilement fluide, des techniques d'animation et des considérations relatives à l'accessibilité.
La combinaison de bibliothèques telles que Locomotive-scroll, GSAP et THREE.js, ainsi que de méthodologies de codage structurées, a démontré la puissance et la polyvalence du développement moderne de l'interface utilisateur.
En maîtrisant ces techniques et en les intégrant à nos projets, nous pouvons améliorer l'expérience des utilisateurs et créer des sites web d'une page convaincants qui s'inscrivent dans le paysage numérique dynamique d'aujourd'hui. Bon codage !
Masterclass : Design spéculatif - Relever les défis des sociétés futures
La masterclass, animée par un talentueux designer UX Tech Lead, a été extraordinaire. C'était une expérience vraiment immersive et instructive qui a plongé dans le domaine de la conception spéculative. Ce qui l'a rendu encore plus remarquable, c'est l'approche non conventionnelle que nous avons adoptée pendant la session.
Au lieu de s'appuyer sur des ordinateurs portables et des outils numériques, nous avons été encouragés à nous éloigner des écrans et à engager des discussions en posant un stylo sur du papier. Cette approche analogique de l'apprentissage et de la conception nous a permis de puiser dans une dimension créative différente et d'explorer des idées plus librement.
Adnan Hodžić, Ingénieur logiciel junior :
La masterclass n'a pas seulement fourni des informations précieuses sur le monde du design spéculatif, elle a également enflammé mon imagination. La façon dont notre hôte a partagé sa passion pour le design et l'innovation était contagieuse, et elle a suscité en moi un enthousiasme renouvelé pour mon propre travail dans ce domaine. J'ai mieux compris comment les concepteurs s'inspirent de diverses sources et exploitent leur créativité pour envisager les possibilités futures.
En outre, la conférence elle-même a été une expérience enrichissante. J'ai eu l'occasion d'entrer en contact avec un groupe d'individus très divers. Les conversations avec les autres participants m'ont ouvert l'esprit à de nouvelles perspectives et m'ont donné un sentiment de camaraderie au sein du secteur.
Dans l'ensemble, assister à la conférence Digital Labin et participer à la masterclass "Speculative Design" a été une expérience mémorable et transformatrice. Elle m'a rappelé l'importance de l'apprentissage continu et de l'exploration dans mon parcours professionnel. Je suis profondément reconnaissant d'avoir eu l'occasion d'y participer.
J'ai hâte d'appliquer les connaissances et l'inspiration acquises lors de cette conférence à mon travail et de continuer à repousser les limites de la créativité dans mes propres créations.
Le mélange de techniques de développement web de pointe et de concepts de conception innovants met véritablement en évidence le paysage en constante évolution du développement frontal.
En tant que développeurs, accepter de telles expériences et rester ouverts à des méthodes non conventionnelles enrichit non seulement notre ensemble de compétences, mais alimente également notre passion pour la création d'expériences numériques exceptionnelles. C'est un témoignage du fait qu'il y a toujours de la place pour la créativité et de nouvelles perspectives dans notre industrie en constante évolution. Cette masterclass nous a rappelé de sortir des sentiers battus et d'aborder notre travail avec un regard neuf et ouvert, ce qui nous permet en fin de compte d'améliorer notre capacité à réaliser des projets uniques et attrayants pour nos clients.
