João Bibiano
João Bibiano
  • 134
  • 440 600
DEV 10X with AI - Using Cursor, Prompting and More
Até onde é verdade essa história de um DEV ser 10X mais produtivo com AI? Veja nesse vídeo minha experiência real e verdadeira.
se inscreva na lista para receber meus e-mails: www.joaobibiano.com.br/newsletter
meu instagram: joaobibiano.com.br/instagram
Переглядів: 3 702

Відео

Nunca Mais Vou Deixar De Usar Essa Feature - CSS Container Queries
Переглядів 7525 місяців тому
Aprenda nesse vídeo a usar CSS Container Queries. Um recurso excelente moderno do CSS Entre em contato comigo: joaobibiano.com.br/ Meu Instagram: joaobibiano.com.br/instagram
Se você não conhece essa teoria, sua carreira ficará para trás
Переглядів 4156 місяців тому
Já ouviu falar na "Broken windows theory"? Neste vídeo, mergulhamos nessa ideia curiosa e mostramos como ela se aplica ao mundo da Engenharia de Software. Descubra como pequenos bugs podem virar grandes problemas se não forem resolvidos a tempo e aprenda dicas valiosas para manter seu código limpo e eficiente. Venha conferir e veja como evitar que seu projeto e sua carreira sejam destruídas. 00...
useOptimistic vs ReactQuery - Não Perca a Oportunidade de melhorar a UX dos seus React Apps
Переглядів 7346 місяців тому
Ver aquele spinner chato ou o browser rodando a engrenagem pode ser super frustante (para nós e para os usuários), mas calma ... Que com o React 19 e o novo hook useOptimistic, você pode deixar suas aplicações super rápidas e agradáveis de usar. Vou te mostrar como o TanStack Query (também conhecido como React Query) deixou ainda mais fácil implementar as técnicas de Optimistic UI (e explico o ...
Context API no ReactJS com typescript
Переглядів 9738 місяців тому
Entre em contato comigo: joaobibiano.com.br/ Meu Instagram: joaobibiano.com.br/instagram 00:00 - Start 00:06 - Intro 06:10 - Checkout - Problematização 20:30 - Implementando um contexto e usando-o 36:29 - Checkout - Atualizando o contexto 42:49 - useReducer ! Melhorando o contexto 48:41 - Integrando o reducer no Contexto 01:00:04 - Considerações Finais
Configure seu NVIM e seja mais PRODUTIVO dev
Переглядів 3 тис.8 місяців тому
minha config: github.com/joaobibiano/kickstart.nvim peça ajuda: joaobibiano.com/discord consultoria comigo: joaobibiano.com/instagram
Você está PERDENDO por não usar VIM - Primeiros Passos
Переглядів 23 тис.11 місяців тому
À pedidos, você vai entender como dar seus primeiros passos com VIM e por que isso vai te fazer um dev melhor. Meu instagram: joaobibiano.com.br/instagram Meu site: joaobibiano.com.br/
Abandonei o NextJS por causa disso
Переглядів 10 тис.11 місяців тому
Será que larguei o NextJS mesmo? De qualquer forma acho que vale a pena você conhecer o Astro ;) Meu instagram: joaobibiano.com/instagram Meu site: joaobibiano.com.br
você deve usar busca binária (binary search) ??
Переглядів 472Рік тому
Busca binária ou busca linear? Por que aprender e por que usar? Me acompanhe nesse vídeo ;) Meu instagram: joaobibiano.com/instagram Meu site: joaobibiano.com.br
Adeus, vscode
Переглядів 9 тис.Рік тому
Adeus, vscode
O mínimo que você precisa saber sobre NextJS em 2023
Переглядів 1,9 тис.Рік тому
O mínimo que você precisa saber sobre NextJS em 2023
Serveless: A Chave para Automatização e Produtividade
Переглядів 928Рік тому
Serveless: A Chave para Automatização e Produtividade
DEV, não basta codar, você precisa disso para evoluir
Переглядів 868Рік тому
DEV, não basta codar, você precisa disso para evoluir
Zustand: O Gerenciador de Estado que Está Mudando o Jogo e que Você Precisa Experimentar
Переглядів 19 тис.Рік тому
Zustand: O Gerenciador de Estado que Está Mudando o Jogo e que Você Precisa Experimentar
Dev, você vai ficar sem emprego se não fizer isto...
Переглядів 588Рік тому
Dev, você vai ficar sem emprego se não fizer isto...
Por que usar ReactJS ?
Переглядів 976Рік тому
Por que usar ReactJS ?
Custom Hooks no React para deixar seu código profissional
Переглядів 1,2 тис.Рік тому
Custom Hooks no React para deixar seu código profissional
a inteligência artificial vai roubar o seu emprego Dev?
Переглядів 185Рік тому
a inteligência artificial vai roubar o seu emprego Dev?
REAGINDO: As Vagas Realmente Acabaram? Filipe Deschamps
Переглядів 480Рік тому
REAGINDO: As Vagas Realmente Acabaram? Filipe Deschamps
Next e Notion na PRÁTICA: O Melhor Projeto para Começar do Zero!
Переглядів 4,2 тис.Рік тому
Next e Notion na PRÁTICA: O Melhor Projeto para Começar do Zero!
shadcn/ui - uma biblioteca sem npm install?
Переглядів 7 тис.Рік тому
shadcn/ui - uma biblioteca sem npm install?
não use console.log dessa forma dev
Переглядів 950Рік тому
não use console.log dessa forma dev
você está perdendo tempo se não usa isso REACT DEV
Переглядів 842Рік тому
você está perdendo tempo se não usa isso REACT DEV
5 coisas que todo programador Júnior deveria saber se quer ser sênior
Переглядів 5 тис.Рік тому
5 coisas que todo programador Júnior deveria saber se quer ser sênior
Next.js, Tailwind CSS e Produtividade: Como Criar Projetos Incríveis em Menos Tempo
Переглядів 3,7 тис.Рік тому
Next.js, Tailwind CSS e Produtividade: Como Criar Projetos Incríveis em Menos Tempo
4 coisas sobre a NODE_MODULES que talvez você não sabia
Переглядів 657Рік тому
4 coisas sobre a NODE_MODULES que talvez você não sabia
Server Actions: NextJS 13.4 features incríveis
Переглядів 2,6 тис.Рік тому
Server Actions: NextJS 13.4 features incríveis
TS + Zod - Não deixe de ter isso no seu App
Переглядів 2,6 тис.Рік тому
TS Zod - Não deixe de ter isso no seu App
Signals vão te IMPRESSIONAR. Qual será o futuro do React?
Переглядів 2,8 тис.Рік тому
Signals vão te IMPRESSIONAR. Qual será o futuro do React?
Bom DESAFIO REACT para Júnior ... Eu resolvi
Переглядів 2,7 тис.Рік тому
Bom DESAFIO REACT para Júnior ... Eu resolvi

