Além do Código
Além do Código
  • Видео 58
  • Просмотров 376 736
CRUD COM REACTJS!!! (Aprenda métodos GET, POST, PUT, DELETE, Formulários, Rotas, API Fake)
No vídeo de hoje, você vai aprender tudo sobre CRUD com React, ideal para iniciantes que desejam aprimorar suas habilidades! Através deste projeto, exploraremos o uso das rotas com React Router DOM, a criação de formulários com React Hook Form e a implementação dos métodos GET, POST, PUT e DELETE utilizando uma API fake com o JSON Server. Não perca essa oportunidade de aprender e se destacar no desenvolvimento com React!
Links importantes:
Repositório: github.com/gabrieldiasss/crud-template
Linkedin: www.linkedin.com/in/gabrieldiasss/
Guia:
00:00:00 - Apresentação (importante)
00:01:09 - O que é CRUD?
00:06:10 - Importância do CRUD
00:09:32 - O que é API? E qual serviço vamos utilizar?
00:11:36 - ...
Просмотров: 3 798

Видео

CSS FLEXBOX! Aprenda FLEXBOX em 10 Minutos *css para iniciantes* | Enzo Feijó
Просмотров 7912 года назад
Nesse vídeo eu ensino o básico de CSS FLEXBOX para iniciantes em apenas 10 MINUTOS! Abordo os conceitos principais e mais utilizados dentro do CSS FLEXBOX, explicando a teoria e aplicando na prática, facilitando o entendimento para completos iniciantes no CSS. Link da nossa comunidade do Discord: discord.gg/C9VcPqFwfD
ROTAS COM REACT ROUTER DOM NO REACTJS! *versão v6*
Просмотров 21 тыс.2 года назад
Nesse vídeo vocês vão aprender a criar rotas em uma aplicação reactjs com react router dom. O react router passou por uma atualização recentemente e nós vamos usar a versão nova do react router dom, a versão v6. Me siga nas redes sociais: Linkedin: www.linkedin.com/in/gabrieldiasss/ Instagram: @alemdocodigoadc Github: www.linkedin.com/in/gabrieldiasss/
FORMULÁRIO COM REACTJS! *com react hook form* | Gabriel Dias
Просмотров 1 тыс.2 года назад
Nesse vídeo vocês vão aprender a criar um formulário com ReactJS, esse formulário foi feito com uma biblioteca chamada react hook form, que é uma biblioteca própria para criação de formulários dentro do ReactJS que facilita muito o processo. Repositórios: Clonar repositório: github.com/gabrieldiasss/reactform-style Minhas redes sociais: Linkedin: www.linkedin.com/in/gabrieldiasss/ Instagram: @a...
TODO LIST COM REACTJS! *Crie um Todo List com ReactJS.*
Просмотров 1,1 тыс.2 года назад
Nesse vídeo vocês vão aprender a criar um Todo List usando o ReactJS, esse projeto é ótimo para quem está aprendendo ReactJS, pois usamos diversos conceito da tecnologia para fazer esse Todo List. Repositório do projeto: github.com/gabrieldiasss/todolist Linkedin: www.linkedin.com/in/gabrieldiasss/ W3 Schools: www.w3schools.com/howto/howto_css_custom_checkbox.asp Instagram: @alemdocodigoadc Eta...
Como fazer AUTOCOMPLETE com ReactJS! *autocomplete reactjs*
Просмотров 4,9 тыс.2 года назад
Fala pessoal nesse vídeo eu vou ensinar vocês a desenvolverem autocomplete muito fácil com ReactJS. Repositório do projeto: github.com/gabrieldiasss/search-autocomplete Minhas redes sociais: Instagram: @alemdocodigoadc LinkedIn: linkedin.com/in/gabrieldiasss/ Discord: Gabriel Dias#3472 Google fonts: github.com/gabrieldiasss/search-autocomplete
Como fazer BARRA DE PESQUISA com HTML & CSS | Barra de Pesquisa com HTML e CSS
Просмотров 23 тыс.3 года назад
Faaala pessoal, nessa aula vocês vão aprender a como fazer uma barra de pesquisa com html e css. Essa barra de pesquisa é um ótimo elemento para você colocar em seu projeto pessoal. Link das imagens: drive.google.com/drive/folders/1du0t71WSgzvD-lkuw4YdmAcsad4Iz7yG?usp=sharing Minhas redes sociais: Instagram: @alemdocodigoadc LinkedIn: linkedin.com/in/gabrieldiasss/ Discord: Gabriel Dias#3472
Como fazer VALIDAÇÃO DE FORMULÁRIO com Javascript | Validação Formulário Javascript
Просмотров 29 тыс.3 года назад
Nesse vídeo você vai aprender a fazer validação de formulário com Javascript, em 40 minutos você vai conseguir a fazer validação de formulário usando o Javascript para colocar em algum projeto pessoal. Imagens (elas parecem estar bugadas, mas quando vc baixar e jogar no seu site vc vai ver que estão perfeitas): drive.google.com/drive/folders/1-ZQ0DWtAvdUsMZZzOKOt2a6nw64FYtXY?usp=sharing 👇👇👇 Rep...
🔴 Como fazer SLIDESHOW com HTML e CSS | SLIDESHOW com HTML e CSS
Просмотров 14 тыс.3 года назад
Fala pessoal, nesse vídeo nós vamos fazer SLIDESHOW apenas com HTML e CSS, isso mesmo sem javascript. Esse SLIDESHOW é um projeto bem simples usando apenas HTML e CSS. Minhas redes sociais: Instagram: @alemdocodigoadc LinkedIn: linkedin.com/in/gabrieldiasss/ Discord: Gabriel Dias#3472 #slideshowcomhtmlecss #slideshow #comofazerslideshowcomhtmlecss #slideshowalemdocodigo #comofazerslidershowalem...
🔴 Clone do INSTAGRAM com ReactJS *para iniciantes* | Instagram Clone
Просмотров 9 тыс.3 года назад
Fala pessoal, nessa aula vamos fazer o clone do Instagram com ReactJS. Nesse clone do Instagram, nós vamos refazer a interface do próprio instagram e criar algumas funcionalidades para esse projeto. Repositório do projeto: github.com/gabrieldiasss/instagram-clone-adc Minhas redes sociais: Instagram: @gbrldiass LinkedIn: linkedin.com/in/gabrieldiasss/ Discord: Gabriel Dias#3472 #clonedoinstagram...
ReactJS com Typescript para INICIANTES - (Todo List)
Просмотров 4,3 тыс.3 года назад
Nesse vídeo você aprenderá usar o Typescript junto com o ReactJS, fazendo um projeto super simples de Todo List, que será ótimo pra você dar um ponta pé inicial com Typescript no ReactJS. Link do repositório github citado no vídeo: github.com/gabrieldiasss/todoapp-typescript-canal Minhas redes sociais: Instagram: @gbrldiass LinkedIn: linkedin.com/in/gabrieldiasss/ Discord: Gabriel Dias#3472 #re...
#09 - Async/Await Javascript - Curso Mínimo de Javascript para Aprender React | Gabriel Dias
Просмотров 5633 года назад
Nessa aula eu mostro pra vocês sobre Async/Await, ainda mostro sobre Try/Catch.
#08 - Promises (Then/Catch) - Curso Mínimo de Javascript para Aprender React | Gabriel Dias
Просмотров 2 тыс.3 года назад
Nessa aula eu falo sobre as Promises (Then/Catch) no Javascript. Minhas redes sociais: Instagram: @gbrldiass LinkedIn: linkedin.com/in/gabrieldiasss/ Discord: Gabriel Dias#3472 #promises #javascript
#07 - Rest & Spread Javascript - Curso Mínimo de Javascript para Aprender React | Gabriel Dias
Просмотров 2853 года назад
Nesse vídeo eu falo sobre os operadores Rest & Spread do Javascript. Minhas redes sociais: Instagram: @gbrldiass LinkedIn: linkedin.com/in/gabrieldiasss/ Discord: Gabriel Dias#3472
#06 - Optional Chaining - Curso Mínimo de Javascript para Aprender React | Gabriel Dias
Просмотров 3173 года назад
Nessa aula vamos falar sobre o Optional Chaining. Minhas redes sociais: Instagram: @gbrldiass LinkedIn: linkedin.com/in/gabrieldiasss/ Discord: Gabriel Dias#3472
#05 - Arrow Function - Curso Mínimo de Javascript para Aprender React | Gabriel Dias
Просмотров 3093 года назад
#05 - Arrow Function - Curso Mínimo de Javascript para Aprender React | Gabriel Dias
#04 - Métodos De Array - Curso Mínimo de Javascript para Aprender React | Gabriel Dias
Просмотров 7653 года назад
#04 - Métodos De Array - Curso Mínimo de Javascript para Aprender React | Gabriel Dias
#03 - Desestruturação no Javascript | Curso Mínimo de Javascript para Aprender React | Gabriel Dias
Просмотров 3933 года назад
#03 - Desestruturação no Javascript | Curso Mínimo de Javascript para Aprender React | Gabriel Dias
#02 - Objetos no Javascript | Curso Mínimo de Javascript para Aprender React | Gabriel Dias
Просмотров 4683 года назад
#02 - Objetos no Javascript | Curso Mínimo de Javascript para Aprender React | Gabriel Dias
#01 - Módulos no Javascript | Curso Mínimo de Javascript para Aprender React | Gabriel Dias
Просмотров 7393 года назад
#01 - Módulos no Javascript | Curso Mínimo de Javascript para Aprender React | Gabriel Dias
#00 - Introdução | Curso Mínimo de Javascript para Aprender React | Gabriel Dias
Просмотров 1 тыс.3 года назад
#00 - Introdução | Curso Mínimo de Javascript para Aprender React | Gabriel Dias
#11 Requisição delete com Axios | Consumindo Api com React | Gabriel Dias
Просмотров 3,7 тыс.3 года назад
#11 Requisição delete com Axios | Consumindo Api com React | Gabriel Dias
#10 Requisição put com axios | Consumindo Api com ReactJS | Gabriel Dias
Просмотров 4,8 тыс.3 года назад
#10 Requisição put com axios | Consumindo Api com ReactJS | Gabriel Dias
#09 Fazendo requisição get com axios | Consmindo Api com ReactJS | Gabriel Dias
Просмотров 11 тыс.3 года назад
#09 Fazendo requisição get com axios | Consmindo Api com ReactJS | Gabriel Dias
#08 Fazendo requisição Post com axios | Consumindo Api com ReactJS | Gabriel Dias
Просмотров 14 тыс.3 года назад
#08 Fazendo requisição Post com axios | Consumindo Api com ReactJS | Gabriel Dias
#07 Validando Formulário com Yup | Consumindo Api com ReactJS | Gabriel Dias
Просмотров 7 тыс.3 года назад
#07 Validando Formulário com Yup | Consumindo Api com ReactJS | Gabriel Dias
#06 Criando Formulários no ReactJS - React Hook Form | Consumindo Api com ReactJS | Gabriel Dias
Просмотров 17 тыс.3 года назад
#06 Criando Formulários no ReactJS - React Hook Form | Consumindo Api com ReactJS | Gabriel Dias
#05 Estilizando toda a nossa aplicação | Consumindo Api com ReactJS | Gabriel Dias
Просмотров 1,2 тыс.3 года назад
#05 Estilizando toda a nossa aplicação | Consumindo Api com ReactJS | Gabriel Dias
#04 Estilzando as Headers da aplicação | Consumindo Api com ReactJS | Gabriel Dias
Просмотров 1,8 тыс.3 года назад
#04 Estilzando as Headers da aplicação | Consumindo Api com ReactJS | Gabriel Dias
Criando as rotas da aplicação com React Router Dom | #03 Consumindo Api com ReactJS | Gabriel Dias
Просмотров 2,8 тыс.3 года назад
Criando as rotas da aplicação com React Router Dom | #03 Consumindo Api com ReactJS | Gabriel Dias

