Live Coding: Replicando interfaces com React JS e CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ส.ค. 2024
  • Nessa live vamos replicar uma interface com animações usando React JS e CSS. Você vai aprender diversos truques e dicas de CSS para construir interfaces incríveis. Além de revisar alguns conceitos da biblioteca para construção de aplicações frontend React JS.
    ---------------------------
    👉 CURSOS que mencionei na Live
    🔗 Aprenda programação do zero e conquiste sua primeira vaga
    app.rocketseat...
    CUPOM: KIPPERDEV@EXPLORER
    🔗 Evolua sua carreira com React, Node e React Native
    app.rocketseat...
    CUPOM: KIPPERDEV@IGNITE
    🔗 Plus - Plataforma de conteúdos exclusivos
    app.rocketseat...
    app.rocketseat...
    CUPOM: KIPPERDEV@PLUSANUAL
    ----------------------------------
    🔗 Template inicial do projeto:
    github.com/Fer...
    👉Me siga no instagram!
    / kipper.dev

ความคิดเห็น • 40

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

    Tão bom ver uma amiga arrasando. Diferente de várias pessoas que assisto, vc não expressa esse ar de superioridade quando ensina, estamos fazendo junto, raciocinando junto. Obrigada pelo conteúdo

  • @andreluizferreirarosa7687
    @andreluizferreirarosa7687 ปีที่แล้ว +5

    import { ReactComponent as Logo} from './logo.svg'
    você pode manter a logo em svg e evitar de carregar como imagem mas sim como componente também

  • @MyCodingDiary
    @MyCodingDiary ปีที่แล้ว +4

    Your videos are always so informative and well-presented. Thank you for sharing your knowledge with us!🚀😎

  • @GustavoHenrique-uz5qy
    @GustavoHenrique-uz5qy ปีที่แล้ว +1

    Otimo video, esses erros no comportamento do CSS acho muito bom pois ocorre muito comigo e é esclarecedor ver como alguem mais experiente resolve !!

    • @kipperdev
      @kipperdev  ปีที่แล้ว

      Obrigada Gus! Simm, o legal de ocorrer os erros é que aprendemos com eles 😃

  • @gersuer
    @gersuer ปีที่แล้ว

    Nem vi o video completo e já deixei meu Live por que teu conteúdo é muito top!!

    • @kipperdev
      @kipperdev  ปีที่แล้ว

      Obrigada! 😍

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

    GOSTARIA De Mais! Front Endereço.

  • @denneraladim6190
    @denneraladim6190 11 หลายเดือนก่อน +3

    qual você mais usa o sass ou styled components?
    qual você mais gosta ?
    você utiliza o css module no react ?

  • @ganharmoneytododia
    @ganharmoneytododia ปีที่แล้ว

    Tou apaixonado ❤

  • @larrisa585
    @larrisa585 ปีที่แล้ว

    Conteúdo muito bom!

    • @kipperdev
      @kipperdev  ปีที่แล้ว +1

      Obrigada Lari! Fico feliz que gostou ☺

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

    Como vc faz pra escrever tão rápido seu html? Meu código não está deixando auto complete. Então sempre preciso abrir < e fechar > tudoo

  • @znkdev
    @znkdev ปีที่แล้ว

    19:42 por isso o tailwind é bom, já faz os 2 ao mesmo tempo

    • @kipperdev
      @kipperdev  ปีที่แล้ว +1

      boa, ajuda muito nesse ponto mesmo!

  • @PAI-DE-TODOS-
    @PAI-DE-TODOS- 3 หลายเดือนก่อน

    Além de programadora ainda é linda 😍🤩

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

    Very good!

  • @chiquinho328
    @chiquinho328 ปีที่แล้ว

    parabens, Otima aula top

  • @denneraladim6190
    @denneraladim6190 ปีที่แล้ว

    qual você mais utilizar no seu trabalho o vite ou nextjs ?

  • @denneraladim6190
    @denneraladim6190 ปีที่แล้ว

    Quando os processos seletivos estão pedindo REACT, ELES ESTÃO PEDINDO REACT VITE OU NEXTJS ?

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

    qual o nome da extensao que voce usa que da autocomplete no código !ef em .tsx,? eu digito !ef e não aparece esse atalho

    • @kipperdev
      @kipperdev  5 หลายเดือนก่อน +1

      Oii Lucas!
      É essa extensão aqui:
      marketplace.visualstudio.com/items?itemName=FernandaKipper.reactcodesnippets

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

      @@kipperdev agora foiiii, obg ferr

  • @_jeff.medeiros
    @_jeff.medeiros ปีที่แล้ว

    Boa!

  • @renerpires
    @renerpires ปีที่แล้ว

    Putz... Virei fã

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

      Que bomm, Rene!
      Fico feliz que esteja gostando do conteúdo aqui do canal 💜

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

    cheguei agora no canal, gostaria de saber se voce ainda ta fazendo live?

    • @kipperdev
      @kipperdev  6 หลายเดือนก่อน +1

      Oii Vini, seja bem vindo! Tô sim, todos domingos às 20:00, pontualmente. inclusive uma vai começar agora!

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

      opaa muito obrigado na proxima ja estarei com voce! seu conteudo e muito fooda!!! aprendo mt ctg@@kipperdev

  • @user-xy5vg4wt5q
    @user-xy5vg4wt5q 7 หลายเดือนก่อน

    meu HTML não ta pegando as estilização css do button (min 43). Alguém sabe o que pode ser? tentei adicionar uma classe a ele, mas continuou não funcionando.

  • @caburatti
    @caburatti ปีที่แล้ว +1

    Será que é só eu que não sei programação mas gosto de assistir? 😍🥰🥴🥴🥴🥴

  • @Felipecavalcanti1000
    @Felipecavalcanti1000 5 หลายเดือนก่อน +3

    o engraçado é que no decorrer da aula o cabelo dela seca e fica super diferente mas você nem percebe kkkkkkkkk

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

    Esperando pegar uma live coding ao vivo

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

    1:08:58 usando position: absolute e top:0 o z-index é desnecessario já que a 2° div sobrepôe a 1°

  • @Carl-Crepker-Schmidt
    @Carl-Crepker-Schmidt 8 หลายเดือนก่อน

    mano, eu ODEIO CSS, não ha nada que me faça gostar disso

    • @javascript41566
      @javascript41566 6 หลายเดือนก่อน +1

      Infelizmente, terá de aprender, pelo menos recomendo.. Eu também odiava, até me tocar que precisava aprender pra fazer meus projetos e alavancar a carreira.. Descobri que gosto de css pq hoje eu SEI kkkk, foi bem assim cmg, aprenda que irá gostar, já que irá fazer "oq quiser"