КОМЕНТАРІ

  • @uandersonlima6509
    @uandersonlima6509 12 годин тому

    Vídeo top!

  • @juelmapereira4277
    @juelmapereira4277 День тому

    uauu

  • @007trystan
    @007trystan 5 днів тому

    Onde consigo esses artigos?

  • @rennoman4609
    @rennoman4609 5 днів тому

    Conheci hoje o canal e só digo uma coisa rs se não tem ainda um curso completo de formação para desenvolvimento de aplicativos com ia , através de ferramentas que usam ia , por favor desenvolva rs vai levar muita gente q tem criatividade e desejo de construir grandes projetos a não perderem esse sonho ! 😊

  • @JoaoPedro-oo8mo
    @JoaoPedro-oo8mo 6 днів тому

    Cara, sinceramente, to quase em pânico. Tenho 20 anos e ainda to começando, só de saber que daqui uns 5-7 anos já vai estar tudo automatizado, bate um desânimo pra quase desistir. Ainda vou tentar continuar, mas completamente sem esperança pra me imaginar na área a longo prazo com uns 35-40 anos.

    • @andresamartins26
      @andresamartins26 4 дні тому

      Na sua idade eu já desistiria e iria fazer medicina

  • @Rafael-ow9wm
    @Rafael-ow9wm 6 днів тому

    Ja usou o windsurf?

  • @devciente
    @devciente 6 днів тому

    Estive conversando sobre isso pro esses dias, eu confesso ainda temer que AIs possa sim substituir devs, mas creio que apenas aqueles que não queiram usar AI para ser mais efetivo e produtivo no dia a dia. Agora, eu sugiro que os devs iniciantes pratiquem na unha o seu desenvolvimento, não abusem da AI, primeiro pratique e entenda o que faz, depois comece introduzir a AI no aprendizado, vai ser fundamental.

  • @adrianapenas9690
    @adrianapenas9690 7 днів тому

    Sou iniciante na programação, utilizava o vs e resolvi testar esse cursor, devido ser parecido com o vscode e "te deixar mais produtivo". No início foi legal, porem, acho que como iniciante mais atrapalha que ajuda, já que me faz perder o foco e me atrapalha a raciocinar para resolver os problemas.

    • @joaobibiano
      @joaobibiano 6 днів тому

      É um ponto válido! Realmente para quem está aprendendo, bater a cabeça vai ser muito útil

    • @AcidCodeBr
      @AcidCodeBr 5 днів тому

      Se você é iniciante vou ser até ser um pouco extremista aqui, recomendo nem usar o ChatGPT. É como o João falou aí, bater a cabeça é muito importante. A psicologia já fala isso, uma das melhores maneiras de você aprender algo é tentar chegar na solução do problema por conta própria, isso é muito falado no livro do Scott Young, Ultra-aprendizado. Você até pode usar o ChatGPT, mas tem que usar como muita parcimônia. Eu recomendei nem usar pois é muito tentador usar o ChatGPT e afins, isso vai te viciar. E o mais importante, ferramentas como o ChatGPT é para ser usado por pessoas que já tem experiência naquilo que estão pesquisando. Pode parecer um pouco contraintuitivo, pois a pessoa pode pensar que se ela sabe algo, então porque usaria um ChatGPT. Mas a ideia do ChatGPT é ser um auxiliar nas suas tarefas, se você nem sabe aquilo que está buscando a pessoa não tem nem capacidade de distinguir se a resposta é boa ou ruim, não vai nem saber como escrever o prompt corretamente. E por tudo isso eu nem recomendo usar o ChatGPT. Abuse do Stackoverflow e artigos, faça projetos próprios. São as melhores maneiras de aprender e eu digo tudo isso por experiência (já sou Senior, não gosto de dar essa carteirada, acho patético, mas acho ser relevante falar) própria e por experiências de pessoas em minha volta que estão no começo e abusam da IA.

  • @ShadowEnel
    @ShadowEnel 7 днів тому

    🦇🦇💻💻🖤🖤

  • @nsouzarj
    @nsouzarj 7 днів тому

    Pena ser pago utilizei ate um certo ponto depois bloqueio minha conta kkkk

    • @joaobibiano
      @joaobibiano 6 днів тому

      Os custos com as LLM's ainda são significantes, mas com o tempo vão abaixar

    • @nsouzarj
      @nsouzarj 6 днів тому

      @@joaobibiano sim pra todas elas ainda e caro os custos so com tempo mesmo.

  • @rapaduraman3543
    @rapaduraman3543 7 днів тому

    Chato

  • @kkkkkkkkkkkk3386
    @kkkkkkkkkkkk3386 7 днів тому

    Eu de fato fico impressionado, não com a tecnologia e sim com o que esse tipo de tecnologia vai causar daqui um ano ou dois. Primeiro que "programadores" que estão achando isso incrivel e legal, vão ficar tão acostumados a usar essa aberração, que não vão lembrar nem de 40% das linguagens de programação que antes "sabiam", ai sempre que a internet cair, ou precisarem fazer um trabalho em algum lugar sem internet, eles não vão conseguir porque não lembram de como é feito. Segundo que em poucos anos, não vai ter nescessidade de programadores, poucas empresas - e quando digo poucas eu quero dizer poucas mesmo, tipo umas 10 ou 15 no mundo - vão precisar de pessoas atrás do computador. Incrivel com o ser humano esta criando uma aberração que tem a capacidade de subistitui-lo em pouco tempo, e esta achando legal. Então me digam, qual vai ser a utilidade do ser humano daqui uns 10 ou 20 anos? Ou todos acham que daqui para lá a IA não vai estar mais proxima de uma forma de conciencia inteligente? 10 anos atraz, poucas pessoas no mundo falavam de IA, hoje em dia, temos ate geladeiras com IA, imagina daqui 10, 20 ou 30 anos. O ser humano é a unica especie que usa a propria conciencia para se extinguir, nós literalmente usamos nosso diferencial para com as outras especies para nós destruir. No lugar de criar algo que nós ajude, nós criamos algo que vai nós subistituir. As pessoas confundem produtividade com simplesmente não fazer kkkkkk É o cumulo da preguiça, você é produtivo quando você faz algo dificil mais rapido que os outros e não quando você coloca outra pessoa ou alguem para fazer seu trabalho. Inteligência é a capacidade de entender, resolver e aprender. Então me diga, qual dessas características a "Inteligencia" artificial não tem? Ela entende o problema com base em todas as informações que tem, resolve-o com uso de outras informações e aprende tudo aquilo de que precisa de forma automática, em frações de segundos. Ela basicamente faz tudo isso mais rápido e de forma mais eficiente que a gente. Então, não venha dizer que ela não tem inteligência, ela pode não ter consciência, ainda, mas inteligência ela tem muita e muito melhor que a nossa. Meus 170 de QI não são porcaria nenhuma perto do que essa aberração pode fazer. Eu falei um fato, as pessoas vão se acomodar, usar IA para tudo e perder as habilidades. Com o tempo, pouco tempo, as IAs vão estar mil vezes superiores aos humanos, porque nós temos uma curva de aprendizado lenta e pouco eficiente. Vá estudar neurociência para ver como a mente humana funciona, hoje em dia é muito fácil replicar o funcionamento dela e já está sendo feito. Por que vocês vivem em tanta negação? Eu tenho um QI muito alto, mas não consigo resolver um problema matemático complexo em frações de segundos como a IA, aí imagina eles misturam IA com o processador quântico do Google kkkkkk Ela vai ter a capacidade de bilhões de humanos trabalhando juntos. É tão difícil enxergar isso? Por que tanta negação? Me parece que quem tem medo é você, e fica se escondendo atrás desses argumentos vazios. E se você acha que o ser humano não vai querer dar uma conciencia artificial para a IA, você não conhece a humanidade.

    • @LordClickerOFC
      @LordClickerOFC 7 днів тому

      vc exagerou demais

    • @kkkkkkkkkkkk3386
      @kkkkkkkkkkkk3386 7 днів тому

      @@LordClickerOFC Em que exatamente? Sabe explicar no que eu exagerei?

    • @joaobibiano
      @joaobibiano 6 днів тому

      Se lembre, inteligência artificial é só um nome legal, essa tecnologia não tem inteligência. Claro que haverá impacto, mas nós sempre nos adaptamos a isso, é só olhar para a história. O progresso não pára, e não vai parar.

    • @phill.6789
      @phill.6789 6 днів тому

      @@LordClickerOFC Nem é q ele exagerou... é pq ele tem a mente pequena, esses sim que vao perder o emprego com o crescimento e DEPENDENCIA da IA.

    • @kkkkkkkkkkkk3386
      @kkkkkkkkkkkk3386 6 днів тому

      ​@ Inteligência é a capacidade de entender, resolver e aprender. Então me diga, qual dessas características a "Inteligencia" artificial não tem? Ela entende o problema com base em todas as informações que tem, resolve-o com uso de outras informações e aprende tudo aquilo de que precisa de forma automática, em frações de segundos. Ela basicamente faz tudo isso mais rápido e de forma mais eficiente que a gente. Então, não venha dizer que ela não tem inteligência, ela pode não ter consciência, ainda, mas inteligência ela tem muita e muito melhor que a nossa. Meus 170 de QI não são porcaria nenhuma perto do que essa aberração pode fazer.

  • @billyfranklim
    @billyfranklim 7 днів тому

    Já utilizei o Cursor e fiquei impressionado. É incrível o que já é possível fazer com ele, e fico pensando em como estará daqui a um ano.

    • @joaobibiano
      @joaobibiano 6 днів тому

      Sem dúvida! Ótimos tempos para se estar vivo

  • @matheus-germano
    @matheus-germano 7 днів тому

    Bom vídeo João. IMO, essas ferramentas são muito benéficas e aumentam muito a produtividade por centralizarem nossa pesquisa! Eu particularmente não acho que elas substituirão os devs, não a curto prazo. O Nubank tem um case com o Devin onde eles refatoraram e eliminaram débitos técnicos através dele, utilizando os devs para supervisão e revisão das gerações e acho que é essa linha que as empresas seguirão. Em adicional a questão de acalmar os devs, li um artigo da Apple muito legal sobre a capacidade de "raciocínio" de LLMs que utilizei no meu TCC que teve um tema relacionado, ele se chama "Understanding the Limitations of Mathematical Reasoning in Large Language Models", vale a pena a leitura.

  • @Guerreir0A297
    @Guerreir0A297 10 днів тому

    Tem como deixar mais simples ainda. Vai na globals.css, cria uma layer components, cria um css dentro dessa layer, exemplo: .title { @apply sua estilização } Vai no lugar que tu quer estilizar, abre um classname e põe o nome da classe que tu criou. Não precisou criar componente e nem nada

  • @gramsdf
    @gramsdf 11 днів тому

    Didática com abordagens e dicas em linguagem com semântica contextual, que permite foco no assunto abordado, perfeito. Obrigado por transmitir tanto conhecimento de valor agregado.

  • @deivsonb7
    @deivsonb7 17 днів тому

    Top!!

  • @skrzydlat21
    @skrzydlat21 19 днів тому

    nao sou trabalho na area ainda, mas com toda humildade,isso nao [e mais b.o do que so um arquibo css ?

  • @alexon2010
    @alexon2010 26 днів тому

    Opa João sou fã do seu canal, muito bacana seus videos, mesmo usando o React 10 anos, eu não consigo entender este lance Client Components e Server Components tudo é bem confuso, Agora com React 19 e Router DOM V7 será que você conseguiria criar um video que realmente resolvesse esse dilema, acredito que muitas pessoas fazem as coisas funciona como SPA ainda nos dias de hoje, inclusive eu. Eu quero muito entender mais a fundo sobre como seria o Desenvolvimento de uma PWA mas não entendo muito bem como seria a relação do React com as forma de enviar dados ou interface UI usando por exemplo http 1.1 http2 streams Service Works O que eu não entendo é que por mais que componetize a minha Aplicação quando se gera um Build eu tenho tudo em um único arquivo, como eu vou conseguir mapear um service work correto sobre os ativos, se eu não sei como os mesmo são Gerado... e ainda cima disso tudo eu tenho estes conceitos confusos ser Client Component e Server Component... Então como entender tudo isto com React 19 e React Router DOM V7

  • @narkkao
    @narkkao 27 днів тому

    Só um ajuste na terminologia, quando está fazendo a cópia ("x) não é para o buffer e sim para os registradores, o buffer no vim é o arquivo aberto.

  • @FelipeKazushi
    @FelipeKazushi Місяць тому

    qual é o nome desse aplicativo?

  • @rencka
    @rencka Місяць тому

    Vi rules , o resto e frutisse .

  • @JoaoNivaldo
    @JoaoNivaldo Місяць тому

    Adorei o vídeo. Faça mais sobre o astro por gentileza.

  • @foiabarrosofoia4838
    @foiabarrosofoia4838 Місяць тому

    Cara, peso ajuda como criar um bot de aviator que vai mim monstar is resultedo do jogo😢😢

  • @guilhermeaguiar2743
    @guilhermeaguiar2743 Місяць тому

    Qual seria a diferença entre keymaps e commands ? Desculpe se a pergunta for um pouco besta entrei no mundo nvim faz 2 dias

  • @rzMusical
    @rzMusical 2 місяці тому

    Top top tmj

  • @paulo_riicardo
    @paulo_riicardo 2 місяці тому

    Mano, muito top. Qual tema cê tá usando?

  • @Chiines
    @Chiines 2 місяці тому

    Mano, que tema é esse? Vídeo sensacional

  • @weslleyjuann
    @weslleyjuann 2 місяці тому

    Recomendo usar o "Here Document" para criar pastas ao invés do touch. $ >> documento ou invés de $ touch documento

  • @FelipeGenuino
    @FelipeGenuino 2 місяці тому

    é só gerar treinamento pra galera com projetos reais... eu uso muito o laravel, quando vi o adonis fiquei impolgado :)

  • @carlos.longhi
    @carlos.longhi 2 місяці тому

    Ótimo vídeo, tem pouco conteúdo BR falando sobre o Astro. Conheci ele recentemente, e estou achando sensacional!

  • @oliveira1820
    @oliveira1820 2 місяці тому

    Muito obrigado, ajudou muito.

  • @dairon.
    @dairon. 2 місяці тому

    ajudou muito 👍👍

  • @CleberCastiglioni
    @CleberCastiglioni 2 місяці тому

    ganhei o video com o console.table() valeu!

  • @williamwagner1815
    @williamwagner1815 2 місяці тому

    Dev web hoje em dia tá complicado hein, invés da comunidade se juntar para melhorar UMA ferramenta, toda hora criam uma nova mudando apenas detalhes.

  • @maurolimaok
    @maurolimaok 2 місяці тому

    As chances de eu lembrar c + i + t são quase inexistentes Mas Change Inside Tag, com certeza eu vou lembrar Sempre que eu consigo ENTENDER O CONTEXTO eu lembro Brigadú!

  • @NilHunter
    @NilHunter 2 місяці тому

    Como faço para verificar o tipo de autenticação que uma requisição está utilizando? Por exemplo, é possível ver se a autenticação é uma Basic Auth, Bearer Token, JWT Bearer, Digest Auth, OAuth 1.0, OAuth 2.0, API Key etc? É possível ainda ver quais campos é usado nessa autenticação, por exemplo, verificar se basta informar usuário e senha ou se precisa informar mais alguma informação para realizar a requisição?

  • @1lipefellipe266
    @1lipefellipe266 2 місяці тому

    para as pessoas que usam vim, eu só tenho que dizer, "meus pesâmes"

  • @adonaijunior8208
    @adonaijunior8208 2 місяці тому

    parabens mano, video muito bom, simples e objetivo!! valeeu

  • @thiagopires5407
    @thiagopires5407 2 місяці тому

    Gostei muito da sua explicação... Parabéns 🎉🎉

  • @jiualfa
    @jiualfa 2 місяці тому

    fiquei com uma duvida, e se eu tiver com duas views separadas? Uma com o botao de adicionar e na outra view a lista? como que faz pra escutar os eventos das views?

  • @franciscomenezes6970
    @franciscomenezes6970 3 місяці тому

    O zustand não so me ajudou como ferramenta como me fez entender o funcionamento do REDUX excelente explicação parabńes.

  • @Nexs2
    @Nexs2 3 місяці тому

    Cara, nem sou de ficar comentando em vídeo, mas sinceramente, que vídeo bom. Estava pesquisando sobre typescript e sempre ficava uma dúvida de realmente como funcionava as coisas. Geralmente as outras aulas que eu via apenas mostravam que deveria tipar e as propriedades novas, mas não explicavam como elas realmente funcionavam e nas diferente situações que elas poderiam ser aplicadas, obrigado!

  • @rafaelcitario
    @rafaelcitario 3 місяці тому

    "Se você quer usar Neovim e não sabe instalar dependencias externas, não de um passo maior que a perna" - Se fuder man, se a pessoa ta procurando um vídeo de como configurar a porra do neovim é por que ela quer aprender a instalar essas porra.

  • @Head-maq
    @Head-maq 3 місяці тому

    como faço p desabilitar essa merda do crome....ja tentei de tudo

  • @antonysantos5214
    @antonysantos5214 3 місяці тому

    assistindo do futuro aqui aeee heheh

  • @carlosfelipearaujo
    @carlosfelipearaujo 4 місяці тому

    NEXT para mtos projetos mais simples é como carregar uma mochilona pesada cheia de roupa pra um retiro naturista

  • @FilipeMoraes87
    @FilipeMoraes87 4 місяці тому

    Não vou usar, segundo o "I can use" não funciona no IE6 :D. Brincadeiras a parte, é uma excelente dica e desconhecia essa feature. A sua didática é muito boa, parabéns.

  • @geraldoinacio5525
    @geraldoinacio5525 4 місяці тому

    Elite

  • @LuizPauloCamargo
    @LuizPauloCamargo 4 місяці тому

    Legal demais. E a persistência do estado, como faz?