Aprendendo React: Tutorial prático
Aprender e entender React - o tutorial prático
Língua: alemão

Aprender e entender React - o tutorial prático

React para iniciantes! Neste vídeo tutorial, você aprenderá os fundamentos do desenvolvimento de sites e aplicativos com React, JSX e os Hooks. O treinador Stephan Haewß irá explicar passo a passo como projetos React são estruturados e implementados. Através de exemplos práticos - um aplicativo de contagem, um aplicativo de lista de tarefas e um reprodutor de vídeo - e explicações detalhadas, você criará uma base sólida no desenvolvimento React em onze horas concentradas. Aprender. Compreender. E aplicar imediatamente!

  • Reagir na prática: Como desenvolver os seus próprios aplicativos e websites
  • Passo a passo explicado: fundamentos, importantes funcionalidades e mecanismos.
  • De JSX (escrever HTML em JavaScript) e Props até componentes, estilos e funções de Hook.
  • Aprender na prática: desenvolva um aplicativo de contador, lista de tarefas e reprodutor de vídeo.
  • Um vídeo tutorial de onze horas do profissional de programação Stephan Haewß.

Ideal para todos aqueles que têm um conhecimento básico de JavaScript, HTML e CSS e desejam evoluir no desenvolvimento: Inicie sua jornada de aprendizado em React!

pormenores
  • Conteúdo: 11 h Treinamento em vídeo
  • Licença: privada e comercial Direitos de utilização
  • Bônus: incluindo material de trabalho
Categorias
Webdesign, CMS & Desenvolvimento
Feito com amor por:
Stephan Haewß Stephan Haewß

Exemplos de aplicação

  • Captura de tela do tutorial de React.
    Abrir galeria
    Inicie o tutorial com uma introdução ao React e configure o ambiente de desenvolvimento.
  • Captura de tela do tutorial do React.
    Abrir galeria
    Aprenda todos os conceitos fundamentais importantes sobre JSX, componentes e props.
  • Desenvolver aplicativo de tarefas com React.
    Abrir galeria
    Aprender e entender através de exemplos práticos: Desenvolva um aplicativo de lista de tarefas funcional com React.
  • Criar um reprodutor de vídeos com React.
    Abrir galeria
    Crie um reprodutor de vídeo com todas as funcionalidades que tal aplicação necessita.
  • Introdução e primeiros passos

    Atualização: funcionalidades JS-ES6 necessárias

    Fundamentos de React e aplicativo de contagem

    Desenvolver um aplicativo de lista de tarefas com React.

    Criar um aplicativo de reprodução de vídeo.

    Tópicos avançados (mais hooks, otimizações)

    Resumo.

    Detalhes sobre o conteúdo

    Seu tutorial React: Como desenvolver websites e aplicativos

    Tem uma aplicação em mente? Este tutorial irá te guiar: Aprenda os princípios básicos do React, JSX e como lidar com funções de Hook. Após apenas onze horas, você será capaz de desenvolver aplicativos de complexidade média e encontrar soluções adequadas para suas próprias ideias.

    O programador profissional Stephan Haewß primeiro te faz relembrar várias funções ES6, depois te explica os princípios do React usando como exemplo um aplicativo de contagem, e por fim mergulha contigo em uma aplicativo de tarefas e em um player de vídeo na prática do React.

    O que você deve saber e o que você vai aprender

    Para acompanhar o curso, é recomendado ter conhecimentos básicos de JavaScript, de preferência a partir do ES6, e também ter um entendimento fundamental de HTML e CSS. Se ainda tiver lacunas nesses conhecimentos, aconselhamos que primeiro assista aos tutoriais linkados. Caso contrário: Comece diretamente! Após o tutorial do React, você será capaz de:

    • Criar e juntar componentes React
    • Escrever JSX
    • Gerenciar estados e provocar mudanças de estado
    • Utilizar e incorporar elementos DOM no React
    • Criar aplicativos pequenos a médios com React e JSX

    Aprender e entender o React através de exemplos práticos

    No primeiro segmento do tutorial do React, você aprenderá como escrever elementos HTML em JavaScript (JSX) e trabalhar com componentes. Você irá aprender como incorporar expressões JavaScript no JSX e salvar um estado com o useState. Você aprenderá a criar um componente de contagem com Props, usar campos de entrada e Props dinâmicas. Após essa seção, você será capaz de criar componentes React mais simples e preenchê-los com conteúdo dinâmico.

    No segundo segmento, você desenvolverá um aplicativo de tarefas, onde as tarefas podem ser marcadas como feitas, agrupadas, salvas, carregadas e excluídas. Durante sua curva de aprendizado, você encontrará a comunicação entre componentes filhos e pais, estilização com Emotion e maneiras de economizar DIVs, entre outras coisas.

    No terceiro segmento, você criará como exemplo prático adicional um player de vídeo com todas as funções típicas, como um botão pausar-reproduzir, controle de volume e playlist de vídeos. Por fim, você examinará funções avançadas do React.

    Dica: Os códigos dos aplicativos estão incluídos no tutorial do React. No entanto, recomendamos que você compreenda os conteúdos por conta própria, pois somente assim a aprendizagem se tornará imediatamente compreensão!