Barras de progresso no seu portfólio - Curso em Vídeo HTML5 e CSS3
Aprenda a criar a seção de skills no seu portfólio com HTML e CSS, estruturando barras de progresso para hard e soft skills, aplicando ícones, porcentagens e responsividade com media queries. Tudo passo a passo no estilo mobile first!📌 Tópicos abordados:
00:00 - Introdução ao Capítulo 29 e objetivo da sessão de skills
00:17 - Boas-vindas e contextualização do portfólio
00:27 - Por que montar as sessões antes do menu funcionar
00:43 - Planejamento da sessão de skills (estrutura geral)
02:57 - Estrutura HTML: skill-container, item, info, barra, progresso
03:12 - Definição de spans: nome e porcentagem
04:44 - Exemplo prático: primeira skill HTML5 (90%)
05:13 - Resultado inicial e relação entre texto e barra
06:00 - Estilização CSS: grid, gap e display do contêiner
07:38 - Ajustes visuais: altura, border-radius e cores via variáveis
08:16 - Sincronização entre valor escrito e largura da barra
08:32 - Separação entre hard skills e soft skills (ícones)
09:09 - Replicando itens: CSS3, JavaScript e soft skills
10:24 - Media queries: mudança para duas colunas
11:28 - Testes responsivos e comportamento em telas maiores
12:16 - Adicionando mais skills (PHP, comunicação, liderança)
13:05 - Commit, push e verificação no repositório
14:02 - Testes finais, revisões e fechamento da aula
O Curso de HTML5 e CSS3 vai ensinar a criar sites usando a linguagem de marcação hipertexto (HTML) e folhas de estilo em cascata (CSS), todas em suas versões mais recentes. Neste curso, o Professor Gustavo Guanabara criou um conjunto de vídeos, exercícios, desafios e um material de apoio em forma de e-book com 30 capítulos ao todo.
Acesse o material de apoio em PDF:
== GitHub: https://github.com/gustavoguanabara/html-css/tree/master/aulas-pdf
Receba notificações de novos vídeos:
== Canal no Telegram: https://t.me/cursoemvideo
Acompanhe todos os vídeos do Módulo 1 do Curso de HTML5 e CSS3:
== Módulo 01: https://www.youtube.com/playlist?list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n
Acompanhe todos os vídeos do Módulo 2 do Curso de HTML5 e CSS3:
== Módulo 02: https://youtube.com/playlist?list=PLHz_AreHm4dlUpEXkY1AyVLQGcpSgVF8s
Acompanhe todos os vídeos do Módulo 3 do Curso de HTML5 e CSS3:
== Módulo 03: https://www.youtube.com/playlist?list=PLHz_AreHm4dmcAviDwiGgHbeEJToxbOpZ
Acompanhe todos os vídeos do Módulo 3 do Curso de HTML5 e CSS3:
== Módulo 04: https://www.youtube.com/playlist?list=PLHz_AreHm4dkcVCk2Bn_fdVQ81Fkrh6WT
Consiga certificados fazendo o curso diretamente pelo site oficial do projeto:
== Site: https://www.cursoemvideo.com
Torne-se apoiador do projeto:
== Acesse: https://www.cursoemvideo.com/apoie
Siga-nos nas redes sociais:
== Gustavo Guanabara no Instagram: https://www.instagram.com/gustavoguanabara
== Curso em Vídeo no Instagram: https://www.instagram.com/cursoemvideo
== Hostnet no Instagram: https://www.instagram.com/hostnetbr
== Estudonauta no Instagram: https://www.instagram.com/estudonauta
Conheça os patrocinadores desse curso:
== HOSTNET: https://www.hostnet.com/cursoemvideo
== RECODE: https://www.recode.org.br/novidades
== ESTUDONAUTA: https://www.estudonauta.com/cursoemvideo
#cursohtml5css3 #modulo05 #C29A08 Receive SMS online on sms24.me
TubeReader video aggregator is a website that collects and organizes online videos from the YouTube source. Video aggregation is done for different purposes, and TubeReader take different approaches to achieve their purpose.
Our try to collect videos of high quality or interest for visitors to view; the collection may be made by editors or may be based on community votes.
Another method is to base the collection on those videos most viewed, either at the aggregator site or at various popular video hosting sites.
TubeReader site exists to allow users to collect their own sets of videos, for personal use as well as for browsing and viewing by others; TubeReader can develop online communities around video sharing.
Our site allow users to create a personalized video playlist, for personal use as well as for browsing and viewing by others.
@YouTubeReaderBot allows you to subscribe to Youtube channels.
By using @YouTubeReaderBot Bot you agree with YouTube Terms of Service.
Use the @YouTubeReaderBot telegram bot to be the first to be notified when new videos are released on your favorite channels.
Look for new videos or channels and share them with your friends.
You can start using our bot from this video, subscribe now to Barras de progresso no seu portfólio - Curso em Vídeo HTML5 e CSS3
What is YouTube?
YouTube is a free video sharing website that makes it easy to watch online videos. You can even create and upload your own videos to share with others. Originally created in 2005, YouTube is now one of the most popular sites on the Web, with visitors watching around 6 billion hours of video every month.
