Você sabia que ao assinar um plano você terá acesso a TODOS os cursos do portal?
São mais de 4.000 horas de conteúdo, distribuídos em mais de 350 cursos completos!

Curso de React Native - Animações e Estilização

Aprenda como melhorar a experiência do usuário estilizando e animando elementos no React Native

Veja uma aula de exemplo

Plano de acesso Anual

economize R$360
de 12x de R$97
por: 12x de R$67
ou R$ 804,00 à vista
  • 1 ano de acesso completo a todos os cursos e formações da plataforma.
Conheça os nossos planos de acesso total aos cursos
  • Conteúdo + de 4.000 horas de conteúdo
  • Conteúdo + de 200.000 alunos capacitados
  • Conteúdo + de 12 anos de experiência em EAD
  • Conteúdo cursos novos toda quarta-feira
Quero conhecer os planos

Sobre o curso

O React Native é um framework do Facebook para criação de aplicativos nativos com JavaScript para Android e iOS, sendo utilizado em famosos aplicativos como Facebook, Instagram, Uber, Skype, Pinterest e Walmart. A ideia do React Native é tornar possível criar aplicações mobile nativas com uma única linguagem (no caso, o JavaScript), permitindo o reaproveitamento de boa parte do código. Neste curso vamos aprender a estilizar e animar elementos, permitindo criar belas telas para melhorar a experiência do usuário.

Conhecimentos adquiridos

Neste curso iremos apresentar a Animated API do React Native. São vídeo aulas e conteúdo escrito que mostram os recursos desta api de animação. Também serão passados exercícios para que você possa fixar, praticar e aplicar o conteúdo aprendido durante o curso. Dentre várias outras coisas, você verá: - Atualização automática da tela (Hot Reloading); - Iniciando com estilização e técnicas de reaproveitamento; - Cores e Unidades de Medidas; - Estilização de textos, botões e Views; - Dimensionamento, posicionamento e transformações; - Layouts com Flexbox; - Layouts Responsivos; - Animações com Animated API; - Criação de Componentes Animados; - Desenvolvimento de um projeto durante o curso para fixar o conhecimento.

Para quem é esse curso?

Este curso é destinado àqueles que já tenham conhecimento de React Native e queiram aprender a estilizar e animar seus elementos, permitindo entregar uma melhor experiência ao usuário.

Quais os pré-requisitos para esse curso?

Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.

  • Curso com 5h16 horas de vídeos
  • Curso com certificado de 16 horas
  • Curso com 21 exercícios de fixação
Ambiente do Curso
Node.js
Visual Studio Code
Android Studio
JDK 8
Xcode
Metodologia
Videoaulas
Texto e imagens
Início imediato
Exemplos práticos
Testes de aprendizado

Conteúdo Programático

Baixar esta ementa
1 - Apresentação
Apresentação Visualizar
Códigos do Curso
Repositório do Curso
2 - Iniciando a Estilização de Elementos
Introdução
Diferenças e Limitações em relação ao CSS comum
Estilização Inline e StyleSheet Visualizar
Técnicas de Reutilização de Estilos
Estilização Diferente para Android e iOS
Hot Reloading e Live Reload - atualizando a tela automaticamente
Resumo
Exercícios
3 - Estilizando Textos e Botões
Introdução
Estilizando Textos
Utilizando Fontes Customizadas
Estilizando Botões Visualizar
Projeto: Texto e Botões
Resumo
4 - Preenchimento e Gradientes
Introdução
Definindo Preenchimentos de Fundo - Cores e Imagens Visualizar
Criando Gradientes - react-native-linear-gradient
Projeto: Deixando a tela mais bonita com gradiente
Resumo
5 - Tamanho e Posição
Introdução
Definindo o Tamanho de Elementos
Posição Relativa
Posição Absoluta
Projeto: Posicionando Elementos
Resumo
Exercícios
6 - Transformações
Introdução
Escala
Translação
Rotação
Torção
Projeto: Transformando a posição e rotação da tela
Resumo
Exercícios
7 - Layouts com Flexbox
Introdução
Dimensionamento com Flexbox e Direção
Alinhamento Horizontal e Vertical
Projeto: Preparando o layout do aplicativo
Resumo
Exercícios
8 - Layouts Responsivos
Introdução
Dimension API - Usando o tamanho da tela como referência
Responsividade - Reagindo a alterações de tamanho de tela
Resumo
9 - Iniciando com Animações
Introdução
Animated API
Monitoramento de FPS
Iniciando nossa primeira animação - definição e alteração de valores numéricos - Animated.timing()
Interrompendo e Reiniciando Animações Visualizar
Iniciando valores X e Y - Animated.ValueXY()
Easing - Funções de Suavização
Interpolação - Controlando melhor os valores de sua animação
Animação de valores não numéricos - mudando cores e valores com unidades de medida
Animated.spring()
Criando Componentes Animados
Projeto: Ajustando a animação da tela inicial
Resumo
Exercícios
10 - Múltiplas Animações
Introdução
Animações Paralelas - Animated.parallel()
Animações em Sequência - Animated.sequence()
Fazendo pausas entre Animações - Animated.delay()
Animações em Sequência com Adiamentos - Animated.stagger()
Projeto: Paralelizando Animações
Resumo
Exercícios
11 - Interagindo com Animações
Introdução
Reagindo ao Fim de Animações
Observando o valor de animações - addListener
Animações Reagindo ao Scroll - Animated.event
Movendo e Soltando Componentes (Drag ‘n Drop) - PanResponder
Projeto: Reagindo a Eventos
Resumo
Exercícios
12 - Conclusão
Para Praticar!
Conclusão
Depoimento

