Instrutor Feijó
Instrutor Feijó
  • 52
  • 146 035
Pareando com a Inteligência Artificial
Neste vídeo vamos criar uma aplicação do zero com React, Vite e TailwindCSS utilizando o ChatGPT quase sem meter a mão em código. Será que funciona? Qual vai ser o papel da IA no futuro da nossa carreira?
Link para o editor baseado em VSCode que se conecta ao GPT:
cursor.sh/
E ai? Já tá usando IA no dia a dia? A empresa de voces incentiva o uso ou proibe? Comenta ai!
มุมมอง: 67

วีดีโอ

Deploy de Frontend em 2 minutos - Surge.sh
มุมมอง 623 หลายเดือนก่อน
Todo mundo fica curioso como fazer um deploy de uma aplicação frontend, mas o bicho pega mesmo quando precisamos fazer isso de forma rápida e sem muito bla bla bla. Nesse vídeo você vai aprender como colocar sua aplicação no ar em menos de 2 minutos utilizando um serviço chamado "surge.sh" que é gratuito e simples de ser usado via CLI - command line interface. Site da dependência: surge.sh
GitHub Workflow de maneira fácil: publique seu site sem esforço de maneira automatizada.
มุมมอง 544 หลายเดือนก่อน
Você sabia que pode publicar seu site na internet com apenas alguns cliques, sem precisar ser um expert em programação ou em servidores? Neste vídeo, desvendamos o poder do GitHub Workflow, uma ferramenta incrível que permite a qualquer pessoa, de iniciantes a profissionais, publicar e atualizar seus sites automaticamente via FTP ou Cloud. Link para o repositório com o código fonte do workflow:...
Loader para Chat - "...digitando"
มุมมอง 234 หลายเดือนก่อน
Neste vídeo vamos aprender a fazer o famoso loader de "está digitando" que é muito usado em aplicativos de bate papo e mensagens como Whatsapp, Slack, Discord, etc. Repositório com o fonte do código: github.com/csfeijo/quarentena/tree/main/chat-loader
Docker Básico: para começar
มุมมอง 554 หลายเดือนก่อน
A resolução do vídeo ficou comprometida, mas espero que consigam entender, estou ajustando isso para os próximos. Aprenda de forma direta para que serve, quais vantagens e como configurar e rodar sua primeira aplicação em docker. Repositório que contém o arquivo Docker: github.com/csfeijo/module-federation-tutorial/tree/main/react-app-remote Onde baixar o Docker Desktop: www.docker.com/products...
Module Federation descomplicado - parte 1
มุมมอง 1554 หลายเดือนก่อน
Neste vídeo vamos entender como funciona o Module Federation aplicando na prática em duas aplicações React Vite que desejam compartilhar um componente em comum. Link para a parte 2: th-cam.com/video/fIr4ewzR0M4/w-d-xo.html Repositório com o fonte do vídeo: github.com/csfeijo/module-federation-tutorial
Module Federation descomplicado - parte 2
มุมมอง 924 หลายเดือนก่อน
Neste vídeo vamos continuar a entender como funciona o Module Federation aplicando na prática em duas aplicações React Vite que desejam compartilhar um componente em comum. Link para parte 1: th-cam.com/video/DMNZ5zEhsQU/w-d-xo.html Repositório com o fonte do vídeo: github.com/csfeijo/module-federation-tutorial
Github Templates: Vue3 + Vite + TailwindCSS
มุมมอง 919 หลายเดือนก่อน
Neste vídeo vamos aprender como criar e como usar um template de código pronto para startar projetos sem necessidade de investir tempo nas configurações iniciais. URL do repositório: github.com/csfeijo/vue3-vite-template
Introdução ao TailwindCSS
มุมมอง 2379 หลายเดือนก่อน
Descubra a revolução no desenvolvimento web com Tailwind CSS! 🚀 Neste vídeo, exploramos os princípios fundamentais desse framework utilitário, simplificando seu fluxo de trabalho e acelerando o design responsivo. 🎨 Aprenda a criar interfaces incríveis sem escrever muito CSS. ✨ Seja produtivo, flexível e conquiste o controle total sobre o estilo com Tailwind. 💻✅ Não perca a chance de elevar seu ...
Parte 2: modelando a API com NodeJS e Express
มุมมอง 201ปีที่แล้ว
Neste vídeo iremos deixar nossa API preparada para a próxima etapa que será a conexão com o banco de dados. Você aprenderá como criar os end-points para cada método HTTP bem como uma collection para usar no Postman. Repositório do código: github.com/csfeijo/web-app-from-scratch
Melhor fonte para desenvolver no VSCode
มุมมอง 6Kปีที่แล้ว
Neste vídeo iremos ver qual é a fonte mais popular utilizada pelos desenvolvedores no VSCode e quais as vantagens do seu uso. Download da fonte Fira Code: github.com/tonsky/FiraCode
Parte 1: modelando o banco de dados do projeto com MySQL
มุมมอง 282ปีที่แล้ว
Neste vídeo iremos aprender como funcionará nosso banco de dados da aplicação, criando sobre um diagrama E.R. o banco de dados usando linguagem SQL. Iremos também realizar a Engenharia reversa do banco criado para nos certificarmos que nossa base de dados ficou fiel ao diagrama. Repositório do curso: github.com/csfeijo/web-app-from-scratch Vídeo ensinando como instalar o XAMPP MySQL Workbench n...
Context API no ReactJS - Simples e direto
มุมมอง 10Kปีที่แล้ว
Neste vídeo você vai ver como fazer uso da Context API no ReactJS de forma simples e direta e já sair com a sua aplicação usando essa funcionalidade. Link do repositório com o código visto no vídeo: github.com/csfeijo/quarentena/tree/master/validacao-form-react
Aprenda a validar um formulário em ReactJS
มุมมอง 3.6Kปีที่แล้ว
Neste vídeo vamos aprender como validar um formulário de forma simples em ReactJS usando State hooks. Link do repositório com o conteúdo do vídeo: github.com/csfeijo/quarentena/tree/master/validacao-form-react
Variáveis de ambiente no NodeJS com DotEnv
มุมมอง 1.1Kปีที่แล้ว
Variáveis de ambiente no NodeJS com DotEnv
Conectando o NodeJS / Express com o banco de dados MySQL
มุมมอง 4.6K2 ปีที่แล้ว
Conectando o NodeJS / Express com o banco de dados MySQL
Curso Grátis de Bootstrap 5 Básico - Aula 06 / Final
มุมมอง 6472 ปีที่แล้ว
Curso Grátis de Bootstrap 5 Básico - Aula 06 / Final
VueJS Básico em menos de uma hora - Na teoria e na prática!
มุมมอง 3.4K2 ปีที่แล้ว
VueJS Básico em menos de uma hora - Na teoria e na prática!
Curso Grátis de Bootstrap 5 Básico - Aula 05
มุมมอง 5512 ปีที่แล้ว
Curso Grátis de Bootstrap 5 Básico - Aula 05
Curso Grátis de Bootstrap 5 Básico - Aula 04
มุมมอง 4432 ปีที่แล้ว
Curso Grátis de Bootstrap 5 Básico - Aula 04
Curso Grátis de Bootstrap 5 Básico - Aula 03
มุมมอง 6462 ปีที่แล้ว
Curso Grátis de Bootstrap 5 Básico - Aula 03
Curso Grátis de Bootstrap 5 Básico - Aula 02 - Parte 2
มุมมอง 9592 ปีที่แล้ว
Curso Grátis de Bootstrap 5 Básico - Aula 02 - Parte 2
Curso Grátis de Bootstrap 5 Básico - Aula 02 - Parte 1
มุมมอง 1.2K2 ปีที่แล้ว
Curso Grátis de Bootstrap 5 Básico - Aula 02 - Parte 1
Curso Grátis de Bootstrap 5 Básico - Apresentação
มุมมอง 1.1K2 ปีที่แล้ว
Curso Grátis de Bootstrap 5 Básico - Apresentação
Curso Grátis de Bootstrap 5 Básico - Aula 01
มุมมอง 3.2K2 ปีที่แล้ว
Curso Grátis de Bootstrap 5 Básico - Aula 01
Aprenda como usar localStorage com JavaScript
มุมมอง 2.1K2 ปีที่แล้ว
Aprenda como usar localStorage com JavaScript
Formulário de Login fácil com PHP e Bootstrap - Parte 2
มุมมอง 1.3K2 ปีที่แล้ว
Formulário de Login fácil com PHP e Bootstrap - Parte 2
Formulário de Login fácil com PHP e Bootstrap - Parte 1
มุมมอง 5K2 ปีที่แล้ว
Formulário de Login fácil com PHP e Bootstrap - Parte 1
Conectando PHP ao MySQL
มุมมอง 7212 ปีที่แล้ว
Conectando PHP ao MySQL
Excel com MySQL
มุมมอง 4.2K2 ปีที่แล้ว
Excel com MySQL

