Tiger Codes
Tiger Codes
  • 39
  • 1 854 214
CSS Before e After explicados // Como esses pseudo-elements REALMENTE funcionam
APROVEITE A BLACK FRIDAY!!!
PROMOÇÃO: Curso Front End para Iniciantes com 50% OFF
Inscreva-se já 👉 tigercodes.com.br
Frequentemente usados. Frequentemente mal compreendidos. Afinal, como usar os pseudo-elements ::before e ::after? Nesse vídeo, você irá descobrir o que eles são, como usá-los e para o que eles servem.
#html #css #webdevelopment
🔗 Recursos
Código da aula codepen.io/tigercodes/pen/ExNdbgv
Docs developer.mozilla.org/pt-BR/docs/Web/CSS/::before, developer.mozilla.org/pt-BR/docs/Web/CSS/::after
🐅 Seja um assinante Tiger Codes
Aprenda front end do zero em tigercodes.com.br/
Aproveite a Black Friday com 50% de desconto.
🌟 Seja membro deste canal e ganhe benefícios
th-cam.com/users/tigercodesjoin
🌐 Redes Sociais
TikTok www.tiktok.com/@tigercodes
Instagram tiger_codes
Twitter tiger_codes
มุมมอง: 5 643

วีดีโอ

O mínimo que você precisa saber para não ser burro no front end - Criando um Todo App com JavaScript
มุมมอง 10Kปีที่แล้ว
Esse é o mínimo (a BASE!) que você precisa saber sobre front end. Aprenda HTML, CSS e JavaScript na prática e descubra como criar uma aplicação de lista de tarefas (Todo App) do zero neste tutorial. #html #css #javascript 🔗 Recursos Código da aula github.com/tigercodes-io/todo-list Figma www.figma.com/file/2IQsNWCOOwYQlJ8B7yGkeC/todo?type=design&node-id=0:1&mode=design&t=Mt5VBVdt4Mqep496-1 📚 Ca...
Como Fazer um Menu Navbar Responsivo Animado - Tutorial HTML, CSS e JavaScript para Iniciantes
มุมมอง 36Kปีที่แล้ว
Nesse vídeo eu vou te mostrar como criar do zero um menu navbar, ou barra de navegação, responsivo e animado com uma transição em efeito de bolha. Usaremos HTML, CSS e JavaScript apenas, sem plugins, sem frameworks. #html #css #javascript 🔗 Recursos Código da aula github.com/tigercodes-io/navbar-bubble-animation 📚 Capítulos 00:00 O Menu 00:32 Setup 00:47 HTML 01:21 CSS 06:29 JavaScript 07:07 Aj...
Top 10 Dicas de VS Code // Use o VS Code Como um Profissional
มุมมอง 179Kปีที่แล้ว
Top 10 Dicas de VS Code // Use o VS Code Como um Profissional
Como converter um site HTML em WordPress (DEIXE SEU SITE EDITÁVEL!)
มุมมอง 12Kปีที่แล้ว
Como converter um site HTML em WordPress (DEIXE SEU SITE EDITÁVEL!)
Aprenda HTML em apenas 5 MINUTOS (2023)
มุมมอง 18Kปีที่แล้ว
Aprenda HTML em apenas 5 MINUTOS (2023)
Aprenda o que é “this” no JavaScript (ou pelo menos tente aprender)
มุมมอง 8K2 ปีที่แล้ว
Aprenda o que é “this” no JavaScript (ou pelo menos tente aprender)
Como Enviar um Formulário HTML com JavaScript Sem Sair da Página
มุมมอง 22K2 ปีที่แล้ว
Como Enviar um Formulário HTML com JavaScript Sem Sair da Página
Fiz um menu mobile responsivo só com HTML e CSS // E por que usar JavaScript é melhor
มุมมอง 19K2 ปีที่แล้ว
Fiz um menu mobile responsivo só com HTML e CSS // E por que usar JavaScript é melhor
Como Começar no Desenvolvimento Web (Guia para Iniciantes)
มุมมอง 10K3 ปีที่แล้ว
Como Começar no Desenvolvimento Web (Guia para Iniciantes)
Aprenda JAVASCRIPT em apenas 5 MINUTOS (2023)
มุมมอง 146K3 ปีที่แล้ว
Aprenda JAVASCRIPT em apenas 5 MINUTOS (2023)
Como Enviar E-mails de um Formulário de Contato HTML
มุมมอง 42K3 ปีที่แล้ว
Como Enviar E-mails de um Formulário de Contato HTML
Meu Processo de Criação de Site Profissional em apenas 5 MINUTOS
มุมมอง 29K3 ปีที่แล้ว
Meu Processo de Criação de Site Profissional em apenas 5 MINUTOS
Tutorial Javascript - Como Fazer um Scroll Suave
มุมมอง 20K3 ปีที่แล้ว
Tutorial Javascript - Como Fazer um Scroll Suave
Como Fazer um Menu Navbar Responsivo - Tutorial HTML, CSS e JavaScript para Iniciantes
มุมมอง 253K3 ปีที่แล้ว
Como Fazer um Menu Navbar Responsivo - Tutorial HTML, CSS e JavaScript para Iniciantes
Como Fazer Accordion List com JavaScript - Clone da Netflix
มุมมอง 5K3 ปีที่แล้ว
Como Fazer Accordion List com JavaScript - Clone da Netflix
Aprenda CSS Position em 10 Minutos - Tutorial CSS para Iniciantes
มุมมอง 42K3 ปีที่แล้ว
Aprenda CSS Position em 10 Minutos - Tutorial CSS para Iniciantes
Como Usar o Figma - Tutorial Completo para Iniciantes + Dicas Bônus
มุมมอง 314K4 ปีที่แล้ว
Como Usar o Figma - Tutorial Completo para Iniciantes Dicas Bônus

