Como praticar HTML e CSS

Подписаться 39 тыс.

Просмотров 46 тыс.

50% 1

Nesse vídeo dou dicas para que você possa praticar seus conhecimentos de HTML e CSS.
Espero que curtam.
Meu curso Web Design Fundamentos. Aprenda HTML CSS e Javascript
serfrontend.com/cursos/web-fu...
Aprenda a trabalhar com o Google DevTools:
• Mini-curso grátis de C...
Outros links que podem ser interessantes:
Blog: serfrontend.com/blog/
Meus cursos: serfrontend.com/cursos/
Canais em redes sociais:
Twitter: / serfrontend
Linkedin: / serfrontend
Instagram: / serfrontendcursos
Facebook: / serfrontend
Instrutor: Daniel Tapias Morales
Twitter: / tapmorales
Linkedin: / daniel-tapias-morales-...
Medium: / tapmorales
Github: github.com/tapmorales
📺 Playlists: / serfrontend

Наука

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

13 июл 2021

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 175

@serliv 2 года назад

#promoção curso de Web Fundamentos (HTML, CSS e Javascript). serfrontend.com/cursos/web-fundamentos-html-css/index.html

@Ryuk_oOmen 2 года назад

Tô fazendo esse❤️

@serliv 2 года назад

@@Ryuk_oOmen Obrigado pela confiança. Abração e bons estudos

@Ryuk_oOmen 2 года назад

@@serliv eu que agradeço,está me ajudando muito

@Evanjj_ Год назад

@@serliv O valor de 34 que está na descrição não aparece. Na Udemy aparece com um valor totalmente diferente, tem algum link para eu poder adquirir seu curso?

@serliv Год назад

@@Evanjj_ Experimente utilizar o seguinte cupom de desconto: CP-DESC-202211129. Por favor, me avise se der certo ou não. Se der problemas, vou ter q entrar em contato com o suporte da udemy

@klebersanzony 2 года назад

Ali por volta do minuto 11, quando se fala sobre classes, uma dica boa é estudar sobre o Padrão BEM, que com certeza vai ajudar bastante na hora de escolher os nomes de classes e id's, e assim evitar que haja algum conflito em um dado momento do desenvolvimento da sua aplicação.

@serliv 2 года назад

Boa Kleber. Obrigado por complementar

@eamax Год назад

Eu pessoalmente não gosto desse padrão, para dar manutenção ele é complicado. Quando se tem grandes folhas de estilos e você tem muito &__card{} enfiado pra todo lado e as vezes esse nome está replicado em outros lugares... Achar a classe " home__listing__primary__card" é uma batalha. E na hora que você tiver escrevendo SCSS e tem que ficar subindo e descendo o arquivo, se perde na estrutura... Tem N problemas que eu não gosto desse padrão. Hoje em dia eu prefiro muito mais Utility-first, re-aproveita muito mais o CSS e é mais fácil de criar elementos HTML sem criar mais código CSS, usando apenas classes já criadas.

@serliv Год назад

@@eamax Obrigado pelo ponto de vista. Forte abraço

@rmauto6273 Год назад

@@eamax faz um vídeo sobre irmão

@guilherme_soarexz 10 месяцев назад

MUITO BOM

@gabrielmaximino9270 8 месяцев назад

Bacana? Valeu pelo vídeo, mt bom.

@GabrielAraujo-xy2qc Год назад

Muito bom, agradeço!

@serliv Год назад

Eu que agradeço. Forte abraço

@pessoa4893 2 года назад

Excelente!

@serliv 2 года назад

Muito obrigado Pessoa. Valeu mesmo

@albertocanezin1946 2 года назад

Parabéns Professor, eu estou fazendo seu curso de front-end na udemy, e estou aprendendo muito. você tem uma didática nota 10.

@serliv 2 года назад

Muito obrigado Alberto. Fico muito feliz que esteja gostando

@matheushenrique-rz4zj Год назад

Cadê o link do site

@flamengosrn6874 Год назад

@@matheushenrique-rz4zj tmb queria

@biancadco Год назад

Oiee.. conheci o prof pelo o curso de html e css e JavaScript da udemy, sou nova aqui e entrando no mundo de programação agr! Amando as aulas lá e os vídeos do RU-vid! Incrível como tudo se conversa e se complementa.. conteúdo incrível ! Parabéns ❤

@serliv Год назад

Muito obrigado pelo feedback Bianca. Fico muito feliz que tenha gostado. Forte abraço e bons estudos

