Entenda o Mundo do Frontend!

Seta 14 de Maio de 2024 às 15:14 Vera Lucia TECNOLOGIA TECNOLOGIA

O que é Frontend?

[{"selector":"#anim-d9c58715-2423-4be4-9e31-2eca4dd37c56","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dae67cba-b6c7-489e-84f9-bb415dab7a50","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-6d61dc0e-f606-4a60-80f3-3dd41210f270","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d3e441aa-c93b-4cae-b8bb-a14e53317ffe","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-375471f4-c049-4998-8163-8b164f088f1a","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-4c5e2457-5f86-4769-aca7-0729fa9245c2","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-c96b0c8e-78d0-47d2-8fac-c691838a523a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b4c4cdd5-9315-42ba-a552-1525e947c10c","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-0b8ad767-d391-4351-913f-9af57463fd73 [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 refere-se à parte da interface com a qual o usuário interage diretamente. É tudo que você vê e usa em um site, como o layout, os botões e os formulários. É essencial para a experiência do usuário em plataformas digitais.

Como funciona o Frontend?

[{"selector":"#anim-1bc615b3-1842-45ac-8e56-0456732a5a58","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6e9d60b0-9ec1-4c3b-9773-569e8cd22c74","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-4de57a89-56f0-4158-8995-77dbff3f99fd","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9d864b29-54d4-4dea-b981-24b96af3531c","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-408879f4-d2b6-4706-b733-543cb8ff8611","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dd42f92c-c850-466c-8443-747c6daec921","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-6acf7f21-f1b0-43e0-9ae8-3200e1a423c5","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-c6312634-2452-4628-aea1-99d8416572b1","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-dea60166-84bf-4e1f-b28b-c03442791d4c [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 funciona como a camada visual de uma aplicação web, onde o HTML estrutura o conteúdo, o CSS define o estilo e o JavaScript adiciona interatividade. Esses elementos são processados no navegador do usuário. Saiba mais!

Ferramentas essenciais no Frontend

[{"selector":"#anim-729cd957-460e-4426-b998-2a412b701e3a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2ede0133-4d33-402d-9fb4-6df49105398c","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-be724e4a-0aee-4535-9c6f-d90c87fd5a70","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e52eb568-10a0-46ca-b653-3725f7531c49","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-3d3e36f9-ab9b-4e78-8f62-c1073423c5c0","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-2bed65f1-7dd7-454d-90ac-917ec74afd77","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-3c9987c3-8991-4fab-93a2-0522b0f566ac","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4a38dd2e-9cd3-4db2-a7db-03892a8877b3","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-5c9932f6-8790-4fda-aa6d-26eaa674bed6 [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"}] No desenvolvimento frontend, algumas ferramentas são fundamentais: editores de código como VSCode, frameworks como React e Angular, e bibliotecas como jQuery. Eles ajudam a criar interfaces dinâmicas e responsivas.

A importância do Frontend

[{"selector":"#anim-58807eea-4fe9-44ee-aee4-b987246ca42f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-eb188d05-71d9-44c7-9031-a62a39be64e0","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-d1889dbf-28f1-4f3f-9133-cedcbb50a038","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-20e75bf9-28bc-4775-b4b4-40301f4f4555","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-cfaaa4b3-0943-4a7b-ac3d-c386131ed984","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0bc7d93d-0387-4c9c-9d81-5a707ef2e7e2","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-6ce4e3a4-e842-4161-8799-795046551c11","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-9d1d66f7-eec3-4d61-ad72-4ae7a34fa4d4","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-205a9819-875f-4af8-b07a-c4384ac6ba8b [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 é crucial pois define a primeira impressão do usuário em um site ou aplicativo. Uma interface bem projetada melhora a usabilidade, aumenta a satisfação do usuário e pode influenciar diretamente nas conversões. Saiba mais!

Participe da Comunidade Grupo no Whastapp!

[{"selector":"#anim-a62327d0-fed1-467b-bb0f-bf11c51cb68d","keyframes":{"opacity":[0,1]},"delay":0,"duration":550,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1316f878-3148-4949-a3c0-825e46d0b3a0","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-67a5699b-8bb9-4623-95c5-67be7c5e1637","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fffa49f6-c73f-4315-bab9-b40442c83b6d","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-fe2d3a49-8fac-4da5-8000-35833dd08144","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-0229bce0-8880-4e24-a37b-fbbca8acff60","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-fe917b6d-6e17-4de4-b40f-9677eebb9e3d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4ae1c1f7-47d7-4f77-b34b-6391fcba0c9d","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-9e6dc193-1f33-450d-a200-c7460a753a99","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-06ca274a-6bfc-4092-b77d-80eb9931d4ac","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-831e5bcb-d3f6-4719-a094-e24643c8490a","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-12e227fe-cf30-49b1-9f18-640cd73bdc10","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a79fdc75-adde-461b-95bc-c44aff39a9e8","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-56770520-bd55-45cd-9282-75fc74f3c72f","keyframes":{"opacity":[0,1]},"delay":110,"duration":500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4ed2c2ee-fe51-49ce-881f-72ed673f4869","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-cbb9dd55-bda1-46f0-90f6-4232d15663c0","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-eb7d859e-f5a2-4bdc-af3f-81e2cd0b8b63","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-d011a5c4-a671-4c58-84c1-e990fc996c4d [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

Tendências no mundo do Frontend

[{"selector":"#anim-a16526b0-d5fc-4c14-bfcd-3ac6bcf0d49e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a5bf0a07-5ee4-4b52-bd09-7871fcb88bf9","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-620aff02-6b3a-4662-b438-04238d67c8b3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3d1aca12-f405-4fa1-8dc3-6c1b180a1632","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-f41e2e0d-5d3e-44eb-b7b8-ac2a24a43c44","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-0f0677ca-0a54-45ad-80e0-04cd85f8553c","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-ac2a15a6-2eee-4ecf-a4ad-e1c3029ecbac","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0522bdf6-71b3-4877-967d-fc664aa1e64c","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-d9378214-1993-404e-8bce-56260c767c5f [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"}] As tendências atuais no frontend incluem o uso de frameworks JavaScript como Vue, React e Angular, além da adoção de tecnologias como PWA (Progressive Web Apps) e design responsivo para melhorar a experiência em diversos dispositivos.

Explore o Frontend e seu impacto

[{"selector":"#anim-04cb3013-384e-43f7-bf21-2c7148e88495","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0022e357-672b-47de-9d33-61d3d7996f9e","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-b8edfab6-c818-457c-9843-c40f3b813e5d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dcff16ce-9c02-4c6d-ae8e-ecd6aa222a71","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-80ac7210-f5fa-414d-bcea-a55692ff7c22","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-574c22c9-5cda-454c-8f2e-470ae11b483c","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-793cd764-1d2f-4bf3-a397-5913c428f2f3","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-d3e6b40b-8ef0-4c40-aeab-ab90f0139813","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-5aedd4ce-c423-4b27-ae2e-7ce8eda30fa3 [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"}] Explorar o frontend é entender como interfaces bem construídas impactam na eficiência e na satisfação do usuário, facilitando a interação e melhorando a acessibilidade em plataformas digitais. Saiba mais!

Gostou do Conteúdo?

[{"selector":"#anim-d6a9c684-07aa-4129-9416-b1a4385b7d17","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6901cdcb-9d33-480c-96a0-6c63115a7ac8","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-6901cdcb-9d33-480c-96a0-6c63115a7ac8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e2e65a4a-32db-4ef3-9dae-40da7e778cc9","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-1d370afb-319f-4fb3-bd12-5065f95621f1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-90932920-56db-4fae-8d4e-95a7dff726da","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-3da7d120-466d-4929-8e07-f334feee2410","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-50f3d984-71a5-4bf2-8bdc-0effd2b09117","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-f1804d85-b9fa-4018-8ca7-d4f816875be5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4265e467-0cf3-44a8-a4e7-94b07ea87cf6","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-e9f135ae-e121-45dc-96f7-c21403918bb9","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1eb18cc1-bceb-436b-8a08-956981815453","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-05bef6e3-4dcf-48a7-bcd5-98ec7e87eecb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-98e808a9-e274-41d8-af2d-0a42e6dff25b","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-e93e8b62-396a-4d06-b8b3-e5825e7331f0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a26fde6e-5900-40ad-9dfe-d1d86a1ae162","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-5c6bc11f-8271-4552-8cde-bb827156ae35","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-687631b4-ca0f-4e21-a3fc-361e41b1a08b","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-6ad9dc1b-45df-45e6-b6da-f71f3f2d2e90","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0fa14d2c-bf2e-45ae-aac2-83accdd142af","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-2c36dac7-67aa-4de6-a4a5-3105fd5c609d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2393c753-359c-454a-af55-99405524fb31","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-14387d26-0f80-40b0-82e4-2abd10fe29db","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bee5f787-bc9a-4368-891b-1cbbc7f30a64","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-0d49e76f-03d8-45d6-973e-62a1d19bfc44","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-e7d9e4ea-9ec8-4960-a90e-b53bad93d60b","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-3138f8ee-5fdd-4ea1-bae4-5550ade3286c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-e0715119-e547-4906-8b1e-98a550a1bf5f","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-07bf8923-3cf1-4097-97b4-2bdf3b0e6ca3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-1fcc14f1-f9a7-44c5-998f-8a17c8b4a01a","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-25e8e74d-2f82-4cfb-af6b-89488997ea5b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-08318931-2150-493d-b78e-317ceab6508f","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-71ded858-7ddb-4878-8aa9-5d7941a9d655","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2837d3d3-d882-43e4-b34b-d91ff7537780","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-beac30c8-7634-4d15-b1c3-76b171283236","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-474f43f3-892a-463a-93d8-ed9c95650b4c","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-2469894c-65f7-428e-a91e-c3fa83547eb1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-785ab97b-5e82-4a55-9ec9-61a624d9bb46","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-48c6bdce-cf2a-4432-8218-945ec8e9c607","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-04a91dc9-38f7-422a-88e0-cbda4be2a022","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-0f59390f-2e90-409e-920d-380b295ac678","keyframes":{"opacity":[0,1]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-f47c32ab-512a-4bad-acbe-bc7017be38cd","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-46976202-17f2-4fa6-8af3-b3f3d9d7b57b [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.