Тёмный

Analisando o CÓDIGO HTML e CSS de DEV FRONT-END INICIANTE 

Serliv
Подписаться 42 тыс.
Просмотров 4,3 тыс.
50% 1

#frontend #programação #webdesign #webdev
🔴Seja membro deste canal e ganhe BENEFÍCIOS EXCLUSIVOS:
/ @serliv
🔴Quer ter seu portfolio ou projeto avaliado aqui no canal? Preencha o formulário: forms.gle/JPLK...
🌟 Links comentados no vídeo e outros interessantes 🌟
📺 Playlist VÍDEOS EM DESTAQUE.
• VÍDEOS EM DESTAQUE
📺 Siga a playlist CURSO WEB FUNDAMENTOS HTML +: CSS
• CURSO Web Fundamentos:...
📺 Playlist Análise de Portfolio / Projeto de iniciante
• Análise de Portfolio /...
🎁 CURSO WEB DESIGN FRONTEND COMPLETO HTML + CSS + Javascript
serfrontend.co...
🎁 Curso do Figma ao código. O Design de Interfaces web completo
serfrontend.co...
✅ Análise de PORTFOLIO: Dessa vez o FRONT-END de um DEV BACK-END. Será que deu BOM?
• Análise de PORTFOLIO: ...
✅ 5 MOTIVOS para o PROGRAMADOR FRONT-END aprender FIGMA
• 5 MOTIVOS para o PROGR...
✅ O que é React JS? Saiba o PORQUÊ e QUANDO você deve (ou não) utilizar essa biblioteca JAVASCRIPT
• O que é React JS? Saib...
✅ Primeiro REACT no canal: Porque APRENDER PROGRAMAÇÃO do jeito DIFÍCIL?
• Primeiro REACT no cana...
✅ ANÁLISE DE PORTFOLIO + TUTORIAL SURPRESA
• ANÁLISE DE PORTFOLIO +...
✅ ANÁLISE DE PORTFOLIO DE ALUNO
• ANÁLISE DE PORTFOLIO D...
✅7 DICAS para criar seu PORTFOLIO de PROGRAMAÇÃO
• 7 DICAS para criar seu...
✅ ANÁLISE DE PROJETO: Por que o design UI/UX é essencial para o sucesso do seu projeto digital
• ANÁLISE DE PROJETO: Po...
✅ Analisando DESIGN de portfolio de iniciante
• Analisando DESIGN de p...
✅ Como criar PÁGINAS WEB com HTML e CSS a partir de design do FIGMA
• Como criar PÁGINAS WEB...

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

 