ความคิดเห็น

  • @andrericardo6992
    @andrericardo6992 16 วันที่ผ่านมา

    Muito show professor valeu

  • @JúliaQueiroz-q3c
    @JúliaQueiroz-q3c 17 วันที่ผ่านมา

    video muito objetivo. Parabéns Feijó

  • @marcoslima1415
    @marcoslima1415 หลายเดือนก่อน

    meu xampp nao fica verde! ate q fica mas por segundos , e aparece erro em vermelho.

  • @GESTO26
    @GESTO26 2 หลายเดือนก่อน

    foi postado há dois anos, foi o melhor quer assistir ate agora direto e objetivo

    •  หลายเดือนก่อน

      Que bom que ajudou GESTO26!

  • @amorimhz
    @amorimhz 2 หลายเดือนก่อน

    Que aula perfeita sério mesmo! Entendi com uma facilidade que só

    •  2 หลายเดือนก่อน

      Que bom que ajudou! Obrigado pela visita!

  • @murilofujita
    @murilofujita 2 หลายเดือนก่อน

    17:23 acredito que esta explicação fará com que uma imagem ocupe a tela toda. Muito obrigado, Feijó! Abraço!

  • @cleversonffaria
    @cleversonffaria 3 หลายเดือนก่อน

    Opa, Feijó. Obrigado pelo conteúdo. Muito bom!

    •  2 หลายเดือนก่อน

      Eu que agradeço!!!

  • @William.Ribela
    @William.Ribela 3 หลายเดือนก่อน

    Excelente didática, parabéns bro.

    •  3 หลายเดือนก่อน

      Muito obrigado! Bem vindo!

  • @arozendojr
    @arozendojr 3 หลายเดือนก่อน

    Pode me tirar uma dúvida, conceito de /health no backend, verifica a saude do contêiner, como podemos fazer a mesma coisa no contêiner do front, o que é mais usado no mercado em relação ao /health para frontend ?

    •  3 หลายเดือนก่อน

      Olá Arozendojr! Ótima pergunta, vamos ver se consigo dar minha visão: Para aplicações frontend não é tão comum ter um endpoint de saúde como no backend. Isso porque o frontend não opera de forma isolada; ele depende da disponibilidade e da saúde do backend para funcionar. Porém, há práticas relevantes para garantir e monitorar a "saúde" de uma aplicação frontend: Monitoramento de Erros de JavaScript: Ferramentas como Sentry, Rollbar ou Bugsnag. Monitoramento de Performance: Ferramentas como Google Analytics, New Relic Browser ou Lighthouse. Testes de Disponibilidade e Performance: Serviços como Pingdom, Uptime Robot, ou mesmo ferramentas mais sofisticadas como Dynatrace e Datadog podem ser configurados para verificar regularmente se o site está acessível. Em resumo, enquanto backends usam endpoints /health para monitorar a saúde dos serviços, frontends dependem mais de monitoramento de erros, desempenho e disponibilidade, junto com práticas robustas de testes para garantir a disponibilidade dos serviços. Espero ter ajudado, um abraço e obrigado pela visita!

    • @arozendojr
      @arozendojr 3 หลายเดือนก่อน

      ​@ estava mais pensando em como o kubernets se comunica com o contêiner, para saber se ele está saudável ou pronto para trabalhar, no backend aprendi que tem o /health e /ready , foi onde gerou a dúvida, se no front ou pelo menos no container do front teria alguma coisa. Mais da metade das ferramentas que você falou eu não conheço 😅😅😅😅. Portanto atividade para o fim de semana está garantido por 3h, depois vou descansar 😂😂😂😂😂

  • @almirsilva838
    @almirsilva838 4 หลายเดือนก่อน

    Ótimas didática! Explicações fáceis de entender! Parabéns!

    •  4 หลายเดือนก่อน

      Obrigado pelo elogiobem vindo ao canal Almir!

  • @AnaBeatrizMachadoAlves
    @AnaBeatrizMachadoAlves 4 หลายเดือนก่อน

    os foguetes começaram a eestourar com a centralizão dentro do body

    •  4 หลายเดือนก่อน

      Que lindo ouvir isso! Obrigado pela visita Ana!

  • @joaofronza2904
    @joaofronza2904 4 หลายเดือนก่อน

    Muito bom! Professor top

    •  4 หลายเดือนก่อน

      Muito obrigado João! Grande abraço!

  • @joaofronza2904
    @joaofronza2904 4 หลายเดือนก่อน

    Muito bom

    •  4 หลายเดือนก่อน

      Valeu João!

  • @Anderson_Oficiall
    @Anderson_Oficiall 5 หลายเดือนก่อน

    Eu eu deixo aquele espaço por exemplo: DIV 1 | DIV2 | DIV 3 e tem aquele espaço que sempre fica desproporcional

  • @suelenromano
    @suelenromano 5 หลายเดือนก่อน

    Que didática incrível.

    •  5 หลายเดือนก่อน

      Obrigado Suelen!!! Bem vinda!

  • @gabriel-jb1dd
    @gabriel-jb1dd 5 หลายเดือนก่อน

    que vídeo incrível!

    •  5 หลายเดือนก่อน

      Obrigado Gabriel, bem vindo!

  • @bramalho001
    @bramalho001 5 หลายเดือนก่อน

    Vlw Professor Feijó! Sua Ajuda e Conhecimento são essenciais para os deves de hoje! uma coisa simples que as vezes ficamos na duvida.

    •  5 หลายเดือนก่อน

      Obrigado! Sejam bem vindo ao canal, que bom ter ajudado!

  • @ninjatotalg2181
    @ninjatotalg2181 5 หลายเดือนก่อน

    Assistindo em #2024 aqui. Didática excelente!!

    •  5 หลายเดือนก่อน

      Valeu ninja!!! Obrigado!

  • @aninha22ist61
    @aninha22ist61 5 หลายเดือนก่อน

    Sobe mais vídeos sobre bootstrap adorei o seu canal e sua explicação, ganhou +1 seguidora!

    •  5 หลายเดือนก่อน

      Obrigado Aninha! Bem vinda!

    • @aninha22ist61
      @aninha22ist61 5 หลายเดือนก่อน

      @ Muito obrigada! <3

  • @aninha22ist61
    @aninha22ist61 5 หลายเดือนก่อน

    Pra mim foi especial de Carnaval! rs

    •  5 หลายเดือนก่อน

      Ole le le! Obrigado Aninha!

    • @aninha22ist61
      @aninha22ist61 5 หลายเดือนก่อน

      @ não vejo a hora de ter mais aulas de bootstrap com vc, achei super legal a sua aula, super dinâmica e vc explica super bem! Tem todo o meu apoio pra continuar esse projeto incrível.

  • @victorsantiago1005
    @victorsantiago1005 5 หลายเดือนก่อน

    Como coloco um Input ao lado do outro?

    •  5 หลายเดือนก่อน

      Você pode envolver eles por uma div ou tag form com o class "form-inline" - dá uma olhada na documentação de formulários que tem mais detalhes!

  • @robsonmedeiros5000
    @robsonmedeiros5000 5 หลายเดือนก่อน

    Meu amigo.... você nasceu pra isso. Didática incrível. Já me inscrevi e ja vou assistir outros videos.

    •  5 หลายเดือนก่อน

      Que honra! Obrigado Robson!

  • @hiltonfreitasdeoliveirajun3497
    @hiltonfreitasdeoliveirajun3497 5 หลายเดือนก่อน

    Top de mais, tava quebrando a cabeça.

    •  5 หลายเดือนก่อน

      Valeu Hilton, bem vindo!

  • @CoisaseCoisas.
    @CoisaseCoisas. 5 หลายเดือนก่อน

    Tenho uma carteira de Bitcoin na coinbase wallet e não lembro a senha de 12 palavras, tenho esses arquivos nos HD do notebook que a carteira estava, por acaso ele pode armazenar a senha ou algo que eu consiga recuperar a carteira?

    •  5 หลายเดือนก่อน

      Oi Leticia! Isso depende do app, mas com certeza no localStorage não está :(

  • @asdasd54564
    @asdasd54564 6 หลายเดือนก่อน

    aos 14:22 ele disse que faria outro video sobre propriedades mais avançadas, alguem tem o link?? muito boa a aula

  • @chapahallss
    @chapahallss 6 หลายเดือนก่อน

    Grande vídeo. Muito obrigado por compartilhar conhecimento. Pergunta de iniciante. Fiquei em dúvida sobre a utilização do space-between na vertical. Existe essa opção ou basta usar o display: block; justify-content: space-between?

  • @biomelo8501
    @biomelo8501 6 หลายเดือนก่อน

    Top a aula! Você tem o de grid no seu canal?

  • @Renanfc4
    @Renanfc4 7 หลายเดือนก่อน

    que didática muito foda, obrigado meu amigo, tinha uma dúvida grande sobre isso, mesmo fazendo cursos em plataformas, você foi o mais esclarecedor.. agradeço muito..

    •  5 หลายเดือนก่อน

      Valeu Renan! Bem vindo!

  • @EdsonIvan
    @EdsonIvan 7 หลายเดือนก่อน

    Aula muito boaa, didática incrível, obrigado pelo video

    •  5 หลายเดือนก่อน

      Valeu Edson! Bem vindo!

  • @JuniorTeixeiraDev
    @JuniorTeixeiraDev 7 หลายเดือนก่อน

    Cara qual seria a diferença de usar esse hook ai pra usar os meus próprios hooks retornando funções e estados pra qualquer área que eu queira usar isso? Não seria a mesma coisa ?

  • @mrRenators
    @mrRenators 7 หลายเดือนก่อน

    Essa fica é muito boa. Estava tentando fazer isso sozinho, mas sem sucesso. Muito obrigado

    •  5 หลายเดือนก่อน

      Valeu Renato! Bem vindo!

  • @lohan4444444
    @lohan4444444 7 หลายเดือนก่อน

    professor , estou com um problema no meu vscode , quando eu vou formatar as minhas tags para organiza-las , elas estão quebrando erradas , tipo uma tag P com um texto dentro , quando eu formato o texto fica todo errado na tela , ainda por cima fica dando espaço no meu head , já fiz de tudo e não consigo arrumar de jeito nenhum até resetei as configurações e exclui o vscode , mas o problema continua , gostaria que você pudesse meu ajudar com isso está me atrapalhando muito na minha organização do html .

  • @karolestudos7583
    @karolestudos7583 8 หลายเดือนก่อน

    Agradeço pela sua aula!

    •  5 หลายเดือนก่อน

      Valeu Karol! Bem vinda, e bons estudos!

  • @diogoalves4469
    @diogoalves4469 8 หลายเดือนก่อน

    Obrigadooooooo, que vídeo ótimo!

    •  5 หลายเดือนก่อน

      Obrigado Diogo, bem vindo ao canal!

    • @diogoalves4469
      @diogoalves4469 5 หลายเดือนก่อน

      Obrigado!! Tirando o canal, teria algum outro lugar ou outra forma para está apredendo mais com vc? Preciso de muita ajuda sobre Front-end.@

  • @danylosantos5303
    @danylosantos5303 8 หลายเดือนก่อน

    que aula meu amigo parabens . ja assistir varias aula de display flex mais sua a melhor 100%

    •  5 หลายเดือนก่อน

      Obrigado Danylo, que bom que ajudou!

  • @user-gu2ev2xw7b
    @user-gu2ev2xw7b 8 หลายเดือนก่อน

    Simplesmente fantástico!

    •  5 หลายเดือนก่อน

      Valeu!!! Bem vindo!

  • @Alucard.2024
    @Alucard.2024 8 หลายเดือนก่อน

    Faz um vídeo sobre position relative e absolute pfv

  • @Alucard.2024
    @Alucard.2024 8 หลายเดือนก่อน

    Finalmente começando a entender 😭😭😭 Sem palavras, muito obrigado!!!! Tô travado há mais de uma semana em css por não entender esse conceito. Me forcei a entender pra continuar os estudos e NENHUM outro vídeo entrava na minha cabeça. Só esse foi capaz de me fazer entender. Que didática impecável, abordando de ponta a ponta. Sem deixar margem pra duvidas. Muito obrigado mesmo, Deus te abençoe MUITO!!!!!!!!!!

    •  5 หลายเดือนก่อน

      Valeu Lucas! Muito obrigado!!!

  • @Lilianepx
    @Lilianepx 8 หลายเดือนก่อน

    Obrigada prof! Podia ter continuação para membros rs

    •  5 หลายเดือนก่อน

      Oi Liliane, que ótima ideia!

  • @Lilianepx
    @Lilianepx 8 หลายเดือนก่อน

    Outra observação: só consegui alinhar os botões se eles estivessem dentre de uma div de col-12 <td> <div class="col-12" style="text-align: end;"> <button class="btn btn-primary">Detalhes React</button> </div>

  • @JonasCTDOL
    @JonasCTDOL 8 หลายเดือนก่อน

    Excelente aula! Porém no GIT o repositório não está disponível. Verificado em 12/11/2023

    • @aninha22ist61
      @aninha22ist61 5 หลายเดือนก่อน

      No meu git não aparece as cores, mas o exercício está lá.

    • @aninha22ist61
      @aninha22ist61 5 หลายเดือนก่อน

      Depois de tanto revisar meu código eu descobri que estava usando o nome da pasta local com css e js com os nomes errados. Se vc ainda não descobriu o seu erro, jogue seu código no chat gpt que ele acha pra vc.

  • @Lilianepx
    @Lilianepx 8 หลายเดือนก่อน

    Obrigada por compartilhar seu conhecimento!!! Grande valia!

    •  5 หลายเดือนก่อน

      Obrigado Liliane!!!

  • @user-be2qq3be8n
    @user-be2qq3be8n 9 หลายเดือนก่อน

    Muito top

    •  5 หลายเดือนก่อน

      Valeu!!!

  • @Kaua-yl8xo
    @Kaua-yl8xo 9 หลายเดือนก่อน

    A qualidade da imagem está ruim !

  • @user-is2de1cj1b
    @user-is2de1cj1b 9 หลายเดือนก่อน

    Gostaria de sugerir uma atualização para o seu vídeo, a fim de descobrirmos se você ainda utiliza as mesmas extensões que mencionou anteriormente ou se encontrou outras novas. Gostei muito da sua didática e acredito que esse tipo de conteúdo seja extremamente valioso para a comunidade.

  • @elainyjorge
    @elainyjorge 9 หลายเดือนก่อน

    Ótima didática 👏👏

    •  5 หลายเดือนก่อน

      Valeu Elainy!

  • @arozendojr
    @arozendojr 9 หลายเดือนก่อน

    Possível seguir o BEM no SCSS usando tailwind?

  • @joaofronza2904
    @joaofronza2904 9 หลายเดือนก่อน

    Muito bom

  • @CLEISON304
    @CLEISON304 9 หลายเดือนก่อน

    O prefessor masse tipo uma foto em um lugar especifico tem que usar left o right

  • @rafaelakinaga3749
    @rafaelakinaga3749 10 หลายเดือนก่อน

    muito bom

    •  5 หลายเดือนก่อน

      Valeu Rafaela!