Início Meu diário espacial
Idioma PT (Português)

Animação na web

Alien intermediário Dificuldade 3/5 Lista de recursos Parada 19 / 166 idades 11-13 Traduzido por IA

Animações no navegador com JavaScript, CSS, SVG etc.

Começar o guia

Seu guia

Resumo escrito por IA

O que é?

Animação na web está no nosso grupo de Desenvolvimento Front-End, uma longa lista de ferramentas e recursos para construir a parte de um site que as pessoas veem e clicam. Só conhecemos o título, a descrição curta e o nível da nossa lista.

É para mim?

É para quem quer criar páginas web. Muitos itens são de nível Intermediário, então algumas noções básicas de web ajudam. Serve para cerca de 11-13 anos em diante, e os itens para iniciantes são o melhor começo.

Adultos: Para adultos: muitas destas são ferramentas para desenvolvedores. Vejam a página primeiro e ajudem com as instalações.

Como começar

  1. Comece pelos itens para Iniciantes se você é novo em páginas web.
  2. Abra o site original com um adulto e leia a primeira página.
  3. Experimente uma pequena mudança, como uma cor ou um título, e veja no navegador.

Quanto tempo?

Planeje cerca de 55 minutos por vez, ao longo de cerca de 6 sessões. (estimativa)

55 min por sessão 6 sessões estimativa

Um plano que você pode seguir

  1. Dia 1 30 min Veja o que a ferramenta faz e experimente o primeiro exemplo.
  2. Semana 1 45 min Construa uma páginazinha.
  3. Semana 2 60 min Adicione um recurso novo, como um botão.
  4. Semana 3 60 min Compartilhe a página com um amigo ou familiar.

Os tempos são estimativas. Vá no seu ritmo.

Ir ao site de aprendizado

Você está prestes a sair do nosso site para visitar Animação na web em outro site. Nós não controlamos esse site. Pergunte a um adulto antes de ir. Confira o original para ver os detalhes. Esse site pode não estar no seu idioma. O seu navegador pode traduzir a página: procure o botão de traduzir perto da barra de endereço ou peça ajuda a um adulto.

Você está saindo do nosso site

Adultos: Para adultos: este link leva a um site que não controlamos e que não revisamos além da sua descrição na lista. Por favor, deem uma olhada nele primeiro.

Ir para o site de aprendizado (abre o site original em uma nova aba)

https://github.com/sergey-pimenov/awesome-web-animation#readme

Em outro site. Da lista: sindresorhus/awesome · Licença: CC0-1.0 · Desenvolvimento front-end · As traduções são geradas por IA; confira sempre o original.

Como aprender com um projeto ou lista do GitHub

Seu caminho por Desenvolvimento web

Parada 17 SVG Lista de recursos Parada 18 Acessibilidade na web Lista de recursos Parada 19 Animação na web Lista de recursos Parada 20 Web design Lista de recursos Parada 21 Um guia caseiro para criar o seu próprio React Projeto para construir Parada 22 Amazon Web Services Lista de recursos Parada 23 Interface de usuário do Android Lista de recursos

Continue explorando