Code BR
Code BR
  • 97
  • 90 437
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
------------------------------
Переглядів: 31

Відео

Como Fazer uma Landing Page com HTML e CSS - Guia Completo Passo a Passo
Переглядів 897 місяців тому
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
Переглядів 337 місяців тому
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
Переглядів 588 місяців тому
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
Переглядів 1,2 тис.8 місяців тому
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
Переглядів 768 місяців тому
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
Переглядів 119Рік тому
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
Переглядів 523Рік тому
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
Переглядів 73Рік тому
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
Переглядів 684Рік тому
Aprenda a criar um site de viagens com Next JS. github.com/codebr10/travel-website/tree/initial
Full Screen Menu Animate | html, css, js
Переглядів 35Рік тому
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
Переглядів 37Рік тому
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
Переглядів 42Рік тому
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
Переглядів 367Рік тому
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
Переглядів 96Рік тому
React blog com React Query, Tailwind css, json server e upload de imagem
Login Page com Material Tailwind e NextJs
Переглядів 3782 роки тому
Login Page com Material Tailwind e NextJs
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #11 Slider Dinâmico
Переглядів 2,5 тис.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,7 тис.2 роки тому
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #10 Consumindo API
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #09 Post Types
Переглядів 1,2 тис.2 роки тому
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #09 Post Types
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #08 Slider
Переглядів 9862 роки тому
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #08 Slider
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #07
Переглядів 1 тис.2 роки тому
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #07
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #06 CARD
Переглядів 1,2 тис.2 роки тому
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #06 CARD
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #05 HEADER
Переглядів 1,2 тис.2 роки тому
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #05 HEADER
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #04 REDUX
Переглядів 1,4 тис.2 роки тому
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #04 REDUX
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #03 STYLED COMPONENTS
Переглядів 2,1 тис.2 роки тому
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #03 STYLED COMPONENTS
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #02 INSTALAÇÃO
Переглядів 3,8 тис.2 роки тому
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO #02 INSTALAÇÃO
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO
Переглядів 10 тис.2 роки тому
Ecommerce com NEXTJS, STRAPI, REDUX E MERCADO PAGO
Multi Step Form com React Next JS e Redux
Переглядів 1,5 тис.3 роки тому
Multi Step Form com React Next JS e Redux
Fixed Header Toggle - Headroom JS
Переглядів 2263 роки тому
Fixed Header Toggle - Headroom JS
Responsive Timeline HTML CSS
Переглядів 3573 роки тому
Responsive Timeline HTML CSS

КОМЕНТАРІ

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

    te amo salvou demais

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

    onde está o próximo vídeo dessa aula?

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

    Ou você pode entrar na página de block do shadcn, copiar o dashboard deles que é igual a esse e colar no seu projeto kkk

  • @felipecorreiadev
    @felipecorreiadev 5 місяців тому

    show

  • @viciogamerrj8363
    @viciogamerrj8363 5 місяців тому

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

  • @maisUmGabriel
    @maisUmGabriel 5 місяців тому

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

  • @mileschristi481
    @mileschristi481 6 місяців тому

    Brabo

  • @fabianohackradt2525
    @fabianohackradt2525 7 місяців тому

    Da onde saiu o seed.ts?

  • @programacao3880
    @programacao3880 7 місяців тому

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

  • @programacao3880
    @programacao3880 7 місяців тому

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

  • @rubiagoffermann313
    @rubiagoffermann313 7 місяців тому

    Gostei muito, obrigada.

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

    Não consigo encontrar o repositorio no GitHub

  • @quangvidang
    @quangvidang 8 місяців тому

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

  • @orflietech
    @orflietech 8 місяців тому

    Ajudou muito

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

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

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

    Não funcionou comigo, mostra apenas o form!

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

    cade o prximo video ?

  • @FranciscoSouza-Student
    @FranciscoSouza-Student Рік тому

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

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

    É 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 Рік тому

    Muito Show

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

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

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

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

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

    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

    • @HA-R-E
      @HA-R-E 8 місяців тому

      use the native translantion of youtube.

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

    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 2 роки тому

    27:46

  • @JosueSilva7
    @JosueSilva7 2 роки тому

    18:43

  • @JosueSilva7
    @JosueSilva7 2 роки тому

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

  • @JosueSilva7
    @JosueSilva7 2 роки тому

    11:41

  • @ronaldoarsan6671
    @ronaldoarsan6671 2 роки тому

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