Más allá de su mera asistencia, nuestros miembros estudiantes fueron parte integrante de este acto, mostrando su talento y dando la bienvenida a todos los que estaban deseosos de saber más sobre nuestro equipo.
En este blog, desvelamos los aspectos más destacados y valiosos de esta inolvidable conferencia, arrojando luz sobre la dinámica fusión de aprendizaje, diversión y las prometedoras oportunidades que nos esperan. Acompáñenos en el recuento de nuestras aventuras y descubrimientos en la conferencia Digital Labin, una celebración del crecimiento y la camaradería en el mundo de la innovación digital.
Frontend: Dando vida al diseño de una página por Locomotive
La clase magistral comenzó con una inmersión profunda en el diseño, meticulosamente elaborado por Locomotive y presentado a través de Figma y una página web dedicada. Comprender los entresijos del diseño era crucial para implementar eficazmente el diseño de una página deseado. Los desarrolladores adoptaron la metodología BEM (Block Element Modifier) para CSS, adaptada al alcance de este proyecto, para garantizar un enfoque estructurado y organizado.
Para conseguir un efecto de desplazamiento suave, el equipo de Locomotive introdujo su biblioteca de desplazamiento suave llamada Locomotive-scroll. Esta biblioteca no sólo proporcionó una experiencia de desplazamiento excepcional a los usuarios, sino que también dotó a los desarrolladores de herramientas para animar a la perfección los elementos de la página web. El título "SWAG" y las animaciones de la imagen del modelo se iniciaron al desplazarse, mostrando el potencial de esta biblioteca.
Utilizando SCSS y CSS, los desarrolladores emplearon técnicas creativas de animación para el título "SWAG" y las imágenes SVG. Las propiedades CSS "transform" y "transform-origin" se utilizaron eficazmente para animar las imágenes. Un bucle for en SCSS permitió animaciones por letra para el SVG, dando vida al diseño de una manera atractiva y visualmente atrayente.
Al incorporar una animación CSS basada en desplazamiento en la sección de carteles, el equipo introdujo un listado de productos con efecto de cascada. Aprovechando el atributo de progreso de desplazamiento de Locomotive-scroll, se consiguió un control preciso de los desencadenantes de la animación. El progreso de desplazamiento, con parámetros de desplazamiento definidos, facilitó la sincronización de las animaciones con el desplazamiento del usuario, lo que dio como resultado un listado de productos dinámico y atractivo.
Los desarrolladores subrayaron la importancia de la accesibilidad, haciendo hincapié en la necesidad de garantizar la visibilidad del texto y el contraste de colores para todos los usuarios. En la sección de redacción, mostraron cómo pueden gestionarse eficazmente las variaciones de diseño manteniendo la accesibilidad. Además, destacaron el uso de elementos HTML nativos para crear componentes de acordeón accesibles y ligeros.
Para concluir la clase magistral, los desarrolladores crearon una galería utilizando el diseño de cuadrícula y aplicaron un efecto de animación de desplazamiento mediante GSAP (GreenSock Animation Platform). GSAP permitió crear sofisticadas animaciones que lograron el impacto visual deseado. Además, se integró un modelo 3D de un sombrero basado en WebGL, mostrando la versatilidad de tecnologías como THREE.js.
Sanja Božić, desarrollador Frontend:
La clase magistral de Locomotive aportó valiosas ideas para crear un sitio web cautivador de una sola página, haciendo hincapié en estructuras de codificación eficientes, desplazamiento suave, técnicas de animación y consideraciones de accesibilidad.
La combinación de bibliotecas como Locomotive-scroll, GSAP y THREE.js, junto con metodologías de codificación estructurada, demostró la potencia y versatilidad del desarrollo front-end moderno.
Al dominar estas técnicas e incorporarlas a nuestros proyectos, podemos elevar la experiencia del usuario y crear sitios web de una página convincentes que resuenen en el dinámico panorama digital actual. ¡Feliz programación!
Clase magistral: Diseño especulativo - Resolver los retos de las sociedades futuras
La clase magistral, impartida por un talentoso diseñador de UX Tech Lead, fue increíble. Fue una experiencia realmente envolvente y esclarecedora que se adentró en el ámbito del diseño especulativo. Lo que la hizo aún más notable fue el enfoque poco convencional que adoptamos durante la sesión.
En lugar de depender de portátiles y herramientas digitales, se nos animó a alejarnos de las pantallas y participar en debates mientras poníamos el bolígrafo sobre el papel. Este enfoque analógico del aprendizaje y el diseño nos permitió acceder a una dimensión creativa diferente y explorar ideas con mayor libertad.
Adnan Hodžić, ingeniero de software junior:
La Masterclass no sólo me aportó valiosos conocimientos sobre el mundo del diseño especulativo, sino que también encendió mi imaginación. La forma en que nuestra anfitriona compartió su pasión por el diseño y la innovación fue contagiosa, y despertó en mí un entusiasmo renovado por mi propio trabajo en este campo. Comprendí mejor cómo los diseñadores se inspiran en diversas fuentes y aprovechan su creatividad para imaginar posibilidades futuras.
Además, la conferencia en sí fue una experiencia enriquecedora. Tuve la oportunidad de conectar con un grupo diverso de personas. Las conversaciones con los demás asistentes me abrieron la mente a nuevas perspectivas y me dejaron una sensación de camaradería dentro del sector.
En general, asistir a la conferencia Digital Labin y participar en la Masterclass "Diseño especulativo" fue una experiencia memorable y transformadora. Me recordó la importancia del aprendizaje y la exploración continuos en mi trayectoria profesional. Estoy profundamente agradecido por la oportunidad de haber formado parte de ella.
Estoy deseando aplicar a mi trabajo los conocimientos y la inspiración adquiridos en esta conferencia y seguir ampliando los límites de la creatividad en mis propios diseños.
La combinación de técnicas de desarrollo web de vanguardia y conceptos de diseño innovadores pone de manifiesto el panorama en constante evolución del desarrollo front-end.
Como desarrolladores, adoptar este tipo de experiencias y permanecer abiertos a métodos poco convencionales no solo enriquece nuestro conjunto de habilidades, sino que también alimenta nuestra pasión por crear experiencias digitales excepcionales. Es un testimonio de que siempre hay lugar para la creatividad y las nuevas perspectivas en un sector en constante evolución. Esta clase magistral nos ha servido de recordatorio para pensar con originalidad y abordar nuestro trabajo con una perspectiva fresca y abierta, mejorando en última instancia nuestra capacidad de ofrecer proyectos únicos y atractivos a nuestros clientes.
