COMO CRIAR um CARRINHO DE COMPRAS com HTML e CSS

Поделиться
HTML-код
  • Опубликовано: 3 фев 2025

Комментарии • 94

  • @zbessa9940
    @zbessa9940 2 года назад +15

    Pra mim, tu tem a melhor didática para programação

    • @Aaaleck
      @Aaaleck 2 года назад +2

      Cara, ele explica muito bem mano. A segurança dele é absurda pow. Já tenho um curso de programação que tou estudando, tô no aguardo dele lançar um curso também.

    • @fernandev1
      @fernandev1  2 года назад

      zBessa e Alex, obrigado demais pelos comentários! 🥳

  • @rappatenebrense
    @rappatenebrense 2 года назад +4

    Sua didática é ótima, não existe nada pior do que assistir alguem codando e falando super rapido sem explicar nada, como se o espectador já soubesse tudo que tá acontecendo e o modo de pensar do desenvolvedor. Seus vídeos são justamente o contrário.
    Tenho um pedido pra fazer, estou terminando um curso de front end(odin-project) e eles pedem pra fazer uma calculadora sem usar o eval(), que estou fazendo em react. Seria muito bom assistir você fazendo esse tipo de projeto, que, por mais que pareça facil, pode ser complicado na parte de manipular os states do display e resultados(estou preso há dias nessa mesma parte, parece que meu cérebro simplesmente sabe que vou ficar preso alí e se recusa a resolver coisas simples, é muito frustrante).
    Obrigado pelos vídeos, estão ajudando muito. Continua focando no canal que tem tudo pra crescer e atingir muita gente.

    • @fernandev1
      @fernandev1  2 года назад +1

      fala meu querido tudo bem? ainda não enfrentei algo desse tipo, quem sabe pro futuro eu faça um vídeo desse, achei legal.
      mas assim, de cabeça, talvez você tenha que armazenar 3 states separadas:
      - primeiro input
      - operação (+, -, *, /)
      - segundo input
      e no momento que você clicar no = para dar o resultado, você deve juntar tudo.
      pega o valor do primeiro input, cria condicionais para as operações usando ifs (ou switch) e junta com o segundo input. acredito que eu faria essa maneira!

    • @rappatenebrense
      @rappatenebrense 2 года назад

      @@fernandev1 Valeu pelas dicas. Acho que o meu problema não é nem entender o que tem que acontecer, é que meu cérebro dá branco na hora de levar a idéia pro "papel".
      Valeu pela atenção, continue com os vídeos, principalmente de react, ajudam muito!

    • @fernandev1
      @fernandev1  2 года назад +1

      é normal cara. no começo é sempre assim. você só vai vencer isso praticando bastante!

  • @jadsonpimentel9547
    @jadsonpimentel9547 Год назад +1

    Sensacional, a didatica faz com que a pessoa fique presa e o melhor de tudo é que você consegue compreender todos os conceitos de forma muito simples, estou iniciando ainda estudando bastante front end, com objetivo de chegar em React, então esses conceitos ajudam muito.
    Meus parabens e que venham mais videos e aprendizado.

  • @PineaplePensando
    @PineaplePensando Год назад +2

    Cara, tá me ajudando muito. Me ajudou até a entender alguns conceitos de java (que também possuo um certo interesse) Resumindo, continua com o conteúdo!!!

  • @igornakai2467
    @igornakai2467 2 года назад +2

    o mais Brabo do youtube, esperando o próximo o vídeo!!!

    • @fernandev1
      @fernandev1  2 года назад

      uhuuul, valeu Igor! 🥳

  • @jeffersonlira3952
    @jeffersonlira3952 2 года назад +1

    Sensacional !!! Estou sempre acompanhando, seu esforço nos fortalece, valeu rei

    • @fernandev1
      @fernandev1  2 года назад

      🥹 fico feliz demais Jefferson, obrigado! sugestões de próximos vídeos?

  • @matheusmntt
    @matheusmntt 2 года назад

    Cara, sensacional!!! Conheci o seu canal no começo do ano e assisti todos os seus vídeos, tua didática é impressionante e eu nem sou front-end, trabalho com PHP mas pretendo estudar react esse ano e os teus vídeos tem me ajudado a compreender muitas coisas de forma muito clara antes mesmo de ter estudado. Muito obrigado e continue com os vídeos que assim só tem a crescer muito!!!

    • @fernandev1
      @fernandev1  2 года назад

      valeu Matheus! que irado. eu comecei como dev php também! hoje foco mais no front-end mesmo. fico feliz que tenha gostado!

  • @jlrocha_ci2100
    @jlrocha_ci2100 2 года назад

    Parabéns pelo conteúdo, ajuda muito aos Devs iniciantes, pricipalmente para galera que assim como eu ainda está na parte de HTML e CSS e já quer começar a fazer projetos para futuramente implementar JS e tornar tudo funcional.

    • @fernandev1
      @fernandev1  2 года назад +1

      🥳 esse é o intuito Rocha, fico feliz que gostou!

  • @eupeterson10
    @eupeterson10 2 года назад

    cara gostei mt desse tipo de video aonde você trabalha a parte visual primeiro e depois a parte de interação , faz mas desse modelo de video pois pra quem ta estudando assim como eu é perfeito , você explica o html e css e dps o react/js , faz muito mas sentido e segue uma linha de raciocinio que é facil de comprender! otimo video colega

    • @fernandev1
      @fernandev1  2 года назад

      uhuuul! que massa peterson, vou tentar quebrar os vídeos dessa maneira daqui pra frente!

  • @henrickmedeiros7354
    @henrickmedeiros7354 11 месяцев назад

    que projeto OTIMO, ganhou um seguidor

  • @MatheusSantos-gz9gr
    @MatheusSantos-gz9gr 2 года назад

    Muito bom o vídeo
    Aguardando ansiosamente o próximo video
    Você é fera mano!

    • @fernandev1
      @fernandev1  2 года назад

      valeu Matheus! muito obrigado pelo apoio!

  • @luskinhadimas748
    @luskinhadimas748 Год назад

    o melhor que eu achei até agora

  • @fabianoferreiradasilva6500
    @fabianoferreiradasilva6500 Год назад

    Cara que didatica TOP, muito muito muito bom! Obrigado!

  • @tourdecasa
    @tourdecasa 2 года назад

    bom de mais para aprender e ter ideias ....esperando próximo vídeo!

    • @fernandev1
      @fernandev1  2 года назад

      uhuuuul, valeu Anderson! 🥳

  • @allexaraujo9617
    @allexaraujo9617 Год назад

    Cara Didática massa demais. inscrito

  • @lifeatweb
    @lifeatweb 2 года назад

    Super didático!!! Parabéns!!!

  • @josesena5827
    @josesena5827 Год назад

    Caraca, que didática top. Parabéns!

  • @anonimo7425
    @anonimo7425 Год назад

    Top, vou ver depois completo

  • @ricardoluisconte976
    @ricardoluisconte976 2 года назад

    Bom demais! Valeu Fernandev!!!

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

    ótimo vídeo, aprendi bastante

  • @henrique_https
    @henrique_https 2 года назад

    Muito bom videos assim! Parabéns

    • @fernandev1
      @fernandev1  2 года назад

      obrigado Henrique! feliz que gostou!

  • @leonardom3377
    @leonardom3377 Год назад

    Bom dia, Perfeito seu video! teve algum video de continuação? parabeens pelo desenvolvimento e organização

  • @BielzinDimel
    @BielzinDimel Год назад

    Adorei o teu canal

  • @adiosssssssssss
    @adiosssssssssss 2 года назад

    Cara, conteúdo show!! Só um adendo, a música de fundo ficou mto alta.
    Edit: escrevi o comentário no início da apresentação do vídeo kk
    a música saiu, já.
    Cara, vc tem algum vídeo ensinando como fazer site responsivo? Parabéns pelo vídeo ficou foda!

    • @fernandev1
      @fernandev1  2 года назад +1

      hahaha, realmente ficou um pouco alta, voce tem razão. por enquanto nao tenho, mas ta na lista 🤓

  • @gevolgdev
    @gevolgdev 2 года назад

    Cheguei cedo hj kkkkk valeuuu conteúdo mn

    • @fernandev1
      @fernandev1  2 года назад

      hahaha valeu meu brother!

  • @alexyn7
    @alexyn7 2 года назад

    Gostei muito da ideia 👏👏

    • @fernandev1
      @fernandev1  2 года назад +1

      opa, fico feliz de mais Alexing

  • @TheHackerHigor
    @TheHackerHigor 2 года назад +1

    Eu tava fazendo um desse agora kkkkk, valeu

    • @fernandev1
      @fernandev1  2 года назад

      uhuuul, manda o resultado aí!

    • @TheHackerHigor
      @TheHackerHigor 2 года назад

      @@fernandev1 Fernandev quando estiver pronto eu te envio, vai ser uma loja de pokémons usando a API do outro vídeo mas tô em dúvida, não sei se uso o react router pra criar outras páginas com mais detalhes do Pokémon e o botão de comprar/add ao carrinho e dps outra página para o carrinho e opções de pagamentos ou então se existe outra alternativa nativa do reactJS ou javascript p fazer isso

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

    IRMAO ONDE TA A PARTE 2? POR FAVOR

  • @EduardoLopes-ec9mo
    @EduardoLopes-ec9mo 10 месяцев назад

    Cara, o site ficou muito bom. Faltou só um JS para ele funcionar. Pretende fazer depois um vídeo com o JS para esse projeto?

  • @mrgioher2303
    @mrgioher2303 2 года назад

    por mais videos como este

  • @emanuelbarros6883
    @emanuelbarros6883 2 года назад

    mto bommm, demoro pra posta outro hein heheheeh

    • @fernandev1
      @fernandev1  2 года назад

      tivemos férias e aniversário na mesma viagem hehehe mas agora voltamos!

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

    criei a pag carrinho.html e carrinho.scss (estou fazendo o carrinho do site e não posso usar o nome index ou styles) porém ele não cria o arquivo carrinho.css! poderiam me auxiliar? isso acontece por conta de alguma atualização do vscode?

  • @gamernoob7200
    @gamernoob7200 10 месяцев назад

    mano meu css nao responde as cores q coloco dai quando eu coloco o css junto com o html as cores do css sai funciona
    eu queria saber pq acontece isto, eu gostaria de saber como relalmente funciona o css na pasta msm do css

  • @gabri1336
    @gabri1336 2 года назад

    cade a parte 2 amigo ? estou a espera :)

    • @fernandev1
      @fernandev1  2 года назад

      fala Geraldo, vou gravar hoje! provável que só vá para o ar amanhã! ativa as notificações que você vai ficar sabendo quando for lançado daí!

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

    To tendo o mesmo problema do mano que fez o comentario recentemente, eu coloco o arquivo .scss e não compila em um arquivo .css, podia ajudar para ver como resolver isso? Ou até, vou ver se usar Sublime ajuda.

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

    Depois de finalizar todo o projeto, posso adiciona-lo ao meu portfólio? com os créditos!

  • @vini_palma
    @vini_palma 2 года назад +1

    que susto esse início ai kkkkkkkk

  • @wisleyrodriguesdasilva2870
    @wisleyrodriguesdasilva2870 Год назад

    cara vc sabe como eu conecto um fornecedor ? tipo ao comprar pedido ira direto ao fornecedor e ele envia o pedido ?

  • @zeninguem9951
    @zeninguem9951 Год назад

    falta só ensinar como fazer o botão de - e o de + funcionar. pra adicionar e diminuir e um botão de remover o pedido.

  • @brxnxr
    @brxnxr 2 года назад

    Bom dia fernandev, tu poderia fazer um video mostrando as extensoes que usa no VS?

    • @fernandev1
      @fernandev1  2 года назад

      fala bruno! posso sim cara, mas são tão poucas que não sei se ficará um conteúdo legal hahaha

  • @nescaugameplay
    @nescaugameplay 2 года назад

    pra que musica no fundo ?

  • @jhulyramos1512
    @jhulyramos1512 Год назад

    Cade a parte 2 preciso 😢

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

    Já deu ruim logo no começo, utilizando o SCSS não funcionou pra mim :/ Alguém sabe o que pode ser de diferente?

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

    36:42

  • @gabriel.smaniotto
    @gabriel.smaniotto Год назад +1

    Meu sass não está compilando quando salvo o arquivo... alguém sabe resolver ? uso vscode no windows.

    • @elraska
      @elraska Год назад +1

      eu tinha esquecido de colocar em "Whatch SCSS", ali no canto inferior esquerdo, perto do centro da tela. Quanto tu clicar nele, ele vai compilar automaticamente.

    • @diasterror
      @diasterror Год назад

      tu é foda KK já tava fazendo mil coisas@@elraska

  • @doughard4448
    @doughard4448 Год назад

    Cara, criei o arquivo styles.scss coloquei o body lá, salvei mas ele não criou o arquivo CSS, será que é alguma extensão que falta ? Tive que criar manualmente

    • @leticiapereira5008
      @leticiapereira5008 11 месяцев назад

      nossa aconteceu a mesma coisa comigo, n sei oq deu errado... Conseguiu achar o erro?

  • @MRLIXO-zr9bt
    @MRLIXO-zr9bt Год назад

    Ooa Tudo bem?
    Gostei bastante do vídeo me ajudou muito
    Mas vc poderia me ajudar?
    Eu consegui fazer o botão como vc fez só q ñ ficou exatamente do msm formato,ficou esticado pra cima,poderia me dá uma ajuda de como resolver?
    Acho q foi porquê vc tá usando o scss,e eu ñ consegui mudar meu arquivo css para scss,poderia me ajudar?

  • @heraclitothiago
    @heraclitothiago 2 года назад

    Aprendi sass ❤

    • @fernandev1
      @fernandev1  2 года назад +1

      🤓 somente o básico, mas 95% dos devs usam até aí. hahaha

  • @joaociz
    @joaociz Год назад +1

    fiz os passos do começo e o link com o .css não funcionou

    • @Amigo-sc3wq
      @Amigo-sc3wq Год назад +1

      O meu tbm n

    • @diasterror
      @diasterror Год назад +1

      precisa clicar em "Whatch SCSS", ali no canto inferior esquerdo, perto do centro da tela. Quanto tu clicar nele, ele vai compilar automaticamente.@@Amigo-sc3wq

  • @matheussieversmayor5423
    @matheussieversmayor5423 Год назад

    Muito bom didática.Já saiu o funcional em JS?

  • @caiorxcaio
    @caiorxcaio Год назад

    Criei o arquivo scss e linkei no head com a extensao .css, mas quando eu edito os elementos, não gera nenhum caminho para css. Vou ter que parar o video nos primeiros minutos. Que zica, isso que dá fazer curso pelo you tube. Sempre surgem problemas que os youtubers nem citam.

    • @victorreis535
      @victorreis535 Год назад

      mesma coisa
      conseguiu??

    • @BielzinDimel
      @BielzinDimel Год назад +1

      Cara, baixa a extensão Live Sass Compiler e clica em watch lá na parte de baixo da tela, ent ele ceia

  • @shade3576
    @shade3576 2 года назад

    comecei a estudar js e react a 3 meses, to bem 'cru' com css e html, vc acha q devo aprender diretamente sass ou é necessário um curso de css antes?

    • @fernandev1
      @fernandev1  2 года назад

      fala Vini, tudo bem? cara, recomendo voce pegar uma base sólida de html e css antes de ir pro react. sobre css e sass, eu ficaria talvez um tempo so no css, para que o sass nao te confunda. faça alguns projetos primeiro somente com html e css, depois avança ;)

  • @thalysonalm
    @thalysonalm 2 года назад

    Estou tentando utilizar o styles.scss mas ele não está gerando o style.css. Alguém pode me ajudar?

    • @fernandev1
      @fernandev1  2 года назад +1

      Fala Thalyson, dá uma pesquisada como usar SASS diretamente no VS CODE. Mas para te adiantar você precisa adicionar uma extensão no vs code para isso, a que eu uso é a LIVE SASS COMPILER

    • @thalysonalm
      @thalysonalm 2 года назад

      @@fernandev1 Ótimo! Eu cheguei a pesquisar mas não sabia exatamente o que estava procurando. Vou instalar a extensão e pesquisar melhor. Obrigado!

  • @lih-BR
    @lih-BR Год назад +1

    nossa que confuso

  • @crazycoder9356
    @crazycoder9356 Год назад +1

    O html table é muito ruim pra responsividade, deslike

  • @wagnerpassos9
    @wagnerpassos9 2 года назад

    Tá enrolando pra postar vídeo, bora melhorar esse ritmo que os conteúdos são bons!

    • @fernandev1
      @fernandev1  2 года назад

      😅 semana corrida, mas vamos voltar com tudo!

  • @dmlgg4773
    @dmlgg4773 Год назад +1

    Criei o Sass (styles.scss) fiz o link no html - (styles.css) obs: apenas o css, mas mesmo assim não funcionou o sass tipo não compilou, dai fui fazando no css normal mesmo!!!

    • @diasterror
      @diasterror Год назад

      precisa clicar em "Whatch SCSS", ali no canto inferior esquerdo, perto do centro da tela. Quanto tu clicar nele, ele vai compilar automaticamente.