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!
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!
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.
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:
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!
Assim, suas páginas da web e aplicativos falam como o ChatGPT.
Escreve as tuas próprias linhas!
Segue o caminho da programação Python.
Para sites e aplicativos modernos
Todos os recursos relevantes explicados em detalhe.
Princípios básicos de VPN & configurar seu próprio VPN
Todos os módulos importantes explicados!
Para sítios Web rápidos e sem erros, com esquemas optimizados