Aulas do Curso (50 vídeos)
JS, JavaScript, Frontend, Front-end, React, React JS, FullStack, Instalar, Instalação, Configurar, Testar, Ferramentas, …
1. Limpar estrutura do projeto 2. Ajustes nos códigos 3. index.html em public 4. App.js em src 5. index.js em src 6. JSX…
Tópicos da Aula 03: 00:00 Apresentação do layout de referência inicial e tarefas da aula 01:30 O que são Componentes e m…
00:00 Apresentação das tarefas da aula e layout básico no Figma 01:34 Revisão do que já fizemos até o momento 02:23 Ajus…
00:00 Apresentação das tarefas do dia 01:00 Ajustes para retirar informações do App.js 02:25 Criar componente Card 08:13…
1. Criar componente category 2. Filtrar vídeos por categoria 00:00 Apresentação das tarefas do dia 00:50 Novo arquivo J…
Curso de React JS Aula 07 Solução de mapeamento, export, import e escopo [14:45] 1. Solução de mapeamento para retirar …
1. Instalar pacote react-router-dom 2. Criar componentes de páginas Home e Watch 3. Criar rotas 00:00 Apresentação das …
1. Criar página para erro 404 2. Criar nova rota 3. Fazer ajustes no CSS geral e dos componentes 00:00 Apresentação das…
1. Criar rota dinâmica passando parâmetros 2. Ajuste no routes.js 3. Ajuste no componente Watch para pegar o id dos parâ…
1. O que são React Hooks? 2. Situação prática de criação do useState() React JS, JS, JavaScript, Hook, useState, state,…
1. Criar nova página Search 2. Criar nova rota para /search 3. Criar novo componente VideoList que lista todos os vídeos…
1. Criar novo componente SearchVideoList 2. Refatorar página Search para exibir o componente SearcVideoList 3. SearchVid…
Criar componente Carousel React Slick [ Atualização da lista de videos.json ] 1. Usar lib React Slick para criar Carouse…
React JS, JS, JavaScript, Clonar, Download, Code, ZIP, npm install, npm start, Frontend, Front-end, FullStack, Criar com…
1. Criar page Favorites 2. Criar route /favorites 3. Refatorar Header, tirar link Assistir e criar link Favoritos 4. For…
1. Criar contexts 2. Criar FavoriteContext 3. Criar Hook Personalizado para controlar estado do contexto 4. Ajustes nas …
1. Criar componente Form, index e css 2. Criar page VideoCadastre 3. Criar rota para acessar page VideoCadastre React J…
00:03 Apresentação do Formulário 03:02 Receber ou Pegar dados do Form 07:17 Processar dados do Form 07:53 Função onSave …
Nosso Discord, acesse em https://discord.gg/z9mwxdr2 Crie um canal no Discord para trocarmos ideias, tirarmos dúvidas. …
Nosso Discord, acesse em https://discord.gg/z9mwxdr2 Crie um canal no Discord para trocarmos ideias, tirarmos dúvidas. …
1. Clonar repositório do GitHub e importar repositório 2. Criar conta na Vercel 3. Configurar integração da Vercel com o…
JS, JavaScript, Frontend, Front-end, FullStack, Instalar, Instalação, Configurar, Testar, Criar projeto, Vite, Vitejs, n…
JS, JavaScript, Frontend, Front-end, FullStack, Vite, Vitejs, Portfolio, criar pastas, components, pages, criar componen…
JS, JavaScript, Frontend, Front-end, FullStack, Vite, Vitejs, Portfolio, criar pastas, components, pages, criar componen…
JS, JavaScript, Frontend, Front-end, FullStack, Vite, Vitejs, Portfolio, Page404, 404, PageNotFound, Props, Props.Childr…
JS, JavaScript, Frontend, Front-end, FullStack, Vite, Vitejs, Portfolio, React Icons, Ícones, página Contatos, importar …
JS, JavaScript, Frontend, Front-end, FullStack, Vite, Vitejs, Portfolio, página base, PageBase, Rotas Aninhadas, routes …
JS, JavaScript, Frontend, Front-end, FullStack, Vite, Vitejs, Portfolio, página sobre, about, criar css, css da página s…
JS, JavaScript, Frontend, Front-end, FullStack, Vite, Vitejs, Portfolio, página projetos, projects, card, componente car…
JS, JavaScript, Frontend, Front-end, FullStack, Vite, Vitejs, Portfolio, página projetos, projects, cards dinâmicos, use…
Veja o repositório do projeto no Github. Tem arquivos markdown com as instruções de cada aula.
JS, JavaScript, Frontend, Front-end, FullStack, Vite, Vitejs, Portfolio, Deploy, Vercel, Ajustes, tag a, rel, noopener, …
JS, JavaScript, Frontend, Front-end, FullStack, Vite, Vitejs, Portfolio, Responsividade, Responsivily, F12, media querie…
JS, JavaScript, Frontend, Front-end, FullStack, Vite, Vitejs, Portfolio, Page404, Responsividade, Responsivily, F12, med…
JS, JavaScript, Menu, Sandwich, useState, Menu sandwich, toggle, toggleMenu, Frontend, Front-end, FullStack, Vite, Vitej…
React, React JS, Vite, JS, JavaScript, Frontend, Front-end, FullStack, Planejamento, Pesquisa, Teste, Prova, MVP, Copa, …
React, React JS, Vite, JS, JavaScript, Frontend, Front-end, FullStack, Criar projeto, copa2023, favicon, bandeiras, App,…
React, React JS, Vite, JS, JavaScript, Frontend, Front-end, FullStack, Criar Tabela, GameTable, Tabela de Jogos, copa202…
React, React JS, Vite, JS, JavaScript, Frontend, Front-end, FullStack, Criar Tabela, GameTable, Tabela de Jogos, Classif…
Nesta aula vamos refatorar o componente para exibir uma caixa de seleção e com base na escolha da letra do grupo usar o …
Nesta aula vamos criar um componente chamado KnockoutStage que exibirá cards dos jogos das fases eliminatórias, oitavas …
Nesta aula vamos refatorar e usar o componente chamado KnockoutStage que exibirá cards dos jogos da fase eliminatória de…
Ajuste no componente KnockoutStage para que ele possa ser usado corretamente em todas as fases eliminatórias. É uma pequ…
Nesta aula vamos criar o componente Fixture ou FixtureList que exibirá cards dos jogos do dia, ou seja, com base em uma …
Nesta aula vamos criar o componente TournamentBracket que utilizará o conceito de composição de componentes. React, Rea…
Nesta aula vamos implementar a navegação por abas no React JS. React, React JS, Vite, JS, JavaScript, Frontend, Front-e…
Nesta aula vamos criar o componente TabButtom e refatorar o nosso App para que ele use esse novo componente, com ajustes…
Quer contribuir para o crescimento do canal, se puder faça um pix para: edsonmaiap@gmail.com Transforme sua Jornada de …
Quer contribuir para o crescimento do canal, se puder faça um pix para: edsonmaiap@gmail.com Transforme sua Jornada de …
Sobre o Canal
GRATUITO
Cursos Relacionados
