Тёмный

Aprenda CSS Grid Em 30 Minutos 

Felipe Rocha • dicasparadevs
Подписаться 42 тыс.
Просмотров 26 тыс.
50% 1

Neste vídeo ensinarei para você a base que você precisa ter sobre CSS GRID para você começar a utilizá-lo em seus projetos. Vou ensinar para você os conceitos fundamentais sobre esse modelo de layout.
CURSO DE HTML PARA COMPLETOS INICIANTES:
• Curso de HTML Para Com...
CURSO DE CSS PARA COMPLETOS INICIANTES:
• Curso de CSS Para Comp...
APRENDA CSS FLEXBOX EM 30 MINUTOS:
• Aprenda CSS Flexbox Em...
SITE CSS TRICKS:
css-tricks.com/snippets/css/c...
NOS SIGA NAS REDES SOCIAIS:
/ byfeliperocha
ENTRE NO NOSSO CANAL DO TELEGRAM:
t.me/dicasparadevs
ACESSE O NOSSO SITE:
dicasparadevs.com.br
TIMESTAMPS:
0:00 - Introdução
1:27 - Criando o grid container
01:42 - grid-template-columns
04:45 - grid-template-rows
05:51 - grid-gap, grid-column-gap e grid-row-gap
06:32 - grid-auto-rows
09:35 - grid-column
12:32 - grid-row
15:53 - grid-template-areas
18:06 - grid-area
22:01 - align-items
23:56 - justify-items
25:33 - align-self
25:56 - justify-self
26:21 - Conclusão

Опубликовано:

 