@sergio_perin 10 месяцев назад

Eu bom dia! Como você se encontra hoje? Já conseguiu algum trabalho voluntariado ou até mesmo algum trabalho remunerado?

@tonycarlos4538 2 года назад

Excelentes dicas Professor. Parabéns e Obrigado!!!

@serliv 2 года назад

Eu que agradeço Tony. Obrigado pela mensagem e feedback

@diegoalvessantana1219 2 года назад

Sensacional! 👏

@serliv 2 года назад

Muito obrigado Diego

@eusougabriel2 2 года назад

Muito bom, canal excelente!

@serliv 2 года назад

Muito obrigado pelo elogio Gabriel. Abraços

@giovanacardoso5823 6 месяцев назад

Obrigado pela dica!

@serliv 5 месяцев назад

Espero ter ajudado

@vicfrmbrzl 2 года назад

Ótimo video! Muito esclarecedor!

@serliv 2 года назад

Gratidão. Muito obrigado pela mensagem Bruno. Forte abraço

@carlosaugusto390 2 года назад

obrigado professor, suas dicas sao muito boas.

@serliv 2 года назад

Valeu Carlos. Tmj

@Losmamelucos_ 7 месяцев назад

òtimo trabalho!

@serliv 7 месяцев назад

Muito obrigado

@Carlos.Soares 8 месяцев назад

Muito obrigado 🙏 🙏 🤓

@serliv 8 месяцев назад

Eu que agradeço

@claudinei130173 2 года назад

Aula da hora!

@serliv 2 года назад

Muito obrigado pelo feedback Claudinei

@balbuenasolucaoemti9123 2 года назад

Dicas de excelência professor. Muito bom. Parabéns

@serliv 2 года назад

Muito obrigado. TMJ

@virgiliofernandes-ads9143 Год назад

Dicas show de bola! 🏆

@serliv Год назад

Muito obrigado Virgilio

@romuloelixsilvamello3781 Год назад

Show de Bola Daniel.

@serliv Год назад

valeu :)

@ItaloVolt Год назад

Conheci seu canal por agora, curti bastante o conteúdo, mais um inscrito!!

@serliv Год назад

Obaaaa. Muito obrigado pela inscrição. Forte abraço e seja bem vindo 😃

@rennantechnology2913 Год назад

Parabéns man, sua didatica e seu conteúdo são muitos bons! Sempre com temas muitos úteis! Grande Abraço!

@serliv Год назад

Muito obrigado Rennan. Forte abraço

@pn_dev. 3 месяца назад

Um show de aula👏👏👏👏

@serliv 3 месяца назад

Muito obrigado 😁

@joaoalberto3025 2 года назад

Conteúdo muito top!!

@serliv 2 года назад

Muito obrigado João

@eujogomuaway 2 года назад

Muito bommmm! Mais um inscrito!

@serliv 2 года назад

Muito obrigado 😁

@semnomeporenquanto2 Год назад

Site muito bom, obrigado pelo conselho.

@serliv Год назад

Eu que agradeço pelo apoio. Abração

@ABRAAONIKE 2 месяца назад

Que vídeo produtivo, muito obrigado! 👏🏽👏🏽👏🏽🙏🏽🙏🏽🙏🏽

@serliv 2 месяца назад

Disponha!

@wesleymenezespraxedes5906 6 месяцев назад

Gostei !!! Ja estou indo fazer o curso,muito obrigado a disposição de nos ensinar 👍.

@serliv 6 месяцев назад

Imagina. Eu que agradeço

@Alexandrecosta01 2 года назад

Ótimo vídeo. Ganhou mais um inscrito.

@serliv 2 года назад

Obrigado pelos elogio e inscrição Alexandre. Forte abraço

@rogerio8710 Год назад

Maravilha, pensar de forma organizada e estruturada o código, sempre facilita o aprendizado.

@serliv Год назад

Essa é a ideia Rogério. Muito obrigado pelo feedback

@gleluis15 2 года назад

Aula muito boa! Parabéns.

@serliv 2 года назад

Eu que agraço Gleidson

@ViniciusSantos-ey1mt 2 года назад

Canal incrível com conteúdo muito rico.

@serliv 2 года назад

Muito obrigado Vinícius. Fico feliz que tenha gostado 😊

@trilhacoder 2 года назад

Obrigado prof pelo conteúdo, bem completo, objetivo e simples de entender. Abç.

@serliv 2 года назад

