Reagindo ao HTML e CSS do aluno da DevMedia #programação #desenvolvedor

💡Conheça nosso método - Aprenda a programar de verdade.

Nesse vídeo reunimos nossos programadores para reagir e analisar o projeto HTML e CSS do nosso aluno iniciante em front end na DevMedia, um site responsivo utilizando Flexbox, Tag semântica entre outros recursos no código, será que deu certo?

00:00 - Introdução
03:54 - Meta Description
05:31 - Meta Viewport
05:59 - Background-size
06:50 - Object-fit
07:28 - Flexbox
07:45 - Required
09:51 - Responsivo
10:15 - Media queries
10:41 - Comentários no CSS
11:29 - Classe que limita largura
12:17 - Cursor pointer
13:09 - Mouse hover
13:58 - Reset CSS
16:08 - Estilização por Tag
17:46 - Tag Nav
18:15 - Gap
19:44 - Encerramento

O Canal

Aqui você vai entender sobre programação, receber dicas, depoimentos e acompanhar o processo de aprendizagem dos nossos programadores e estagiários. Também falamos muito sobre o mercado de trabalho, vagas, currículos e portfólios com dicas práticas para você conseguir sua oportunidade de trabalho.

A Empresa

A DevMedia já formou mais de 100 mil programadores. Nossa plataforma trata de ajudar qualquer pessoa que tenha interesse em aprender programação do zero! Com formação full stack, projetos reais, professores online a qualquer hora e exercícios gamificados. O conteúdo é cuidadosamente feito para ajudar a fixar e aprender com menos aulas e muito mais prática.

== Sigam-nos nas redes sociais:

#reagindo #senior #pleno #junior #estagiario #curso #programação #developer #projeto #frontend #fullstack #metadescription #metaviewport #backgroundsize #objectfit #required #mediaqueries #cursorpointer #mousehover #resetcss #tagnav #gap

[alexs.c]

Mano. O cara já fez tudo isso em três meses. Mandando bem. Parabéns. Um dia! Serei eu 😅

[marciodavid]

mlk humilde pra caralho, tomara que alcance todos os teus objetivos. Voa mlk

[eduardorehberger]

A questão da criação de uma 'classe' única para limitar largura e altura é muito interessante principalmente porque pode ser aproveitada nas outras páginas do mesmo site.

[pulocrvlho]

Já chego dando like que sei que é só vídeo monstro, xeio de informações e ensinamentos.

[acpmedeiros]

Gostei do vídeo. Não entendi nada quando falou de GAP, Object: fit, background-size, e outros termos que nem lembro. Mas estou terminando o CSS e estou há dois meses na plataforma. Foi motivador ver esse vídeo. Parabéns ao Luis a DevMedia.

[leandrogabrielweb]

Amo assistir os vídeos de vocês é muito inspirador, da até aquela vontade de fazer parte do time 😁😍

[geraldopcf]

show!! Eu adicionaria um botão go to #top que vai aparecer quando começar o scroll começar ou deixar esse botão fixo no footer e um html { scroll-behavior: smooth; }

[epifanio_jaime]

Muito bom mano, estou avançando nos estudos da Devmedia ja no segundo mês e estou gostando de ver a minha evolução como Dev, daqui a um mês será o meu projeto sendo analisado 👊💻🚀🚀❤

[mikeetx]

Uma coisa que eu gosto de usar é as variáveis que já deixa algo pré definido por mim mesmo. Aconselho muito a galera mais nova a usar.

[io.luanquadros]

Muito legal esse tipo de video, e bom de assistir

[IcaroEstival]

Muito bom o vídeo, essa parada do Reset Css descobri agora, sou aluno DevMedia mas ainda não tinha entendido o porque disso nos exemplos práticos kkkk #TOP

[eduardorehberger]

Muito bom! Relevante demais a diferença entre 'margin' e um 'gap'.

[AndroPlayerFMD]

Onde posso mandar meu portfólio para React? Comecei a programar esse ano e queria uma opinião e tals

[deivisondossantoslima]

este é meu sobrinho!! um dia chego lá também

[WillSmith]

o meta tag viewport ele nao acrescentou. ele apenas deu um html:5 e ja vem junto, por este motivo ele se esqueceu dos meta de descriçao e das palavras chave

[joaoglenes]

mano 5:51, o susto que ela tomou do João

[Brutalist_]

Deu pala em deu pra fragar, mas beleza, moura brasil é nois

[EquipeZueiros]

first time I´ve watched this video type, awesome.
so to praticando o ingles devs kkk

[Cozacsv]

Eu gostei demais do Fernando falando que o cara vai poder se defender da cagada do projeto pq com certeza tem uma TODO projeto tem alguma coisa meio besta que passa em branco

[Gabweb]

CSS fica a dica de dividir pro pastas, por ex: header, main e footer..