Cursos Relacionados

Últimos lançamentos

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da platarforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Plano de acesso Anual

economize R$360
de 12x de R$97
por: 12x de R$67
ou R$ 804,00 à vista
  • 1 ano de acesso a todos os cursos
  • Plano de carreira personalizado
  • Cursos novos toda semana
  • Certificados digitais inclusos
  • Suporte direto com professores
  • Suporte com SLA de 4 horas úteis
  • Aplicativos para Android e iOS
  • Acesso offline através dos apps

Utilizada e amada por milhares!

Confira os depoimentos de quem já estudou com a gente

  • O curso é maravilhoso, ele acaba com todas as dúvidas que você tiver, explica muito bem a dinâmica e as dificuldades de uma produção dessas. Eu recomendo demais esse curso.
    Lucas (Brasília - DF) Cinema - Produção para curta-metragem Lucas
  • É o primeiro curso que faço com o TreinaWeb, e de fato consegui absorver bastante conhecimento. Gostei!!!
    Thiago (Araguaína - TO) C# (C Sharp) - ASP.NET MVC Thiago
  • Já fiz esta matéria na faculdade, a muito tempo, porém resolvi voltar a estudar programação, começando do zero, e o TreinaWeb abordou de forma clara e objetiva todo conteúdo de lógica da programação, foi muito fácil e rápido relembrar tudo. Obrigado a equipe.
    Tiago (Juiz de Fora - MG) Lógica de Programação Completo Tiago
  • O Curso de Facebook Ads cumpriu com as minhas expectativas! Com uma didática bem aplicada, conteúdo relevante e pertinente. Com certeza foi essencial para tirar as minha dúvidas e começar a praticar o conteúdo que foi bem explicado.
    André (Guaratinguetá - SP) Facebook Ads - Como anunciar, monitorar e potencializar suas campanhas André
  • Muito bom o curso , como eu estudei programação estruturada a vida toda , é meio complicado para mim mudar o paradigma de programação , mas curso foi de grande valia para que eu possa ter um início de compreensão da programação OOP.
    Amolin (São Paulo - SP) Lógica Orientada a Objetos Completo Amolin
  • Adorei o curso, didática muito boa, professor excelente, o jeito que é ministrado o conteúdo é muito didático e claro, e sem contar o suporte, minhas duvidas eram tiradas em menos de 24h. Continuarei fazendo carreira aqui. =)
    Joabe (Campo Grande - MS) Lógica Orientada a Objetos Completo Joabe
  • Curso excelente, foi mais do que o esperado quando iniciei, professor com excelente didática e total domínio sobre o assunto.
    Bruno (São Simão - SP) C# (C Sharp) - ASP.NET MVC Bruno
  • Fantástico, não consigo definir de outra maneira, treinamento claro e objetivo, Precisei do suporte uma unica vez e de pronto fui atendido, já me preparando para iniciar o próximo, obrigado aos instrutores envolvidos.
    André (São Paulo - SP) Delphi 10 Seattle Básico André
  • Gostei do curso, muito produtivo, com muitas informações importantes e dicas de como utilizar as ferramentas auxiliares dos navegadores, diversas formas para se trabalhar com o design web. Através deste curso descobri o poder do css e como é simples se fazer sites magníficos com muito pouco esforço, desde que se domine o html5 e o css. Agora partir para os cursos mais avançados!
    Dione (Porto Alegre - RS) HTML5 e CSS3 - Desenvolvimento web Básico Dione