17 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 64   
@FailureWar
@FailureWar 2 года назад
Nunca aprendi tanto em uma aula, continua que você vai longe irmão!
@mundoprogramado3106
@mundoprogramado3106 2 года назад
Só precisam substituir o código grid-gap apenas por gap, pois aquela foi descontinuada.
@emanuelbrunoo1064
@emanuelbrunoo1064 2 года назад
Nos17:11 é onde a bruxaria acontece
@PedroCristo-oy8w
@PedroCristo-oy8w 9 месяцев назад
Grande cara para aprender programação sem inrrolação
@felipeferreira04
@felipeferreira04 2 года назад
Aula que vale mais que uns cursos de 1.000 reais por ai!! Seguindo e muito...mais MUITO OBRIGADO!!!
@daniellealves521
@daniellealves521 3 года назад
Explicação bem direta e de fácil entendimento, tem me ajudado muito na faculdade. Parabéns pelo video e espero que compartilhe mais conhecimento com a gente.
@lendario4312
@lendario4312 2 года назад
O único que soube explica tudo de uma forma fácil de aprender
@rodrigohenrique7125
@rodrigohenrique7125 2 года назад
Obrigado pela explicação, foi bem didática e me ajudou bastante, era exatamente o tipo de conteúdo que eu estava buscando
@robson8833
@robson8833 2 года назад
Vídeo mais didático que já vi sobre o tema. Ganhou mais um inscrito. Parabéns pelo conteúdo!
@hallexabreu
@hallexabreu 3 года назад
Muito bom🙌🚀
@brunomorillo2576
@brunomorillo2576 2 года назад
Incrível! Muito obrigado cara, terminei o curso da Alura mas não tinha entendido, graças a você fiz meu tutorial pessoal :) Valeeeeu!
@gabrieljeronimo1055
@gabrieljeronimo1055 2 года назад
Excelente!
@cesardepaula5425
@cesardepaula5425 2 года назад
Que video top. Parabéns, vc sabe muito!!!
@rittesfnb
@rittesfnb 3 года назад
Muito bom o conteúdo!
@Dinovicx
@Dinovicx 3 года назад
Você é muito bom cara, parabéns pelo empenho!
@jounys3057
@jounys3057 Год назад
Que vídeo maravilho, eu estava tentando montar um layout e esse vídeo tirou todas as minhas duvidas. Muito obrigado!
@dcs_4673
@dcs_4673 2 года назад
muito bom!!!!
@claudiofernandes1767
@claudiofernandes1767 2 года назад
Muito bom. Conteúdo excelente e direto ao ponto. Tua didática é top brother. Obrigado por compartilhar teu conhecimento. Deus te abençoe e te fortaleça. Abraço
@robsonrobinhocross
@robsonrobinhocross 2 года назад
Esplêndido! Fantástico! Fenomenal!
@vkRenan
@vkRenan 2 года назад
Isso é muito bom, aula boa demais.
@sidw007
@sidw007 2 года назад
Era o que eu estava precisando. Muito bom. obrigado por compartilhar.
@RodrigoSantos-km4ei
@RodrigoSantos-km4ei 2 года назад
Valeu meu amigo, o único lugar que eu realmente entendi o funcionamento do layout grid foi aqui, show de bola....parabéns!!!
@ln4594
@ln4594 2 года назад
Cara vc é incrível.
@LucasJHS.
@LucasJHS. 2 года назад
Simplesmente foda! Obrigado meu mano, Deus te abençoe!
@JrZakk
@JrZakk 2 года назад
Obrigado pela aula, aprendi muito!!!
@r4ulzito
@r4ulzito 2 года назад
Ótimo video, me ajudou muito, logo nessa parte que eu tava bem perdido, obrigado!!!!
@baptistajeanbaptiste6832
@baptistajeanbaptiste6832 2 года назад
Gostei do jeito que você explicou
@Andersomatheusful
@Andersomatheusful 2 года назад
Cara que conteúdo absurdo. Que didática.
@rvileladesigner-renan8694
@rvileladesigner-renan8694 Год назад
Muito bom, ficou bem claro, obrigado
@CarlosBatista-sp1ho
@CarlosBatista-sp1ho 2 года назад
Muito bom!!!
@felipeassumpcao3039
@felipeassumpcao3039 2 года назад
Rapaiz valeu me ajudou muito
@PedroPaulo-rr7cz
@PedroPaulo-rr7cz 3 года назад
parabéns pelo conteúdo ganhou mais um seguidor
@elenchaves2965
@elenchaves2965 Год назад
Que aula sensacional!!!! Muito obrigada pelo conhecimento compartilhado.
@CLEISON304
@CLEISON304 2 года назад
Cara vc me ajudou muito vc encina mostrando como se faz isso nao tem preço muito bom
@navisevo1862
@navisevo1862 2 года назад
É muito pouco like. Essa aula merecia mais do que isso.
@angelodanrley6100
@angelodanrley6100 2 года назад
Brabo demais! Já vou assistir todos os vídeos. HAHAHAHA
@icoanderson
@icoanderson 2 года назад
voce è o melhor cara se mi ajudou muito
@PowerNoturno
@PowerNoturno Год назад
Obrigado mano ajudou muito tu é foda
@camillamendes3732
@camillamendes3732 11 месяцев назад
ótimo video!!
@dun4m1s
@dun4m1s 2 года назад
Top!
@Wesley-es1bm
@Wesley-es1bm 2 года назад
muito boa a explicação...continue
@thiagogoncalvesdealmeida8874
@thiagogoncalvesdealmeida8874 2 года назад
top!!
@gabrielbugarelli
@gabrielbugarelli 2 года назад
Show
@giovanacardoso5823
@giovanacardoso5823 2 года назад
obg
@guilhermecoutinhoberg8820
@guilhermecoutinhoberg8820 2 года назад
vlw!
@fabriciop.monteiro4933
@fabriciop.monteiro4933 3 года назад
Amigo, excelente vídeo. Me ajudou muito!
@dicasparadevs
@dicasparadevs 3 года назад
muito obrigado irmão!
@carinaemerencio7334
@carinaemerencio7334 3 года назад
Top
@diegoreboucas
@diegoreboucas 3 года назад
Parabéns pelo conteúdo.
@dicasparadevs
@dicasparadevs 3 года назад
muito obrigado irmão!!
@tiagopagani1244
@tiagopagani1244 3 года назад
TOP!!!! Sempre conteúdo de primeira!!!!!!!! Se der faz algum video sobre css animation.
@dicasparadevs
@dicasparadevs 3 года назад
muito obrigado meu amigo! farei com certeza!
@GuilhermeSouza-mc2tn
@GuilhermeSouza-mc2tn 2 года назад
Explicação Objetiva, fácil de entender e excelente! parabéns, irmão! SUCESSO!
@dicasparadevs
@dicasparadevs 2 года назад
Muito obrigado, irmão!
@VirgilHawkins_
@VirgilHawkins_ 2 года назад
que foda, mesmo nome que eu toma uma inscrição
@renanvidal3553
@renanvidal3553 2 года назад
muito bem explicado!
@dicasparadevs
@dicasparadevs 2 года назад
Que bom que ajudou!!
@Kevenbh
@Kevenbh 3 года назад
👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻
@dicasparadevs
@dicasparadevs 3 года назад
obrigado!! :D
@vieiramaicon
@vieiramaicon 2 года назад
Bacana a aula e o grid. Me tire uma dúvida se possível: seria interessante colocar grid para separar a barra de navegação, o corpo e o cabeçalho ou seria melhor dividir usando width e height e no corpo usar o grid?
@cristianepereira806
@cristianepereira806 2 года назад
Serve para imagem também?
@CLEISON304
@CLEISON304 2 года назад
Porra essa porcaria ai que e so marcação da mais trablho que programa em javascript
@jeffersonbarcellos5599
@jeffersonbarcellos5599 2 года назад
S E N S A C I O N A L !! O B R I G A D O !!
@Samuel-ch1fb
@Samuel-ch1fb 2 года назад
Excelente!
Далее