Para além de estarem presentes, os nossos estudantes foram parte integrante deste evento, mostrando o seu talento e dando as boas-vindas a todos os que estavam ansiosos por saber mais sobre a nossa equipa.
Neste blogue, desvendamos os destaques emocionantes e as lições valiosas desta conferência inesquecível, lançando luz sobre a fusão dinâmica de aprendizagem, diversão e as oportunidades promissoras que nos esperam. Junte-se a nós e conte-nos as nossas aventuras e descobertas na conferência Digital Labin, uma celebração do crescimento e da camaradagem no mundo da inovação digital.
Frontend: Dar vida ao design de uma página com o Locomotive
A masterclass começou com um mergulho profundo no design, meticulosamente criado pela Locomotive e apresentado através do Figma e de uma página web dedicada. Compreender os meandros do design foi crucial para implementar eficazmente o layout de uma página desejado. Os criadores adoptaram a metodologia BEM (Block Element Modifier) para CSS, adaptada ao âmbito deste projeto, garantindo uma abordagem estruturada e organizada.
Para conseguir um efeito de deslocamento suave, a equipa da Locomotive apresentou a sua biblioteca de deslocamento suave, apropriadamente designada Locomotive-scroll. Esta biblioteca não só proporcionou uma experiência de deslocação excecional aos utilizadores, como também deu aos programadores ferramentas para animar sem problemas os elementos da página Web. As animações do título "SWAG" e da imagem do modelo foram iniciadas aquando da deslocação, demonstrando o potencial desta biblioteca.
Utilizando SCSS e CSS, os programadores utilizaram técnicas de animação criativas para o título 'SWAG' e as imagens SVG. As propriedades CSS 'transform' e 'transform-origin' foram efetivamente utilizadas para animações de imagens. Um loop for no SCSS permitiu animações por letra para o SVG, dando vida ao design de uma forma cativante e visualmente apelativa.
Incorporando uma animação CSS baseada em scroll na secção de cartazes, a equipa introduziu uma listagem de produtos com um efeito de cascata. Utilizando o atributo de progresso de deslocamento do Locomotive-scroll, foi possível obter um controlo preciso dos accionadores da animação. O progresso do scroll, com parâmetros de deslocamento definidos, facilitou a sincronização das animações com o scroll do utilizador, resultando numa listagem de produtos dinâmica e cativante.
Os criadores sublinharam a importância da acessibilidade, salientando a necessidade de garantir a visibilidade do texto e o contraste das cores para todos os utilizadores. Na secção editorial, mostraram como as variações de design podem ser tratadas de forma eficiente, mantendo a acessibilidade. Além disso, a turma destacou a utilização de elementos HTML nativos para criar componentes de acordeão acessíveis e leves.
Para concluir a masterclass, os programadores criaram uma galeria utilizando a disposição em grelha e aplicaram um efeito de animação de deslocação utilizando GSAP (GreenSock Animation Platform). A GSAP permitiu animações sofisticadas, obtendo o impacto visual desejado. Além disso, foi integrado um modelo 3D de um chapéu baseado em WebGL, mostrando a versatilidade de tecnologias como o THREE.js.
Sanja Božić, programadora de front-end:
A aula magistral da Locomotive forneceu informações valiosas sobre a criação de um sítio Web de uma página cativante, destacando estruturas de codificação eficientes, rolagem suave, técnicas de animação e considerações de acessibilidade.
A combinação de bibliotecas como Locomotive-scroll, GSAP e THREE.js, juntamente com metodologias de codificação estruturadas, demonstrou o poder e a versatilidade do desenvolvimento front-end moderno.
Ao dominarmos estas técnicas e ao incorporá-las nos nossos projectos, podemos melhorar a experiência do utilizador e criar sítios Web de uma página convincentes que se enquadram no dinâmico panorama digital atual. Boa programação!
Aula magistral: Design especulativo - Resolver os desafios das sociedades do futuro
A Masterclass, que foi orientada por um talentoso designer UX Tech Lead, foi fantástica. Foi uma experiência verdadeiramente imersiva e esclarecedora que mergulhou no domínio do design especulativo. O que a tornou ainda mais notável foi a abordagem não convencional que adoptámos durante a sessão.
Em vez de nos apoiarmos em computadores portáteis e ferramentas digitais, fomos encorajados a afastarmo-nos dos ecrãs e a participar em discussões com a caneta no papel. Esta abordagem analógica à aprendizagem e à conceção permitiu-nos aceder a uma dimensão criativa diferente e explorar ideias mais livremente.
Adnan Hodžić, engenheiro de software júnior:
A Masterclass não só forneceu informações valiosas sobre o mundo do design especulativo, como também despertou a minha imaginação. A forma como a nossa anfitriã partilhou a sua paixão pelo design e pela inovação foi contagiante e despertou em mim um entusiasmo renovado pelo meu próprio trabalho neste domínio. Ganhei uma compreensão mais profunda da forma como os designers se inspiram em várias fontes e aproveitam a sua criatividade para imaginar possibilidades futuras.
Além disso, a conferência em si foi uma experiência enriquecedora. Tive a oportunidade de me relacionar com um grupo diversificado de pessoas. As conversas com outros participantes abriram-me a mente para novas perspectivas e deixaram-me com uma sensação de camaradagem no sector.
De um modo geral, assistir à conferência Digital Labin e participar na Masterclass "Speculative Design" foi uma experiência memorável e transformadora. Recordou-me a importância da aprendizagem e exploração contínuas no meu percurso profissional. Estou profundamente grato pela oportunidade de ter participado nela.
Estou ansiosa por aplicar os conhecimentos e a inspiração adquiridos nesta conferência ao meu trabalho e por continuar a alargar os limites da criatividade nos meus próprios projectos.
A combinação de técnicas de desenvolvimento Web de ponta e conceitos de design inovadores realça verdadeiramente a paisagem em constante evolução do desenvolvimento de front-end.
Enquanto programadores, abraçar essas experiências e mantermo-nos abertos a métodos não convencionais não só enriquece o nosso conjunto de competências, como também alimenta a nossa paixão pela criação de experiências digitais excepcionais. É um testemunho do facto de haver sempre espaço para a criatividade e novas perspectivas na nossa indústria em constante evolução. Esta masterclass serviu para nos lembrar que devemos pensar fora da caixa e abordar o nosso trabalho com uma perspetiva fresca e aberta, melhorando assim a nossa capacidade de apresentar projectos únicos e interessantes aos nossos clientes.