ความคิดเห็น

  • @Pigfrow
    @Pigfrow วันที่ผ่านมา

    "NAO USE O MOUSE" 5s depois... 1:51

  • @shinohara2269
    @shinohara2269 วันที่ผ่านมา

    muito obrigado estava tendo muita dificuldade de entender como funciona o position, me ajudou muito

  • @LuizFernandoCA
    @LuizFernandoCA วันที่ผ่านมา

    Só um comentário para somar No meu Zen Mode é um pouco diferente, eu devo apertar Ctrl + K, depois soltar Ctrl e K e pressionar Z (dentro de um tempo pequeno)

  • @rip_Nandes
    @rip_Nandes 2 วันที่ผ่านมา

    querm n entendeu nd e so copiou kk

  • @inglescomtulio5429
    @inglescomtulio5429 3 วันที่ผ่านมา

    O mlk é liso demais

  • @culturapopclube
    @culturapopclube 7 วันที่ผ่านมา

    funcionou e ficou top, valeu pela dica!

  • @almanaque19
    @almanaque19 8 วันที่ผ่านมา

    Muito bom!

  • @paris6679
    @paris6679 8 วันที่ผ่านมา

    Impressionante como você abriu minha mente sobre o javascript. A gente sempre encontra vídeos construindo alguma coisa, mas nunca uma teoria sobre a estrutura javascript. Valeu irmão. Muito obrigado.

  • @Jotapff21
    @Jotapff21 9 วันที่ผ่านมา

    Você é brabooooo, comprei um curso e nessa parte eu nao estava entendendo nada e resolvi vir ao youtube, e o primeiro que recomendou foi o seu video, e voce me ajudou em 100%, vlw mesmo. Sei que provavelmente você nao irá ver, já que ja fazem 3 anos desde o envio desse video , mas muito obrigado mesmo

  • @Blackdrip07
    @Blackdrip07 13 วันที่ผ่านมา

    Como posso visualizar uma imagem que fiz através de código ???

  • @Zovo12439
    @Zovo12439 13 วันที่ผ่านมา

    Não entendi muito, mas você ajudou muito entregando módulos incríveis! Obg!

  • @k4sk4dur4
    @k4sk4dur4 13 วันที่ผ่านมา

    O cara é bom

  • @k4sk4dur4
    @k4sk4dur4 13 วันที่ผ่านมา

    Rapaz, esse cara merece respeito. É claro que vc não vai aprender javascript em 5 minutos. Mal mal se aprende a fazer um miojo em 5 minutos. Mas ele deu um apanhado geral da linguagem, e te poupa tempo entendendo o que ela seria capaz de fazer (ou até mesmo de não fazer) e aí depois vc inicia sua busca pelo real aprendizado e desenvolvimento

  • @geysaribeiro3104
    @geysaribeiro3104 14 วันที่ผ่านมา

    Vídeo muito bom, mas muito rápido. Poderia falar um pouco mais pausadamente..

  • @pszanetti
    @pszanetti 16 วันที่ผ่านมา

    Não sei se é por causa da interface electron que o VSCode na minha máquina fica mais lento que o emacs, e olha que nem estou usando o Doom-emacs, nem space-emacs. O que eu gosto mesmo é do AstroVim (Neovim addon) e do Micro que é um "Nano" turbinado de recursos, apesar da curva para aprendizagem ser bem mais íngreme. Nada contra, até uso bastante o VSCode, mas sinto lentidão para fazer acontecer. Se é algo (linguagem) que estou aprendendo VSCode é de boa, se vou fazer algo que já sei, atrapalha mais do que ajuda.

  • @henrymatheus6275
    @henrymatheus6275 17 วันที่ผ่านมา

    O live preview pode ser usado para tkinter?

  • @esdrasasa6707
    @esdrasasa6707 18 วันที่ผ่านมา

    Ótima revisão!

  • @DevFront14
    @DevFront14 20 วันที่ผ่านมา

    Mano você é mt brabo, volta a postar video

  • @elrafaff
    @elrafaff 20 วันที่ผ่านมา

    Da pra fazer em hover?

  • @MarianaCeleste-t4l
    @MarianaCeleste-t4l 21 วันที่ผ่านมา

    Gosto muito dos teus vídeos, quero ser tão boa quanto você

  • @danifelicio6406
    @danifelicio6406 22 วันที่ผ่านมา

    Top, só gostaria que falasse mais devagar 😊

  • @joaobarbieri01
    @joaobarbieri01 25 วันที่ผ่านมา

    esse video me ajudou demais

  • @marcosmarinho-ih2kc
    @marcosmarinho-ih2kc 26 วันที่ผ่านมา

    só precisa colocar no tutorial para dar um activate form na caixa de entrada do email, para ativá-lo e tirar a parte que esta escrito /ajax tambem, caso contrario não sera possivel ativá-lo

  • @Daniel_Rampini
    @Daniel_Rampini 26 วันที่ผ่านมา

    Muito obrigado, terminei finalmente meu site!

  • @davijesse00
    @davijesse00 26 วันที่ผ่านมา

    Uma hora o cara fala Java script outra hora ele fala job script

  • @CristhyanMagarão
    @CristhyanMagarão 27 วันที่ผ่านมา

    A ideia dos "a não ser" é só pra a gente n entender e voltar pra ver o video toda vez que precisar usar o this de uma forma especifica. (peguei a malandragem)

  • @naksper_
    @naksper_ 28 วันที่ผ่านมา

    primeiro video aleatorio do dia porem o melhor que poderia ter visto, obrigado man!

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

    cara no meu fica dando erro de tonk

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

    RApaz nao entendi foi nada, quero criar tela pra aplicativo

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

    queria saber qual e pra exporta uma linha tipo new.command e quero exporta ele com uma tecla

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

    O que fazer quando o overflow-x: hidden nao funcion?

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

    Se loko Ensinou mais do que os professores que cobra curso de 2mil a 3mil. Show +1 inscrito.

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

    Olá, muito bom o conteúdo. Vc poderia tirar uma dúvida. Quando eu adiciono um elemento de audio e na parte responsiva quando clico no Menu, a barra do meunu fica atrás desse elemento de audio. Você poderia me dar uma dica de como resolver isso? Obrigado!

  • @Marcos-gg7
    @Marcos-gg7 หลายเดือนก่อน

    algum programador ai pode fazer um script pra mim?

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

    Vs-code-icons perfeito🎉 top demais

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

    Excelente vídeo para saber do que o JS é capaz. Bem explicado. Parabéns.

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

    Ficou tão bom no início que achei que era a logo original ksksks

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

    Show D+++++. Depois desse tutorial vou trabalhar com a ferramenta. Grata

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

    Cadê você?

  • @miguel-tv2cq
    @miguel-tv2cq หลายเดือนก่อน

    herói

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

    mues adereços de tela não aparece n quando vc coloca no modo apresentação, só aparece da 4 em diante (eu tenho 15 telas ) é para um app que estou criando para a feira da escola. O que eu faço? 28:41 28:41

  • @claraf.f5975
    @claraf.f5975 หลายเดือนก่อน

    Alguém manda o código do html, css e javascripit, por favor!!

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

    BRABO

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

    MDS falou 5 minutos mas fez em 5:22

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

    Pra quem ainda nao conseguiu Configuraçoes - Multitarefas - ativa a opçao ajustar janela

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

    Só discordo da parte que precisa de JS pra fazer um botão voltar pro topo, eu fiz no CSS mesmo 😅

  • @MATHEUSAUGUSTO-rf7su
    @MATHEUSAUGUSTO-rf7su 2 หลายเดือนก่อน

    Valeu Julian Alvarez, tamo junto 🤙🏻

  • @BrunoAraujo-g5k
    @BrunoAraujo-g5k 2 หลายเดือนก่อน

    O atalho mais importante eh o CTRL + P em, esse sim salva carreiras

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

    Obrigado, conhecimento adquirido.

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

    Você e foda irmão. Tmj