Code BR
Code BR
  • 97
  • 82 684
Loader Animado com HTML e CSS
Aprenda a criar um loader animado incrível usando apenas HTML e CSS! Neste tutorial completo passo a passo, vou te mostrar como desenvolver uma animação de carregamento profissional para seu site ou aplicação web. Seja você um iniciante ou um desenvolvedor experiente, este vídeo irá te guiar por todo o processo de forma clara e fácil de seguir. Não se esqueça de curtir, se inscrever e ativar o sininho para mais conteúdos como este!
Música um:
------------------------------
Music | Vacation by Declan DP
License: license.declandp.info
Free Download / Stream: tinyurl.com/y477rfuh
Promoted by Audio Library tinyurl.com/bder7jf2
------------------------------
Música dois:
------------------------------
Haru by Roa / roa_music1031
Creative Commons - Attribution 3.0 Unported - CC BY 3.0
Free Download / Stream: tinyurl.com/4aetpuh9
Music promoted by Audio Library tinyurl.com/2snr26cr
------------------------------
Переглядів: 18

Відео

Como Fazer uma Landing Page com HTML e CSS - Guia Completo Passo a Passo
Переглядів 56Місяць тому
Neste vídeo, você aprenderá a criar uma landing page profissional usando HTML e CSS, passo a passo. Ideal para iniciantes e desenvolvedores que desejam aprimorar suas habilidades de front-end. Vamos cobrir desde a estrutura básica até o design responsivo. Tópicos abordados: Estruturação da Landing Page Estilização com CSS Design Responsivo Boas práticas de desenvolvimento Recursos úteis: Docume...
CALCULADORA com HTML, CSS e JAVASCRIPT
Переглядів 132 місяці тому
Olá pessoal, na aula de hoje vou ensinar a criar uma simples calculadora com HTML, CSS e JAVASCRIPT Já deixa o like no vídeo.
Autenticação via API do WordPress
Переглядів 352 місяці тому
Fala galera, tudo na paz, hoje vou mostrar como realizar uma autenticação via api do wordpress de forma bem simples, espero que gostem do vídeo. Não esqueçam de curtir, comentar e compartilhar, cada ajuda é valiosa. Valeu!!!
Como criar uma Dashboard com Next JS e Shadcn ui
Переглядів 4452 місяці тому
Fala pessoal, nesse tutorial você aprenderá a criar uma dashboard dinâmica usando Next.js e os componentes do Shadcn ui e Tailwind css.
Como criar uma api em 10 minutos com WordPress
Переглядів 482 місяці тому
Fala pessoal, recentemente eu voltei a usar o famoso Wordpress, e tenho economizado tempo e dinheiro, além de conseguir novos freelas mais acessíveis, enfim, vou mostrar como você pode usar o Wordpress para subir uma api de forma super rápida e pronta para integrar com seu frontend. Curte, comenta e compartilha o vídeo. Valeuuu!!
Como criar um site de Portfólio Pessoal com NextJS 13 - Parte 2
Переглядів 11311 місяців тому
Fala pessoal, nesse vídeo aprenda a fazer um site de portfólio pessoal com NextJS 13. Git: github.com/codebr10/personal-portfolio/tree/initial
Como criar um site de Portfólio Pessoal com Next JS 13 - Parte 1
Переглядів 42611 місяців тому
Fala pessoal, nesse vídeo aprenda a fazer um site de portfólio pessoal com Next JS 13. Git: github.com/codebr10/personal-portfolio/tree/initial
Menu animado com CSS
Переглядів 6011 місяців тому
Fala pessoal, nesse vídeo aprenda a criar um menu indicador super estiloso com CSS. Não deixem de se inscrever, ajuda muito!
Como criar um site de viagens com Next JS
Переглядів 58111 місяців тому
Aprenda a criar um site de viagens com Next JS. github.com/codebr10/travel-website/tree/initial
Full Screen Menu Animate | html, css, js
Переглядів 2811 місяців тому
Fala pessoal, mais um vídeo aqui, aprenda a fazer um menu full screen com html, css e javascript, muito simples Não deixem de se inscrever...
CSS Card Hover Animado | HTML - CSS
Переглядів 3111 місяців тому
Fala pessoal, mais um vídeo aqui, aprenda a fazer um card com efeito de hover animado apenas com CSS. Não deixem de se inscrever...
CSS Grid Masonry | Sem Javascript
Переглядів 4111 місяців тому
Fala pessoal, mais um vídeo aqui, aprenda a fazer um grid estilo Pinterest apenas com CSS. Não deixem de se inscrever...
Barra de progresso circular | Apenas CSS
Переглядів 18711 місяців тому
Fala pessoal, neste vídeo, uma barra de progresso circular apenas com CSS
React blog com React Query, Tailwind css, json server e upload de imagem
Переглядів 85Рік тому
React blog com React Query, Tailwind css, json server e upload de imagem
Login Page com Material Tailwind e NextJs
Переглядів 265Рік тому
Login Page com Material Tailwind e NextJs
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #11 Slider Dinâmico
Переглядів 2,2 тис.2 роки тому
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #11 Slider Dinâmico
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #10 Consumindo API
Переглядів 2,5 тис.2 роки тому
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #10 Consumindo API
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #09 Post Types
Переглядів 1,1 тис.2 роки тому
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #09 Post Types
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #08 Slider
Переглядів 9032 роки тому
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #08 Slider
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #07
Переглядів 9342 роки тому
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #07
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #06 CARD
Переглядів 1,1 тис.2 роки тому
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #06 CARD
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #05 HEADER
Переглядів 1,1 тис.2 роки тому
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #05 HEADER
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #04 REDUX
Переглядів 1,3 тис.2 роки тому
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #04 REDUX
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #03 STYLED COMPONENTS
Переглядів 1,9 тис.2 роки тому
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #03 STYLED COMPONENTS
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #02 INSTALAÇÃO
Переглядів 3,4 тис.2 роки тому
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #02 INSTALAÇÃO
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO
Переглядів 8 тис.2 роки тому
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO
Multi Step Form com React Next JS e Redux
Переглядів 1,5 тис.2 роки тому
Multi Step Form com React Next JS e Redux
Fixed Header Toggle - Headroom JS
Переглядів 2143 роки тому
Fixed Header Toggle - Headroom JS
Responsive Timeline HTML CSS
Переглядів 3293 роки тому
Responsive Timeline HTML CSS