Eu que agradeço pelo feedback. Abracao

@josejunior9577 2 года назад

Excelente conteúdo! Ganhou um inscrito

@serliv 2 года назад

Muito obrigado pela inscrição José. Forte abraço

@flayer2011 2 года назад

Seus cursos são o máximo 🙏🙏🙏

@serliv 2 года назад

Muito obrigado pelo apoio Antônio 😉

@flayer2011 2 года назад

Obrigado Mesmo seus tutoriais ajudaram muito minha vida 🙏

@serliv 2 года назад

Fico muito feliz em saber Antonio. Muito obrigado pela mensagem

@rafaelscain 2 года назад

Conteúdo muito legal Daniel. Assim como seu curso Web design fundamentos, que tem me ensinado muito. Parabéns e obrigado!

@serliv 2 года назад

Muito obrigado Rafafel, pela mensagem e pelo elogio ao curso. Espero de coração que esse curso seja o ponto de partida de uma carreira de muito sucesso e realizações. Que Deus te abençoe

@andrericardo6992 29 дней назад

Fantástica sua abordagem, muito obrigado por compartilhar tanta informação

@serliv 28 дней назад

Eu que agradeço

@jonasrocha2836 2 года назад

Obrigado amigo! Excelente vídeo.

@serliv 2 года назад

Muito obrigado Jonas. Grande abraço

@jonasrocha2836 2 года назад

@@serliv meu nobre deixa te perguntar, quero começar como font-end. Já tenho uma teoria de HTML, CSS e Java Script. Vi que vc teu um curso num preço muito legal. É uma boa pra mim? Penso que o objetivo é colocar em pratica a teoria com projetos reais.

@rafaeldesouza6877 Год назад

Nossa ! Conteúdo fantástico !!! Parabéns pela ideia. Estou iniciando e foi extremamente importante essas dicas. Ganhou um Insctrito.

@serliv Год назад

Obrigado pelo feedback e pela inscrição. Ah! O último video do canal tem o mesmo tema, ou seja, sites para praticar html e css.. dá uma conferida lá se vc quiser. Abraços

@autoplacasind.ecom.ltda.1326 5 месяцев назад

Excelente análise!

@serliv 5 месяцев назад

Obrigado 😃

@junior1992a 11 месяцев назад

Thank you

@serliv 11 месяцев назад

youre welcome

@admilsonferreira204 Год назад

Boa dica DanielVoce é um grande professor

@serliv Год назад

Opa. Muito obrigado Admilson. Forte abraço

@ChrisPolizello 2 года назад

Parabéns professor, ótimas dicas e em todos vídeos!!!!

@serliv 2 года назад

Muito obrigado Cris. Abração

@timoteokansietoko4758 Год назад

Parabens professor estou a curtir muito este video

@andresenne12 2 года назад

Muito bom!!! Me abriu um pouco a mente de como estudar Ganhou mais um inscrito

@serliv 2 года назад

Muito obrigado pela inscrição Andre. Se ajudei de alguma forma, já fico feliz. Abração

@RiscodeVida27 Год назад

OBRIGADO

@serliv Год назад

Eu que agradeço.. abração

@manoOngas Год назад

Todo conhecimento é bem-vindo 😎

@serliv Год назад

Com toda a certeza. Abração

@hudneybrito7116 2 года назад

Valeu Professor Daniel, vou colocar em pratica essa dicas. PS.: Seu curso é muito bom, tudo bem explicado. Obrigado e Parabéns!

@serliv 2 года назад

Eu que agradeço Hudney. Tmj

@eniogomessi Год назад

exato um ano depois e matéria útil!

@serliv Год назад

Valeu Ênio. Forte abraço

@flayer2011 2 года назад

😍boa noite bom domingo 👍👍

@serliv 2 года назад

Muito obrigado Antonio

@victorcardoso7438 2 года назад

Que dicas e didática fantásticas, muito obrigado, nós iniciantes agradecemos!!! 🤝

@serliv 2 года назад

Eu que agradeço Vitor pelo seu feedback e reconhecimento pelo nosso trabalho. Forte abraço e bons estudos

@victorcardoso7438 2 года назад

@@serliv eu que agradeço, mais uma vez haha

@thiagoinformatica05 2 года назад

Blz mestre tudo de Bom

@serliv 2 года назад

Muito obrigado 😃

@CleberBarbosaTino 2 года назад

Thank you Theacher!!!

@serliv 2 года назад

You're welcome my friend ;)