Veja mais opiniões reais

Garantia incondicional
de satisfação

Satisfação Garantida - 7 dias ou seu dinheiro de volta!

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!

Se, após 7 dias, você decidir que a TreinaWeb não é para você, devolvemos o seu dinheiro sem fazer perguntas. Basta enviar um email na área de contato aqui no site.

Ou seja, a partir do momento em que você fizer sua inscrição, você terá acesso às mais 4.000 horas de curso, com os melhores profissionais do mercado, com uma metodologia inovadora... e se mesmo assim você não gostar, você pode pedir o seu dinheiro de volta em até 7 dias.

Imagine se tudo na vida viesse com uma garantia como essa.

Matricule-se Agora!

FAQ - Perguntas Frequentes

Confira as principais dúvidas de quem
procura a TreinaWeb para se capacitar.

  • A TreinaWeb é a única escola online de tecnologia com mais de 12 anos de história. É a maior do segmento, com mais de 4.000 horas de conteúdo em cursos online. Além disso, cerca de 200.000 alunos já estudaram e estudam por aqui. Entre muitas outras coisas, a TreinaWeb oferece:
    • Formações completas e com foco no mercado de trabalho.
    • Formação personalizada e individual, criada por um professor orientador.
    • Cursos novos e atualizações pontuais toda semana.
    • Opção de estudar no seu tempo, a qualquer hora e lugar.
    • Suporte incluso com professores especialistas.
    • Certificados dos cursos com hora/aula.
    • Satisfação garantida ou seu dinheiro de volta!

  • SIM! Com toda a certeza! Pois oferecemos cursos partindo exatamente do zero. Inclusive temos cursos de Lógica de Programação, que é onde você vai ver todo o fundamento por trás das linguagens. Na contratação de qualquer plano você ainda tem direito às formações personalizadas, onde nossos professores especialistas irão te acompanhar. E você está atrás dos cursos de edição de vídeo, design e marketing digital, claro que você também não precisa saber nada sobre programação.

  • Nossa metodologia une o que há de melhor no ensino de tecnologia à distância: videoaulas, apostilas, exercícios de fixação, testes de conhecimento e passo a passo de projetos completos. Aprenda de verdade com cursos completos de programação, edição de vídeo, design e marketing digital.

  • No instante que sua compra for aprovada, automaticamente você ganhará o acesso a nossa área do aluno, onde poderá escolher os cursos que irá fazer. Caso, por qualquer motivo, você não consiga acessar de imediato, basta entrar em contato que nós te ajudaremos! Você poderá assistir de qualquer lugar: Do computador, notebook, tablet, smartv ou smartphone.

  • Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste! Se, após 7 dias, você decidir que a TreinaWeb não é para você, devolvemos o seu dinheiro sem fazer perguntas. Basta enviar um email na área de contato aqui no site.

  • A TreinaWeb é para quem:
    • Quer entrar no ramo digital com o pé direito;
    • É programador e quer ir para um outro nível;
    • Já programa e quer ampliar o nível e estudar outras linguagens;
    • É um programador avançado e tem TreinaWeb um aliado para novas tecnologias e tendências;
    • Busca profissionalizar-se em uma área em pleno crescimento;
    • Ama design e sabe que aqui estão os melhores cursos da área;
    • Quer aprender a fazer e editar os seus próprios vídeos;
    • Sonha em ser um Videomaker profissional.

  • 100% Segura. Todo o processo de compra possui certificado SSL. Nenhuma informação do seu cartão de crédito é mantida em nosso banco de dados. E assim que aprovada a sua compra/matrícula, você receberá imediatamente todos os dados de acesso à sua área de aluno e as aulas.

  • Sim e esse é um dos diferenciais da TreinaWeb. Oferecemos total suporte com professores especialistas. Nossa equipe de instrutores está sempre pronta para te ajudar e tirar todas as suas dúvidas. Além disso, Na contratação de qualquer plano você ainda tem direito às formações personalizadas, onde nossos professores irão te acompanhar e te orientar.

  • Todos os nossos cursos online de programação, design e edição de vídeo contam com certificados. Um certificado novo será disponibilizado na área de aluno, sempre que você concluir um novo curso. Com o seu nome e horas/curso. Lembrando, que estes certificados podem ser utilizados para cumprir cargas horárias de cursos extras em faculdades.

Tenho outra(s) dúvida(s)

Últimos Lançamentos

Outros Cursos