30 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 69   
@victorfernando5243
@victorfernando5243 10 месяцев назад
Muito obrigado pelos comentários, certamente vou seguir os seus conselhos. Irei continuar me esforçando!
@thelepsy6070
@thelepsy6070 10 месяцев назад
Famoso em
@serliv
@serliv 10 месяцев назад
Oba. Iria mandar no linkedinho…. Mas q já viu…. Obrigado por me permitir fazer esse video
@bear.servicos
@bear.servicos 10 месяцев назад
O nível de profissionalismo do Daniel da Serliv é absurdo de bom!
@serliv
@serliv 10 месяцев назад
Muito obrigado mesmi
@erialdo_pereira
@erialdo_pereira 9 месяцев назад
Eu acho CSS mágico tem uns efeitos por ai de cair o queixo, é muito legal o pessoal que usa para criar arte também eles conseguem posicionar e deformar e criar objetos com muita facilidade, tenho vontade em aprender para aplicar a arte também, na minha opinião com CSS o controle está mais na mão do que usar qualquer outro software, além do que estamos falando de usar um bloco de notas e um navegador
@TheViniciuspessoa150
@TheViniciuspessoa150 10 месяцев назад
Muito bem explicado, estou criando meu portfólio no HTML, formulário de entre em contato com nome, email, assunto e mensagem de orçamento mas ainda não sei a parte de back pra configurar com servidor 😅
@jhowzin_w
@jhowzin_w 9 месяцев назад
você consegue fazer uma validação bem facil com php, da uma pesquisada dps
@luanvictor9701
@luanvictor9701 6 месяцев назад
Onde encontro imagens parecidas com essa que ele usou? Acho muito bonito esse estilo!
@theus_santos
@theus_santos 10 месяцев назад
Só uma dica, tente resumir e ir logo ao ponto. Você demorou 3:16 minutos para começar o assunto do video. (Isso não é uma crítica, é mais uma observação) 😃
@serliv
@serliv 10 месяцев назад
Obrigado. Vou me atentar à isso. Valeu mesmo
@theus_santos
@theus_santos 10 месяцев назад
@@serliv Tmj!
@muriloapolonio
@muriloapolonio 10 месяцев назад
Assistindo aqui com o caderno na mão, e ele me lança "muito pelo contrário" até o cachorro se assustou com a gargalhada. Ótimo conteúdo como sempre
@serliv
@serliv 10 месяцев назад
hahahahaha. boa
@Johnnypvlace
@Johnnypvlace 9 месяцев назад
que vídeo bom! como faço para enviar um ' clone da página inicial do discord web ' que fiz como meu primeiro projeto pessoal? também sou nível iniciante pra menos, acho que pode surgir um conteúdo bacana sobre isso
@serliv
@serliv 9 месяцев назад
Valeu Johnny. Há um link do google forms na descrição do video. Só lembrando que alunos e membros do canal possuem prioridade
@luishenriquemarianobrito2385
@luishenriquemarianobrito2385 9 месяцев назад
No começo deste mês, comecei a aprender tbm. Creio que por sempre gostar da área e me vislumbrar com alguns sites me coloquei em uma situação de entregar tudo ao Front-End. Apesar de não conhecer nada de outras áreas, me identifiquei muito devido a soft skill que herdei de 8 anos de experiência de atendimento ao público.
@serliv
@serliv 9 месяцев назад
Boa Luis
@sr.maktub2108
@sr.maktub2108 10 месяцев назад
Excelente formato, pegar e corrigir "ao vivo" afinal corrigindo nossos erros, aprendemos e muito. Parabéns prof.
@serliv
@serliv 10 месяцев назад
Show. Muito obrigado pelo feedback
@that_80s_guy
@that_80s_guy 7 месяцев назад
Mestre, todo mundo fala pra não usar id no CSS e também pra não usar mais de um id, mas ninguém nunca conseguiu me fazer entender, inclusive vc. Mas depois que cheguei em JS eu descobri o DOM, pergunto: isso tem a ver com o DOM e com o document.GetElementById?
@serliv
@serliv 7 месяцев назад
Não. O ruim do id no CSS é a sua alta especificidade.
@serliv
@serliv 7 месяцев назад
Pronto. Gravei um video a respeito desse assunto @that_80s_guy ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-EwT63qDBiAQ.html
@embuscadofront...381
@embuscadofront...381 10 месяцев назад
O que você acha sobre usar Gulp e Sass nos projetos, vale a pena usar gulp ainda ?
@serliv
@serliv 10 месяцев назад
Apesar de que hoje não é tão utilizado como foi no passado, sendo substituído por outras ferramentas como webpack ou rollup, dependendo do seu objetivo final o gulp ainda pode ser uma boa. Por exemplo, se o seu objetivo seja simplesmente tranformar sass em css, talvez essas outras ferramentas sejam como matar uma mosca com um bala de canhão
@daviamerico2268
@daviamerico2268 7 месяцев назад
esse ai realmente entende de css kk
@thommy_80
@thommy_80 9 месяцев назад
Oi Daniel, show o video. Espero no futuro ter una analise sua de algo meu (falta eu fazer 😂) Fiquei com uma duvida por ser algo que eu ja passei. No caso la do que ficava verde, voce mostrou o problema caso ele adicionasse outro p ali dentro, mas qual seria a solução mais indicada? Criar uma classe so para aquele p? Um detalhe que notei. Ele colocou no root fontsize 62.5%, mas usou px em todas as fonts do css. Seria no caso usar o rem não?
@serliv
@serliv 9 месяцев назад
Ola. Usar uma classe pode ser indicado. Com relação à font-size. Vc está certo. Não tinha me atentado à isso.
@thommy_80
@thommy_80 9 месяцев назад
@@serliv perguntei porque me pareceu estranho criar uma classe so pra isso. Talvez por isso eu acabava caindo nesse erro que voce mencionou no video. Fiquei me perguntando quais seriam as alternativas melhores e somente "faça uma classe" vinha a minha mente..rs
@serliv
@serliv 9 месяцев назад
não é errado não. Pode criar sem medo
@samuelbarrosluna2956
@samuelbarrosluna2956 9 месяцев назад
Refez o código do cara todinho 😂 Medo de mandar o meu e refazer todo dês da tag head
@serliv
@serliv 9 месяцев назад
kkkk.. de boas.. faz parte do jogo
@pablokaua4991
@pablokaua4991 9 месяцев назад
prof eu to meio empacado na primeira atividade que é pra fazer uma estruturação de um curriculo ou qualquer outra coisa eu fiz com base em minha conta de um jogo que eu gosto porem ficou com muita lista tem problema ?
@serliv
@serliv 9 месяцев назад
Pablo. Se vc se refere a algum curso meu, todas as dúvidas são sanadas exclusivamente no próprio curso curso, ou seja, a partir da aula em que surgiu a dúvida, mande sua pergunta através do link perguntas e respostas
@pablokaua4991
@pablokaua4991 9 месяцев назад
@@serliv blz prof
@estevaois
@estevaois 10 месяцев назад
massa demais esse estilo de video
@serliv
@serliv 10 месяцев назад
Muito obrigado 😍
@Gabweb95
@Gabweb95 10 месяцев назад
Com certeza foi copiado de outro código, esse onclick aí entregou... me parece q foi tudo copiado.
@serliv
@serliv 10 месяцев назад
O intuito do vídeo é ensinar e mostrar onde melhorar. Se foi copiado ou não eu não sei dizer. Na verdade, importa muito pouco. Eu posso te dar um conselho de amigo? cuidado com as suas “certezas”. Eu já fui apunhalado pelas minhas várias vezes
@Gabweb95
@Gabweb95 10 месяцев назад
@@serliv Mas não tem problema nenhum em copiar, o problema é nem arrumar o código.. mas eu entendi o seu lado!
@serliv
@serliv 10 месяцев назад
@@Gabweb95 👍 boa. Vlw
@alexsandrodias9959
@alexsandrodias9959 9 месяцев назад
achei incrível você mostrando onde está o erro e corrigindo e ainda explicando o que está a mais ! obrigado
@serliv
@serliv 9 месяцев назад
Disponha!
@diegofonseca9904
@diegofonseca9904 10 месяцев назад
Cara que aula hein !
@serliv
@serliv 10 месяцев назад
Velw demais Diego 😍
@jhonmanuelgil9747
@jhonmanuelgil9747 9 месяцев назад
Muito bacano, adorei muito.
@serliv
@serliv 9 месяцев назад
Valeu Jhon
@simoneitads
@simoneitads 9 месяцев назад
Se eu tivesse estudado desde o início as tags semânticas do HTML5 eu também não faria tanta confusão deixando meus códigos repetitivos ou sobrepostos, essa é a importância de estudar conteúdos atualizados, pois mudou muita coisa depois que os navegadores começaram a suportar flexbox e grid. Como geralmente aproveito códigos de cursos e depois estilizo para meus projetos pessoais, esse tipo de coisa acontece comigo também. Muito boa a dica de procurar primeiro no html por classes ou id's que não estão sendo usadas no css, eu sempre deixava e depois não sabia o que estava dando errado 😅 muito obrigada pelas dicas professor!
@serliv
@serliv 9 месяцев назад
Valeu simone
@misaelsapiente4124
@misaelsapiente4124 10 месяцев назад
Bela aula professor! Eu ainda tenho essa problema de usar margens demais no meu código, mas com esse vídeo esclareceu um pouco as dúvidas. Gracias👏🏾👏🏾👏🏾
@serliv
@serliv 10 месяцев назад
Eu que agradeço pelo feedback
@fabianomarques853
@fabianomarques853 10 месяцев назад
Cara eu gosto muito quando uma pessoa esta ensinando e coloca um codigo que nao funciona, ele ve ao vivo o pq nao funcionou tal solução, sem fazer corte, pois assim vemos como foi a linha de pensamento e logica e fica mais proximo da realidade de como é desenvolver, Vlw Daniel abraços.
@serliv
@serliv 10 месяцев назад
Muito obrigado pelo feedback. Esse é mesmo o intuito
@buzzbuzzard8266
@buzzbuzzard8266 10 месяцев назад
O senhor está certo professor em falar sobre os erros, é como na vida, o bom amigo não é aquele que concorda com tudo o que você faz, mas sim aquele que te critica quando você está fazendo m...
@serliv
@serliv 10 месяцев назад
É isso ai. Muito obrigado pelo feedback
@Antonio-nn2kq
@Antonio-nn2kq 9 месяцев назад
Vídeo perfeito! Traga mais vídeos como estes por favor. Lembro quando comecei, eu cometia esses erros de margens grandes e posicionamento fixo.
@serliv
@serliv 9 месяцев назад
Podexa. Muito obrigado pela mensagem
@danielportelati
@danielportelati 10 месяцев назад
Continue com esse tipo de conteúdo. Não parece, mas uma das principais dificuldades é sobre essa parte semântica.
@serliv
@serliv 10 месяцев назад
Podexá. Muito obrigado pela sugestão
@vxreal838
@vxreal838 10 месяцев назад
Muito bom, estou aprendendo Html css e eu também estava pecando nesse quesito da margin , tenho dificuldade ainda na parte da semântica.
@serliv
@serliv 10 месяцев назад
é assim mesmo. Se tiver alguma coisa especifica que eu possa ajudar, é só mandar nos comentarios
@hitallosoares7289
@hitallosoares7289 8 месяцев назад
Muito bom
@serliv
@serliv 8 месяцев назад
Muito obrigado 😊
@nicks2777
@nicks2777 9 месяцев назад
Adorei seu canal, muito obrigado pelo conteúdo! ❤😮
@serliv
@serliv 9 месяцев назад
Eu que agradeço
@roneipereira3508
@roneipereira3508 10 месяцев назад
Muito bom esse tipo de video, ajuda bastante...
@serliv
@serliv 10 месяцев назад
Show. Muito obrigado pela mensagem
@reinansantos3347
@reinansantos3347 10 месяцев назад
Um detalhe o lang está "en" e não "pt-bt"
@serliv
@serliv 10 месяцев назад
Bem observado. Valeu
Далее
Análise de PORTFOLIO AO VIVAÇO
1:48:00
Просмотров 1,7 тыс.
01 - Analisando Portfolio de Iniciante em FRONT END
13:47
REFAZENDO Portifólio de Iniciante
58:43
Просмотров 7 тыс.
Programador Front-end Iniciante  - APRENDA ISSO!
6:10
FÁBIO AKITA. Comece pelo básico. Fora da Norma Podcast.
1:07:19