@darlleybrito4198 2 года назад

Ótimo vídeo, não conhecia este site, valeu mesmo. Eu ja estava começando a fazer estas dicas que você deu, estou focando nas empresas de tecnologia da minha cidade e fazendo um clone do front dos sites deles, consegui de uma, vou partir parra outras, mas um site que apanhei bonito e empaquei ate agora foi no site do São Paulo kkkkk

@serliv 2 года назад

Obrigado Darlley. Qual a URL do site de são Paulo está tentando? Quem sabe posso dar umas dicas.

@edilsonoliveira2568 2 года назад

Professor estou vendo seus vídeos e tenho pego ótimas dicas de estudo. Parabéns.

@serliv 2 года назад

Fico feliz em saber Edilson. Forte abraço

@flayer2011 2 года назад

Tenho seus cursos na udemy cursos são fabulosos ❤️

@serliv 2 года назад

Que ótimo saber que gostou Antonio. Fico realmente muito feliz. Obrigado

@Htoon2008 Год назад

Cara, se tu puder (e quiser) fazer um vídeo que fale das dificuldades de linguagem entre um diretor de arte e um desenvolvedor ia ser muito interessante acompanhar.

@serliv Год назад

Nossa. Muito boa sugestão. Valeu mesmo

@diegosantosmoto 2 года назад

👏👏👏👏

@renatoferreira6883 2 года назад

Estou fazendo esse curso de Web Fundamentos (HTML, CSS e Javascript) na udemy, professor! Muito bom o curso, recomendo!

@serliv 2 года назад

Muito obrigado pelo engajamento e recomendação do meu trabalho Renato. Forte abraço

@Rafael-fh7js Год назад

Estou fazendo esse agora, você já terminou? Se sim oq achou

@rkovypergamer5888 2 года назад

muito obrigado pela indicaçao, no começo eu criava apenas coisas que vinham na cabeça e não rendia nada, depois que vi esse site eu melhorei muito, estou fazendo uma "série" no linkedIn de completar todos os desafios do frontendmentor, estou quase terminando os desafios do nível Newbie

@serliv 2 года назад

Boa ... É isso aí. Tudo que puder inserir no curriculo / linkedin / github é uma estratégias inteligente. Forte abraço e boa sorte

@chronos5457 Год назад

Como se faz uma série LinkedIn?

@chronos5457 Год назад

Já tem que ter base para fazer esses exercícios?

@guilhermevilasboas9818 Год назад

Bom dia adoro o seu canal, é possível dar prioridade no HTML5 é, por exemplo, quero forçar a minha página sempre ficar em português mesmo que tenha plugins em outras linguás, é possível forçar isso assim como é possível no CSS usando a tag: !important;

@serliv Год назад

A unica forma que conhecço é através do atributo lang, assim Isso deve forçar o navegador a exibir a página em português, mesmo que tenha outros idiomas disponíveis. No entanto, é importante lembrar que isso não garante que todo o conteúdo da página seja exibido em pt-br, pois depende da implementação dos plugins e da disponibilidade de traduções.

@guilhermevilasboas9818 Год назад

@@serliv Muito obrigado por tirar a minha dúvida, gratidão🙏🙏

@danilosantos9252 2 года назад

Ótimo vídeo, eu já estou fazendo isso, mas o lance de estudar a estrutura do site. eu não fazia. eu comprei o seu curso que esta no udemy, estou gostando muito. eu estou com uma duvida, por exemplo quando eu pegar um freela eu vou ficar responsável pela hospedagem do site ou só do desenvolvimento do site? e se eu for responsável pela hospedagem, isso quer dizer que eu vou ter que contratar uma hospedagem e ai cobro do cliente o valor da hospedagem? se sim, então o cliente terá um vinculo comigo de renovação da hospedagem todo ano, correto? Obs: tenho muita duvida em relação a isso. desde já obg por passar esse conhecimento, e por ter essa didática top.

@serliv 2 года назад

Oi Danilo, obrigado pela mensagem. Eu deixaria a hospedagem a cargo do cliente mas daria todo o suporte necessário para tal.

@juanfleury Год назад

Olá, poderia me falar qual o nome dessa ferramenta para selecionar partes da tela em "caixas" vermelhas, azuis, verdes... como você faz no vídeo? Ajudar-me-ia muito!

@serliv Год назад

ola. chama-se zoomit. Abraços

@aepsantosdev4248 Год назад

