Descubra os Segredos do Frontend!

Seta 25 de Julho de 2024 às 19:28 Vera Lucia TECNOLOGIA TECNOLOGIA

O que é Frontend?

[{"selector":"#anim-256d4048-7846-4994-8075-516989ccd766","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0327b215-a50c-4ef3-9007-b4eb64b52f8e","keyframes":{"transform":["translate3d(0px, -573.17967%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2b536ee4-69a0-443b-ac57-295706540425","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6df76a31-a7ce-42ba-9fdd-4cac6d4c4cc6","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a751e17f-493a-459a-8d84-7f3675f2e970","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-98236933-031e-47d2-b884-ebed7f509aaf","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-370e0cf2-e27e-43c0-8ced-1581d69d83c0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-de469246-b738-4ca2-a6cc-49d490fc27d0","keyframes":{"transform":["translate3d(-135.03651%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b3f4389d-276f-4d89-a8a1-384821298c8e [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Frontend é a parte de um site ou aplicativo que o usuário vê e interage. Inclui o design visual e os elementos interativos, criados usando HTML, CSS e JavaScript para uma navegação fluida e acessível.

Ferramentas usadas no Frontend

[{"selector":"#anim-29696b55-1033-4bb2-9db8-b60b8ccb949d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a0e67b78-2750-4ba9-b26f-cdb78fb81e3b","keyframes":{"transform":["translate3d(0px, -573.17967%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-976bf845-e9c8-4371-945f-21d404bbc9d0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-991fe58b-3d5f-4fa6-8754-61d90bb83b7d","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a502a288-45c6-475a-91a5-0740749d00c8","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-4d952fe2-4c18-4452-860b-24127d8aa774","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-ee514a8a-b488-4b0c-afd4-57df2ddf6dba","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d4915518-720f-409d-ad8b-8e904d4712e0","keyframes":{"transform":["translate3d(-135.03651%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-548f7c07-68fd-4412-9d7d-27bb5b8634ee [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Desenvolvedores frontend utilizam várias ferramentas para criar sites atrativos. Entre elas estão HTML, CSS e JavaScript, além de frameworks como React, Angular e Vue.js para interfaces dinâmicas.

Como funciona o Frontend?

[{"selector":"#anim-1b4847df-80a8-45bb-ae96-3e578b5d2676","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5be8f0b8-98d3-4ef3-a078-f83d4166d196","keyframes":{"transform":["translate3d(0px, -573.17967%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-748b7183-dd2a-4fe1-bd9b-2f04e5d90980","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-98abafb7-59cf-4c87-baf5-ae9c9adc5880","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-73b070ad-f025-4fda-abe0-de1d7bae29ab","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-5e987ee0-53f0-4a95-8b2c-76de61f82d21","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-a5b9db70-8ef2-41d2-959b-5d86fd86932b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f3193df6-4028-4db7-9e12-5fb12fd21a92","keyframes":{"transform":["translate3d(-135.03651%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d3477ccb-065f-4c51-a4d4-9dbdb7a00db7 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] O desenvolvimento frontend inicia com o design da interface que o usuário irá ver e usar. A partir disso, utiliza-se HTML para estruturar, CSS para estilizar e JavaScript para adicionar funcionalidades interativas.

Importância do Frontend

[{"selector":"#anim-83f67842-6672-4500-9f60-a71c58ffadf3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-afb585a9-048e-47b6-9d3a-3888e3f6c37e","keyframes":{"transform":["translate3d(0px, -573.17967%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-05ced2e2-55a6-4c60-ad5c-ffa08835189e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4bfbb5d2-2420-4f9e-ae65-cc4e0d2dac20","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-263443e6-46e6-4bf3-87b6-e1e95cb96e60","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-7dbcfd64-42fa-449b-865c-4dc2f97b9c55","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-c0809233-d8cf-41a6-9785-61efd63a1eab","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6feeedf5-ee81-4ec3-915c-d853e1c3e289","keyframes":{"transform":["translate3d(-135.03651%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3f48c435-f131-4862-a089-cd96f7e6e83d [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] O frontend é essencial para criar uma boa primeira impressão, melhorar a usabilidade e garantir a acessibilidade, influenciando diretamente na satisfação e retenção dos usuários.

Diferença entre Frontend e Backend

[{"selector":"#anim-096c36f3-2415-4f20-b00a-b1dda20b936c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2480b414-d470-4bc0-8bc8-4d1fdda2f28a","keyframes":{"transform":["translate3d(0px, -573.17967%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b542141a-2b6a-4355-8a43-66ccdfd8fce2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c682672d-02e9-4031-bc41-ef54ab46f7f9","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-093253d7-a634-4961-8e47-f00f6dc1adb5","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-39a44711-8374-48f0-8bd9-0f257cc13819","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-5dc255c9-dfc2-4271-b639-572c843d23b4","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-55a9bbf2-952b-4bfe-af4c-600c8eef79f2","keyframes":{"transform":["translate3d(-135.03651%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-82b10310-ca24-4338-8005-893aacb7d132 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Frontend é a parte visual e interativa de um site, acessível aos usuários. Backend é o servidor e banco de dados que processam a lógica e armazenam os dados nos bastidores.

Descubra os Segredos do Frontend!

[{"selector":"#anim-df327839-9d0b-4394-9186-b48f0bc40975","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6d6c1ca6-73bf-44e1-b365-8b02cb984013","keyframes":{"transform":["translate3d(0px, -573.17967%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-608af9a6-dde0-4e3c-9810-19eb76c0cb47","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5253aab1-12e2-4395-8178-b8ff9d27e475","keyframes":{"transform":["translate3d(-135.03651%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-59549bf1-8a85-4775-aa33-928a0a46b5a4","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a5d55481-5d53-4ad4-bf3c-eac851f27d67","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c203fbad-e2f8-43de-b843-918060d2d179","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-57c5b986-7cbe-49a8-8ad8-45d4f7aa3689","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-9fb99f0b-5375-46dd-9b1d-d0d63bd16536 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Explore como o frontend molda a web! Desde a criação de interfaces atraentes até a implementação de interações dinâmicas, descubra o impacto dessas técnicas no sucesso dos sites. Saiba mais!

Participe da Comunidade Grupo no Whastapp!

[{"selector":"#anim-a38e1472-9714-46eb-a347-7aa6b3c5613e","keyframes":{"opacity":[0,1]},"delay":0,"duration":550,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8cd96c0b-25ad-47ea-a360-157e8b94bc5c","keyframes":{"transform":["translate3d(0px, 574.26877%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":550,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0d026f85-47ce-42f5-87ae-0c4778bfc180","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8211e107-9a91-41dc-af77-84985a138fdb","keyframes":{"transform":["rotate(-228deg) translate3d(0px, 951.11008%, 0) rotate(228deg)","rotate(-228deg) translate3d(0px, 0px, 0) rotate(228deg)"]},"delay":0,"duration":500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-933d28b2-fb1d-4c7c-8fe9-9100a5ded673","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-bebc2a0b-b0e7-4ba8-b87a-be51a205d03e","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-86b4a8ad-012b-4e49-bc01-e3adde481c8b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c10cf27c-397d-42f0-b240-828160cc9594","keyframes":{"transform":["translate3d(-161.16504%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5f53f44a-3f22-485a-9543-d462d1d34d65","keyframes":{"transform":["translate3d(158.25244%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-32ec8e66-6627-43e0-863b-941f50b35b7c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a36458d6-6e96-49b9-ae04-d10d1eb38213","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-612665aa-2d2f-47da-b2d9-01aaf2e8dd6d","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5bee2ef2-91c7-4285-bd0d-f60314b1493a","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bc544bad-cf3c-47eb-b236-083eb8f18c51","keyframes":{"opacity":[0,1]},"delay":110,"duration":500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d01e062f-708f-4611-8542-ece4f995324a","keyframes":{"transform":["rotate(-227deg) translate3d(-294.99997%, 0px, 0) rotate(227deg)","rotate(-227deg) translate3d(0px, 0px, 0) rotate(227deg)"]},"delay":110,"duration":500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dacc1d14-ddb3-4f9b-a2d3-7c867688c1c9","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-3388f08e-f7ec-40d4-b2bb-2fca0651a151","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-9bfb5600-c123-4cce-8436-87cb800881c9 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, -0.00000456599066822605%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] 📱 ENTRAR AGORA! ENTRAR NO GRUPO

Gostou do Conteúdo?

[{"selector":"#anim-13220617-9804-48c8-90e7-0713cdfb3d3f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-52ff5bfa-cf56-4d7a-a1c8-52efa377562d","keyframes":{"transform":["translate3d(-200%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-52ff5bfa-cf56-4d7a-a1c8-52efa377562d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9396f270-d207-40a2-bf25-4d498085fa32","keyframes":{"transform":["translate3d(-388.88882%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b1499c42-b8c1-425b-aae2-ce13fa87b8b7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d864a6fc-c20b-44e4-abad-f348daae68b5","keyframes":{"transform":["translate3d(-388.88882%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6d191ca9-d87e-4abe-849d-cc20610a406e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8a66a23a-6474-46fb-90f9-284353b44114","keyframes":{"transform":["translate3d(-198.38715%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b73fb4d5-b471-46dc-bddf-f1ec94bcc7f0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c5abf661-c7c4-419c-b910-09cdeccafe5f","keyframes":{"transform":["translate3d(0px, 284.22943%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cfa205b4-2902-4e8a-b902-c09c62445994","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0560e412-f7d0-4841-9195-b2d3936b4efa","keyframes":{"transform":["translate3d(0px, 655.09180%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-327f0517-0ba5-4cc3-8872-ae983378289e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8fe8d50d-4467-4494-bded-e1a64a01e4d8","keyframes":{"transform":["translate3d(0px, 284.22943%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bfe92a55-23f8-42b2-b606-d15bcff0de72","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-535ef50d-64bf-4e50-9d5e-d026792741bc","keyframes":{"transform":["translate3d(0px, 650.92520%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-702d69fb-c6c6-4fd8-a87c-5172a29b5c30","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-46647113-9af0-4ff7-b8a3-574e49fcca29","keyframes":{"transform":["translate3d(195.16132%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8b80684b-2395-46ce-9612-dd9b10a83a24","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4b45a53f-9818-4a66-807d-6a497982fda3","keyframes":{"transform":["translate3d(420.83348%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5c048cb5-cebe-4825-87ad-35f35cdcdb00","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b8e7963f-06b0-41b5-8428-7c6f3a2c10a3","keyframes":{"transform":["translate3d(195.16132%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-12b43de3-14d7-4792-8452-82ad282d5a69","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3bcbd740-5844-4efb-8bdb-5e3fd2bc2901","keyframes":{"transform":["translate3d(439.13072%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e1d6b0a1-53d8-44fe-a80f-3a087b6ad814","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-e1c20f0d-6e97-41d3-bb69-efeb9884244e","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-d76e536f-f9df-4f0e-ae3c-bb15cbb91ab0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-10058eb8-ab1a-45ba-a0e7-f92bd99412a6","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-50defec5-b9c0-4f30-9f11-c8f7f5fbf1e4","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-37f79445-44a1-4f39-babb-a2a62f622c65","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-a56fc316-c624-45c3-b39b-ce21bfbb05cc","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-af3905b0-de29-47dd-b3ed-db2570cc22bc","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-bd25f304-5e28-477b-b54e-44a30e1aaa05","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1e4b61c5-c1df-4561-8eb0-ba6567dbc206","keyframes":{"transform":["translate3d(-185.0746%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0a7535a0-b78b-4822-a39b-5891f23d4acd","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9ee6da11-80ce-43a3-850f-7804040660e6","keyframes":{"transform":["translate3d(-153.91305%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-62fbb86e-bf5f-45b6-9387-585192280c63","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3fe34c69-d1f8-4bce-b5b8-e6f2c7f86e45","keyframes":{"transform":["translate3d(115.18987%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-97ae729b-0e7a-4b75-a52b-b701676438a6","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-acd7ae13-24ab-4212-ba2a-529a82de4fa7","keyframes":{"transform":["translate3d(0px, -461.1109%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-28744c25-5251-4811-b602-d515dd5be3be","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-21f0838c-ca5e-4ab6-b4b7-748d2a1ddd19","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-038b4d3b-328f-4945-8da6-5371bd76a427 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Clique Aqui Visite nosso site! O maior portal de cursos, capacitação e educação em tecnologia e desenvolvimento do Brasil.