Комментарии

  • @ManuelAlfredo-c8c
    @ManuelAlfredo-c8c 24 дня назад

    Obrigado pelo conteúdo tremendo aprendi bastante este é o primeiro video bem resumido de slide que já vi

  • @Grym9
    @Grym9 27 дней назад

    Parabéns pelo vídeo, amigo. Não funcionou comigo, devo ter feito algo errado, mas gostei muito da sua didática.

  • @bxl_lopes
    @bxl_lopes Месяц назад

    👍

  • @kauahipolito4126
    @kauahipolito4126 Месяц назад

    Parabens , fico muito feliz com seu empenho de estar 2 horas ensinando um conteudo maravilhoso me ajudou demais , parabens!!!!!!

  • @marceloferreira6160
    @marceloferreira6160 Месяц назад

    amigo, eu posso criar um site como este modelo aí ? e o direito autorais?

  • @arthur.rubi9
    @arthur.rubi9 2 месяца назад

    Era o que eu estava precisando! Aula bem completa e de fácil entendimento, por mais aulas assim rsrs... parabéns pelo vídeo e muito obrigado!

  • @valdocampos3697
    @valdocampos3697 2 месяца назад

    Imagens vazias

    • @AlemDoCodigo
      @AlemDoCodigo Месяц назад

      Faz muito tempo que fiz o vídeo, então os links não devem funcionar mais

  • @hiarlleybrandao
    @hiarlleybrandao 2 месяца назад

    Achei o vídeo perfeito de crud no br? 😮

  • @igorccsk
    @igorccsk 3 месяца назад

    quero casar com vc mds me salvoooooooouuuuuuuuuuu

  • @nobre_ff4847
    @nobre_ff4847 3 месяца назад

    opa mano, explicou muito, ajudou bastante, sabe como eu coloco para se tiver algum caractere ela não fechar se retirar o mouse de cima?

  • @nic_abacaxi
    @nic_abacaxi 3 месяца назад

    Oloco, tmj, ajudou mt amigo!!

  • @ELSONWELLER
    @ELSONWELLER 4 месяца назад

    coloca legenda nos seus videos man que o pessoal da gringa te assistir certeza conteudo top unico canal que achei fazendo isso usando so CSS parabens man s2

  • @joaovitorcargnelutti3451
    @joaovitorcargnelutti3451 4 месяца назад

    Opa, o que o Display: block ; fas ???

  • @MojitoEX
    @MojitoEX 4 месяца назад

    cara eu só preciso de uma ajudinha, mas eu fiz tudo isso para um trabalho de informática no meu colégio, mas, esse slide fica por cima de todo o texto, e eu queria saber como botar o texto abaixo desse slide

  • @PedroHenriqueSilvaCastanho
    @PedroHenriqueSilvaCastanho 4 месяца назад

    estou com um problema. Quando eu clico no próximo botão, as imagens no slide não estão aparecendo em uma “fila” uma após a outra digamos assim. Estão aparecendo como se fosse digamos um “maço de cartas de baralho” digamos assim. Uma aparece, depois sai e outra aparece e assim vai. Poderiam me ajudar?

  • @lucasmarchitto325
    @lucasmarchitto325 4 месяца назад

    Fala maninho, sou muito grato de ter achado seu video, voce explica direitinho. Obrigado pelo otimo conteudo

  • @mayzkT
    @mayzkT 5 месяцев назад

    Muito bom. Ótima explicação tbm, continue assim

  • @alexandrelacerda5607
    @alexandrelacerda5607 5 месяцев назад

    Vi vários vídeos e o seu foi o único que consegui executar perfeitamente. Parabéns pelo vídeo e pela didática. Gostaria de fazer pergunta. Como faz para os slides mudarem sozinhos?

  • @gabriellacerda9417
    @gabriellacerda9417 5 месяцев назад

    excelente cara!!!

  • @PALESTRA_1914
    @PALESTRA_1914 5 месяцев назад

    Aula Top

  • @Davi_Dias45
    @Davi_Dias45 5 месяцев назад

    Conteúdo maravilhoso cara, obrigado, poderia me dizer quais extensões você usa?

  • @patrickhenrique6210
    @patrickhenrique6210 6 месяцев назад

    cara vc não tem noção o quanto me ajudou, parabéns

  • @nicolashyuga4119
    @nicolashyuga4119 6 месяцев назад

    Muito bom, mais como faz funcionar?

  • @Jb-gb7ox
    @Jb-gb7ox 6 месяцев назад

    show, estou estudando React e não estava entendendo porque tinha esses 3 pontinhos pra trazer os dados de uma pros pra uma função que exibe produtos na tela.

  • @Jb-gb7ox
    @Jb-gb7ox 6 месяцев назад

    show, 👏👏

  • @raffaelsantos779
    @raffaelsantos779 6 месяцев назад

    Vídeo top demais! Estou iniciando nessa área, to treinando montando um site, eu só NÃO consigo colocar a lupa no topo direito. Mas de resto tá tudo dando certo 🫠

  • @MilenaNascimentoRibeiro
    @MilenaNascimentoRibeiro 6 месяцев назад

    Me ajudou muitoooooooo, show

  • @euVicodes
    @euVicodes 6 месяцев назад

    posso clocar videos ao invés de fotos ?

  • @lucienelima8
    @lucienelima8 7 месяцев назад

    Gostei mt do vídeo. Muito obrigada! @ChameleonCode

  • @arturcavalcante7765
    @arturcavalcante7765 7 месяцев назад

    sua aula me ajudou muito com algo, que estava procurando a tempos e não achei em lugar nenhum, e na sua aula você informou um detalhe que me salvou aqui. Muito obrigado!

  • @pedrocfreitas
    @pedrocfreitas 7 месяцев назад

    explica muito muito bem... consegui aprender de primeira. muito obrigado.

  • @Nedfoa
    @Nedfoa 7 месяцев назад

    tem algum lugar para mim conseguir esse seu código?

  • @diegochaves3872
    @diegochaves3872 8 месяцев назад

    Cara, Perfeito, Meu trabalho ficou mais legal com esta barra...

  • @gustavocoraleski3562
    @gustavocoraleski3562 8 месяцев назад

    NÃO FUNCIONA ESSA MERDA

  • @catroving
    @catroving 8 месяцев назад

    Muito obrigado, amigo! Sensacional, você explicou cada etapa para o aluno não ficar confuso. Com seu vídeo, eu consegui aprender com facilidade e alcançar meus objetivos.

  • @juelmapereira4277
    @juelmapereira4277 8 месяцев назад

    Bommmmm

  • @canalaleatorio-py8kb
    @canalaleatorio-py8kb 8 месяцев назад

    a minha imagem fica achatada quando faz a transição, alguem pode me ajudar?

  • @milenalima5215
    @milenalima5215 8 месяцев назад

    Como faço pra deixar ele como imagem?

  • @nathaliacampos8595
    @nathaliacampos8595 8 месяцев назад

    como faz para ela expandir para baixo

  • @humbertoaraujo5511
    @humbertoaraujo5511 8 месяцев назад

    Cara, continua com esses tutorias por favor. Só não consegui fazer a animação, mas de resto muito obrigado

  • @BAIMA-ch6wv
    @BAIMA-ch6wv 8 месяцев назад

    @chameleon code, como entro em contato com você? Para fins didáticos.

  • @netobaima774
    @netobaima774 8 месяцев назад

    ótimo video, tentei fazer com base no conteudo do video e tive um problema devido a galeria que eu quis criar, conter mais imagens, nao sei ao certo se alem da quantidade o tamanho das imagens influenciaram na parte da rolagem, elas nao ficarem uma atras da outra, saindo lado a lado.

  • @joto-
    @joto- 8 месяцев назад

    Higor Feijó o maioral do frontend

  • @AnaClara-gl6cr
    @AnaClara-gl6cr 9 месяцев назад

    Ótimo vídeo, como eu adiciono os itens na barra?

  • @HouseStudioOficial
    @HouseStudioOficial 9 месяцев назад

    top!

  • @dannoxentertainment4137
    @dannoxentertainment4137 9 месяцев назад

    Conteúdo super didatico e explicativo. Parabens pelo seu trabalho, ganhou um novo inscrito!!!

  • @rodrigoporsh
    @rodrigoporsh 9 месяцев назад

    Vc é brabo, parabéns pelo vídeo, ganhou mais um inscrito!

  • @danielOliveDev
    @danielOliveDev 9 месяцев назад

    Gabriel mano, desde lá quero te agradecer por tudo, eu estava a dias procurando uma forma de aprender isso, e não conseguia, aí Deus me mostrou esse vídeo, foi um divisor de águas, muito obrigado, Deus te abençoe mano. Podem assistir vale muito a pena esse vídeo! Se você não aprender com esse cara, não sei onde você encontrará um vídeo tão esclarecedor e didático assim.

    • @AlemDoCodigo
      @AlemDoCodigo 9 месяцев назад

      Eu que agradeço mano, tmj

  • @nettinexe
    @nettinexe 9 месяцев назад

    ganhou mais um inscrito, muito bem explicado! Parabéns!

  • @jessewlribeiro
    @jessewlribeiro 9 месяцев назад

    parabéns amigo!!