Bom dia, qual ferramenta está usando para fazer essa criar os campos com cores diferentes? Obrigado

@serliv Год назад

bom dia. zoomit

@rafapatekoski1100 2 года назад

Esse video me deu vontade de comprar seu curso

@serliv 2 года назад

kkkkk. Por que ficar com vontade? É tão baratinho hehehe. Os links estão no primeiro comentário fixado. Obrigado

@rafapatekoski1100 2 года назад

@@serliv com o curso eu ja vou ser capaz de vender sites básicos? nem que sejas sites de 100 reais, só pra começar a girar o caixa msm

@serliv 2 года назад

@@rafapatekoski1100 Infelizmente não tenho essa resposta. Depende muito mais de você do que de mim. Mas uma coisa eu posso te garantir: muitas pessoas compraram o curso, fizeram as aulas, exercícios e desafios e começaram a trabalhar na área. Mais um ponto: eu tenho algumas críticas sobre criar sites muito baratos. Porque 100 reais? Fazer um site dá bastante trabalho, se vc pega um site de 100,00, talvez te desanime e entregue um site mais ou menos, com pouco capricho, o que pode manchar o início de sua carreira desde cedo (minha opinião).

@amigomatheus Год назад

qual o nome da extensão para fazer marcações na tela ??

@serliv Год назад

Oi Matheus. Chama-se zoomit

@cristianepereira806 2 года назад

SEFRONTEND, var(--black) só usa para cores?

@serliv 2 года назад

Não necessariamente Cristiane. Pode utilizar as variaveis para qualquer valor, cores, tamanhos, tamanho de fonte, z-index. qualquer valor pode ser armazenado em variavel (em css, chama-se custom properties). ok?

@cristianepereira806 2 года назад

@@serliv Obrigada.

@hiago1909 Год назад

Alguem sabe me dizer qual é a ferramente que ele usa para desenhar ???

@serliv Год назад

Acho que vc se refere à zoomit ;)

@gustavosantana4805 2 года назад

Professor, como você faz pra desenhar na tela?

@serliv 2 года назад

Uso uma ferramenta chamada zoomit

@user-nd1vi4jp7b 2 года назад

Oi queria passar essa ideia para código : Quando uma opção(do select) for carregada Chamar a função

@user-nd1vi4jp7b 2 года назад

Faz um vídeo por favor explicando como manipular o select, Obs: tem pouco tutorial no RU-vid sobre isso

@serliv 2 года назад

O que quer dizer com "manipular um select"? Seria como gerar as opções dinamicamente? Ou simplesmente um listener para detectar quando o usuário selecionar uma opção? Se se refere a a segunda opção, basta acrescentar um listener de change no select. Nessa URL está bem explicado developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event De qualquer forma, avise se tiver dúvidas

@user-nd1vi4jp7b 2 года назад

Listener

@joaobmoura Год назад

Dr. Enéias não parou no tempo, agora ensina até programação

@serliv Год назад

Hahahahaha. Essa poucas pessoas vão entender. Hahahaha. Muito bom

@jaimesilva3884 Год назад

oi boa tarde tem grande interesse em apreder

@serliv Год назад

Está no lugar certo heheheh abração

@Evanjj_ Год назад

Prof, entro no site para adquirir seu curso de desenvolvimento web, mas não aparece o valor 34 reais, e vai direto para Udemy com um valor de 189.

@serliv Год назад

Experimente usar diretamente o cupom CP-DESC-202211129. Tenho ouvido relatos de que não funciona de primeira, mas com insistência dá certo. Me avise se o cupom funcionou pra vc, por favor

@CarlosBatista-sp1ho 2 года назад

Que programa e esse que vc seleciona os conteúdos?

@serliv 2 года назад

zoomit

@phelippeps 12 дней назад

Hola! O curso ainda está com desconto? Para mim sai como 14 dolares

@serliv 12 дней назад

Pode ser que apareça um preço diferente devido à sua localização. De qualquer forma, peço que verifique nesse link: serfrontend.com/cursos/ Lembrando que a moeda varia de acordo com a localização

@phelippeps 11 дней назад

@@serliv Sim. Tive pedir a minha irmã para comprar para mim. O problema é que estou morando na Argentina, mas enfim deu certo e agora sou seu aluno. C tem algum servidor no discord onde os alunos possam trocar info?

@serliv 11 дней назад

@@phelippeps aeee.. Maravilha. Espero que goste. Sim, temos sim. O convite está numa das primeiras aulas. Abraços