Laravel - Tailwind e Bootstrap - Como usar

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

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

  • @AlexandreCardoso
    @AlexandreCardoso  Год назад +3

    Curso de Laravel 8 - ruclips.net/p/PLyugqHiq-SKejPjTFTeb0bSV8lmwT0T6P

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

      eeee professor, quando vossa excelência fala do curso de laravel ele é indicado para quem está no absoluto inicio? Sou T.I na área de suporte e quero me aventurar! Aguardo seu retorno!

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

      Fala @@QueroAprenderMais .
      O vossa excelência foi boa.rs
      Cara, para fazer o curso de Laravel tem que saber Orientação a Objetos, se souber, pode ir para o curso sem medo.

  • @stand8103
    @stand8103 Месяц назад +1

    No laravel 11 isso tudo já vem configurado. Isso significa que os criadores do Laravel estão atentos.

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

    Meu caro, você é o cara! Salvou minha vida com esse vídeo. Sou teu fã! Abraço

  • @David55293
    @David55293 3 месяца назад +1

    Ta ai uma video aula que me tirou uma duvida e eu vou usar o bootstrap junto com tailwind

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

    Fiz com a versão 3.3.3 os comandos abaixo e ela já fez todo processo de configurar no projeto (tailwind.config.js e vite.config.js).
    comandos:
    > npm install -D tailwindcss
    > npx tailwindcss init

  • @igor972
    @igor972 Год назад +5

    Você é uma máquina de criar conteúdo. Parabéns irmão 😊

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

    Melhor professor do youtube. Parabens!!

  • @Marcelo-ok3sl
    @Marcelo-ok3sl 6 месяцев назад

    Primeiro q dizer seu canal e ótimo e vc manja muito parabéns. Postei antes aqui que detesto node kkkk, mas já entendi o tailwind e feito nativamente para node por causa do JS. Fui pesquisar e descobri que tem a ClI do tailwind, baixei o executável coloquei no path estou aprendendo a usar, vamos ver se vira no laravel. Não quero usar node . Abração.

  • @marcospauloguedes3655
    @marcospauloguedes3655 11 месяцев назад +6

    Isso é POC, programação orientada a configuração 😂😂

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

    muito top, novo no canal mas já virei fã rsrs

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

    Parabens pelo conteúdo mano, ta me ajudando mt

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

    entendi, simples e fácil, mas estou com uma dúvida, eu gerei a build, tudo certinho, mas como eu utilizo elas ? por que os nomes podem mudar, app.xxxx.css app.xxx.js, qual é a forma correta de utilizar no frontend ? como chamar ? percebi que tem o arquivo manifest que parece que referencia os nomes corretamente, mas como eu chamo no front ? com {{ asset() }} ? se puder explicar, pq tem q deixa dinamico quando altera e recompila gera novos nomes.

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

    Muito show, esclareceu bastante. Uma dúvida, será que tem problema se usar os dois em um projeto?

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

      Eu acho que não tem problemas, mas não vejo sentido nisso..rs

  • @wesleyferreira472
    @wesleyferreira472 7 месяцев назад +1

    Consegui importar o bootstrap porém como estou utilizando o Breeze pra implementar autênticação, que parece utilizar o Tailwind por padrão, ao importar o bootstrap no meu arquivo "app.css" da conflito como Tailwind, e ao remover o Tailwind a autênticação para de funcionar, alguma idéia de como resolver?

    • @AlexandreCardoso
      @AlexandreCardoso  7 месяцев назад +1

      Vou criar uma aula somente sobre o bootstrap no Laravel, e utilizando o Breeze.

  • @pablonogueira7980
    @pablonogueira7980 11 месяцев назад +1

    Sensacional!
    Uma dúvida que tenho é o seguinte: tenho arquivos que são de determinadas páginas apenas... Um datatables de uma página que tenha tabela, uma biblioteca owl carousel para página com slides, etc. Tá tudo bem eu colocar tudo isso dentro dos arquivos de seu tipo sem me preocupar com o desempenho do site? Por exemplo, tudo que é estilo vai pra dentro do app.css e tudo que é script pra dentro do app.js...

    • @AlexandreCardoso
      @AlexandreCardoso  11 месяцев назад +1

      O melhor é colocar dentro de um arquivo somente para as páginas que vai usar, e para chamar esse(s) arquivo(s) nessa página procure sobre o @stack e @push do Laravel.

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

    "Simples assim!" → Seus vídeos são excelentes, ótima didática e divertidos. Qual tema vc está usando? Deve ser ótimo trabalhar de madrugada! Obrigado!

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

      Fala Ren.
      O tema é o synthwave 84 e eu não trabalho de madrugada não.rs
      O link do tema é esse: marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode
      Abraço !!

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

      @@AlexandreCardoso Obrigado pela resposta. Eu estava falando de mim, pois, a maioria das vezes trabalho e estudo a noite, rs.

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

    Cara como não tinha achado esse canal, só top!! Mas mestre, só uma dúvida, assim não fica misturado? Por exemplo, quero nas páginas não autentitificadas usar tailwind e nas páginas auth usar boostrap?

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

      Opa, valeu mesmo por assistir a aula e comentar.
      Eu mostrei na aula como usar os dois, mas em um projeto real recomendo que escolha somente um dos dois, se não fica uma saroba muito grande.😅😅😅

  • @ricktorelliphp
    @ricktorelliphp 7 месяцев назад +1

    Mestre , na instalação do bootstrap no Laravel pra funcionar JS e o ajax tem que instalar de alguma forma diferente, pois neste exemplo não vi funcionar o modal por exemplo? Do tipo abrir um modal , e fazer o ajax dar refrech sem chamar a tela de novo.

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

      Vou dar uma olhada de novo nessa aula e preparar outra somente sobre o bootstrap com Laravel e dar esses exemplos que citou.

    • @ricktorelliphp
      @ricktorelliphp 7 месяцев назад +1

      @@AlexandreCardoso Bha muito obrigado, será útil para muitos imagino eu.

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

      Veja se te ajuda.
      ruclips.net/video/dZUGHZDqAyM/видео.html

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

    Onde que dá 2 likes?

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

    Quando rodo o npm run build e coloco o css e js gerado e subo a aplicação, por algum motivo não carrega os css e fica sem estilo

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

      Tá dando algum erro no console ?

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

      @@AlexandreCardoso no console não mas quando a aplica está em produção na URL ela não exibe o css

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

      @@AlexandreCardoso Instalei o laravel breeze, executei os comando de npm run dev, troque o vite pelo caminho do css e subi a aplicação

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

      @@tuliocruz6448 local funciona mas en produção não, é isso ?

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

      @@AlexandreCardoso isso mesmo

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

    Agora a dúvida, qual dos dois usar? Tailwindcss ou Bootstrap? conhecendo o tailwindcss agora, o bootstrap já uso bastante rsrs

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

      Cara, eu vou de bootstrap, tailwind ñ gostei muito ñ.

  • @esleyleal-o2p
    @esleyleal-o2p 10 месяцев назад +1

    Recomendação de Aula
    Front VueJS com Nuxt e Tailwindcss
    Back PHP Laravel
    Os dois conectados.. Isso um projeto simples
    Tenho visto que algumas empresas esta fazendo essa separação do front com o back e usando essa forma que te passei, eu me perco muito conexão dos dois.
    Por exemplo a pagina login com VueJS com Nuxt e Tailwindcss e no back-end eu validar isso..
    Seria algo assim

    • @AlexandreCardoso
      @AlexandreCardoso  10 месяцев назад +1

      Dá uma olhada nessa playlist: ruclips.net/p/PLyugqHiq-SKd4Q7oTsN5KPoJ5V45M1Wbf

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

    mano, muito bom seus videos, acho que a maioria dos programadores iniciantes gostam de videos tipo esse que vc fez, que pega na mão e sai puxando como se fosse uma mãe com o filho hahaha.... Uma dica, arruma uma iluminação na sua frente e na sua lateral pra ficar mais top visualmentemente falando... Esses videos podem lhe ajudar a dar uma melhorada na qualidade da sua iluminação ruclips.net/video/ptTeHOydvV4/видео.html&ab_channel=CasalREC e ruclips.net/video/1Ow-pCoZ8JY/видео.html&ab_channel=MillerRangel

  • @Marcelo-ok3sl
    @Marcelo-ok3sl 6 месяцев назад +1

    Meu Deus mas porque precisa usar node pra tudo, to aprendendo laravel pra nao usar node, detesto node. não entendo. abraços