КОМЕНТАРІ

  • @viciogamerrj8363
    @viciogamerrj8363 2 дні тому

    Deus abençoe seu trabalho , estava buscando esse conhecimento em curso pago e nunca achei!

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

    é mais facil capinar um lote doque fazer essa seed ai ein kkkkkkkkkkkkkkkkkkkkkkkkk

  • @mileschristi481
    @mileschristi481 18 днів тому

    Brabo

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

    Da onde saiu o seed.ts?

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

    Gostei D+ dessa Landing Page espero algum dia chegar neste nível.

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

    Que navegador é esse que você utiliza no vídeo?

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

    Gostei muito, obrigada.

  • @IsabelaMaysa-ej8iv
    @IsabelaMaysa-ej8iv 2 місяці тому

    Não consigo encontrar o repositorio no GitHub

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

    I want to praise my friend for their extraordinary excellence and brilliance. Good Jobbbbb

  • @user-li7bm7lk1o
    @user-li7bm7lk1o 3 місяці тому

    Ajudou muito

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

    Separa o tempo do vídeo, não quero ver mais vídeos dessa forma!

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

    Não funcionou comigo, mostra apenas o form!

  • @wagnersantana3363
    @wagnersantana3363 9 місяців тому

    cade o prximo video ?

  • @FranciscoSouza-Student
    @FranciscoSouza-Student 10 місяців тому

    Muito Top! Depois poderia fazer sim o vídeo de como trabalhar no Figma

  • @hatempire
    @hatempire 10 місяців тому

    É uma pena que esse projeto parou, ia me ajudar bem mais do que fazer com outras plataformas, como Shopify. Tomara que considere retomá-lo.

  • @eduardorodrigues4815
    @eduardorodrigues4815 11 місяців тому

    Muito Show

  • @markus_dev_cwb
    @markus_dev_cwb 11 місяців тому

    Conteúdo muito bacana em Next e tailwind, essa série vai ficar muito top.

  • @eddieuptheirons
    @eddieuptheirons 11 місяців тому

    Muito bom! Faça mais vídeos de clones com Next JS :)

  • @markus_dev_cwb
    @markus_dev_cwb 11 місяців тому

    Muito legal o conteúdo! Parabéns.

  • @NguyenHoangTanTai
    @NguyenHoangTanTai Рік тому

    thank you so much !

  • @gustavokazuo1834
    @gustavokazuo1834 Рік тому

    o meu nao funcionou, alguem ai conseguiu

  • @matheusfelipebrandao1883
    @matheusfelipebrandao1883 Рік тому

    Caso alguem estiver enfrentando erro de não aparecer apenas as imagens que tem o atibuto seleciondo segue o codigo jquery: <script> $(document).ready(function(){ $('.filter .item').click(function(){ $(this).addClass("active").siblings().removeClass("active"); $(".itens").fadeOut(); setTimeout(function(){ $(".itens").fadeIn(); }, 400); let value = $(this).attr("data_filter"); setTimeout(function(){ if(value === 'todos'){ $(".itens .item").show('500'); }else{ $(".itens .item").not("." + value).hide("500"); $(".itens .item").filter("." + value).show("500"); } }); console.log(value); }); }); </script>

  • @vitorcarvalhooo5372
    @vitorcarvalhooo5372 Рік тому

    Olá boa noite tudo bem? Poderia me ajudar gostaria de fazer uma página dessa mas não sei como posso fazer pra adicionar matérias todos os dias

  • @wagnerpedroo
    @wagnerpedroo Рік тому

    turorial show, sem enrolação sem rodeios, abraços sou de Angola

  • @gregorysouza3521
    @gregorysouza3521 Рік тому

    Olá tudo bom?? Comecei a ver o video agora em 04/2023 e percebi que algumas tecnologias mudaram, o next js teve a atualização pra v 13 e tals, mas gostaria de saber se posso acompanhar agora no momento normalmente ?? sou iniciante tenho essas dúvidas rss... fico no aguardo de um feedback, vlws 👍👊

  • @visionsabbat
    @visionsabbat Рік тому

    podrias compartilhar ésse codigo??

  • @visionsabbat
    @visionsabbat Рік тому

    OTIMOOO

  • @marcossilva367
    @marcossilva367 Рік тому

    olá, eu posso utilizar o cleave js fora do arquivo html? no meu caso queria implementá-lo no meu arquivo js.

  • @evandro_fs
    @evandro_fs Рік тому

    Tutorial incrível!

  • @pavithraedward9167
    @pavithraedward9167 Рік тому

    thank you so much sir

  • @byagile
    @byagile Рік тому

    Esse plugin do cloudinary não funciona de forma alguma única opção, foi criar com firebasee banco de dados com render. Mas optei por deixar armazenamento local mesmo. em fase de Desenvolvimento fica muito lento

  • @suverecords
    @suverecords Рік тому

    Cade as outras aulas u.u ?

  • @gilbertobarcelo
    @gilbertobarcelo Рік тому

    estou com problema neste theme não carrega os elementos e da erro tipo ${({theme}) => theme.colors.dark} ai o elemento colors nao carrega do TypeError: Cannot read property 'dark' of undefined

  • @gilbertobarcelo
    @gilbertobarcelo Рік тому

    só faltou o link na descrição pra baixar a importação css mas encontrei

  • @igihara2662
    @igihara2662 Рік тому

    too bad this isn't on english language looks awesome btw

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

      use the native translantion of youtube.

  •  Рік тому

    Show de bola estamos aguardando..😃

  • @deyvissonmagalhaes4597
    @deyvissonmagalhaes4597 Рік тому

    video sensacional, tem o codigo fonte da aplicação?

  • @RahulTiwari-mt3jz
    @RahulTiwari-mt3jz Рік тому

    sir please provide source code

  • @domingosrodrigues2453
    @domingosrodrigues2453 Рік тому

    Amigo, por que vc preferiu o redux a ContextAPI nesta aplicação?

  • @arupde6320
    @arupde6320 Рік тому

    be regular

  • @JosueSilva7
    @JosueSilva7 Рік тому

    27:46

  • @JosueSilva7
    @JosueSilva7 Рік тому

    18:43

  • @JosueSilva7
    @JosueSilva7 Рік тому

    Caraca mano, tu voltou! Que ótimo. Tem ajudado muito nos meus projetos.

  • @JosueSilva7
    @JosueSilva7 Рік тому

    11:41

  • @ronaldoarsan6671
    @ronaldoarsan6671 Рік тому

    Seria Muito bom por no github. sua aula e muito boa

  • @brenomatias3834
    @brenomatias3834 Рік тому

    Bom dia professor, você poderia disponibilizar o codigo completo no git? Lá está apenas o primeiro commit. Não estou conseguindo acessar a api e não consigo achar o erro

  • @stand8103
    @stand8103 Рік тому

    Felipe, realmente da forma como você fez não deu certo. Ja tentei de diversas formas e não funciona. Voce deveria alterar esses arquivos on line porque a gente que esta aprendendo acaba se perdendo nessa transição. O sistema só chama o index que está na pasta page da raiz e quando a gente tenta alterar isso dá problema com o sass. São esses detalhes que acabam desestimulando a gente que esta iniciando a continuar tentando. Estou a 8 horas tentando resolver e nada.

  • @stand8103
    @stand8103 Рік тому

    Felipe o meu next ainda chama a o index.js da pasta pages que esta na raiz. Como eu faço, deleto essa pasta e o sistema vai encontrar o arquivo index dentro da pasta src/pages automaticamente? ou tem algo que precisa ser editado?

  • @textodiariodehoje
    @textodiariodehoje Рік тому

    Abadonou o projeto?queria sabe como fez a parte do mercado pago. E nqo tem como criar sem ser redirecionamento pro site deles?

    • @patrickkdev
      @patrickkdev Рік тому

      Tem como fazer sem redirecionar para o site deles usando o Checkout Transparente. (Esse do video é o Checkout Pro). Mas o Checkout Transparente é mais chato de se implementar. Eu estou usando o Checkout Pro e gosto muito da simplicidade. Ainda é possivel passar o link do seu backend para o Mercado Pago fazer um POST quando um pagamento é efetuado com todas as informações necessárias.