gustavoguanabara/html-css

Curso de HTML5 e CSS3

html-css's Issues

PDF da aula 21

As questões do PDF da aula 21 estão todas em branco como se tivessem esquecido de editar o conteúdo.

Aulas YouTube x Aulas PDF

Olá Guanabara, percebi que a playlist do youtube possui 36 vídeos, e os PDF's aqui só tem 8. Serão adicionadas mais aulas?

Propriedade text-align: - Exercicio 18

No exercício 18 você nomeia uma classe no <style> sendo para direita mas coloca a propriedade "left".
p.dir { text-align: left; }

O correto não seria:
p.dir { text-align: right; }

ME AJUDA GUANABARA

Olá @gustavoguanabara , eu não estou recebendo as aulas diárias de html5, a última que eu tenho é a aula sobre negrito e Itálico. O que eu devo fazer?

Uso de <br> para criar uma linha em branco no primeiro desafio

Olá Professor, procurei em outras Issues e não achei, peço desculpas se já respondeu, mas em seu material de html e css, no capítulo 05 ele passa a seguinte mensagem:

e no mesmo capítulo ele pede para realizar o desafio número 01, como a imagem a baixo demonstra:

O desafio no entanto é esse:

Só que eu ainda não tenho conhecimento de como gerar uma linha em branco sem usar o
para quebrar, e por conta disso acabei utilizando o comando para cumprir o exercício.

Se possível gostaria de ter acesso a resolução dos desafios para poder ver quais métodos posso utilizar.
Ainda não avancei os capítulos, acredito que nos próximos deva ter a resposta.
Estou deixando essa observação que pode causar duvida nas pessoas.

Um grande abraço!

Só tenho a agradecer

Cara eu não sabia muito bem mexer no github e com seu conteúdo cá estou publiquei meu 1° repositório simples de uma landing page. E estou aqui vindo te agradecer. Continue assim com esses conteúdos FODAS!

Site CursoemVideo

Olá, boa noite. Não consigo entrar no site novo do cursoemvideo, se trocar de browser consigo novamente, mas logo após abrir algumas abas no site aparece o mesmo erro. Já passei do Chrome para o Opera e já estou no Edge, neste momento não tenho mais nenhum e não queria estar a instalar para continuar a aceder 😆 . Poderia ajudar?

Conversão do PDF para Documento Word

Olá Equipe Html-Css, tudo bem?

Me chamo Rodrigo, sigo de perto o curso em vídeo e gostaria de verdade de colaborar com o projeto. Gostaria de saber qual a necessidade de vocês no momento dessa Issue e assim poder colaborar com os conhecimentos que obtive nas próprias aulas do curso em vídeo.

Caso não tenham nenhuma necessidade a ser trabalhada com prioridade gostaria de sugerir algo como uma conversão do PDF das aulas para Word. Sei que o word não é a forma mais segura de se gravar um arquivo. Mas ele tem suas particularidades e além disso terão o material em um outro formato para os estudantes. Estarei tomando o devido cuidado para manter as referências originais e a formatação o mais próximo possível do original.

Por que tive essa ideia: Notei que poucos alunos tem um editor de PDF editável e assim na hora de fazer os exercícios finais não conseguem marcar a alternativa correta por assim dizer. Então para não precisar IMPRIMIR o arquivo e fazer em papel e caneta ficaria mais prático caso o aluno fizesse apenas a marcação em seu próprio documento.

Apenas uma edição, adicionei uns prints para uma melhor visualização da ideia, o modo leitura escuro do Word

Tenho certeza que será muito divertido contribuir com esse material, isso é, se agradar vocês.

Meus sinceros agradecimentos, Rodrigo Soares

Meu perfil
Meu Instagram

Exercicios não correspondidos

Os exercícios do repositório, não correspondem com os dos vídeos.
O index.html do exercício 8 do vídeo está na pasta do ex007

Por que os PDFs de todas as aulas de HTML5 não estão mais disponíveis?

Antes no repositório html-css tinha todas as aulas em PDF do curso, inclusive aulas mais avançadas. Hoje só está disponível 5 aulas.

Renomear

Eu estava com um modelo de uma aplicação que eu tinha feito em uma atividade. Peguei e resolvi editar pra fazer outra, porém agora estou com vários nomes tags pra editar, o problema é que uma chama a outra em diferentes abas. Sabe se existe alguma forma pra editar tudo?
Exemplo no meu repositório caso se interesse em ver (tipo page-study, study.html. não sei nem explicar kkkk. Eu sei que na mesma aba é Ctrl + F2, mas e em abas diferentes?

[Acessa meu repositório aqui] (https://github.com/rafaelandersonsouza/Ta-Em-Casa/tree/main/Teste%20site%20T%C3%A1%20em%20Casa)

Markdown ao invés de PDF

Olá pessoal, primeiramente, parabéns pelo material, que está ótimo como sempre.

Gostaria de deixar uma sugestão para que ao invés de usarem PDFs, deixem os desafios em Markdown, fica muito mais fácil a visualização aqui no GitHub.

Valeu!

Arquivos do curso de HMTL e CSS

Professor, seria interessante adicionar nesse repositório os arquivos utilizados no seu curso de web do youtube, pois atualmente o link existente está quebrado.
Curso de HTML5 - 03 - Como Funciona a Internet - by Gustavo Guanabara

Vai ter JavaScript?

No curso de HTML e CSS vai ter JavaScript?

Sugestão

Opa professor, beleza? Então, queria que desse uma olhada nesse vídeo do Filipe Deschamps, queria que me dissesse o que acha dessa nova linguagem, e se o senhor como grande profissional da área de TI desde os primórdios acreditar nela, ta aí uma boa opção de curso para o Estudonauta ou até mesmo para o CeV. Desculpe o incômodo sei que aqui não é lugar pra sugestão desse tipo, mas acredito que aqui o Sr. irá olhar. Abraços, e apareça "homi" "pura caridade" ta sumidão, e antes que eu esqueça, quando vai ser lançado o mundo 4 de python ? KKKKKK

Duvida: Button vs Input

Olá! Gostaria de saber a diferença entre 'button' e 'input type="submit"' nos formulários.

Possíveis inconvenientes com Certificado

Olá, Guanabara você está esquecendo de dizer aos gafanhotos que para pegar o certificado deve assistir o curso no site do curso em video e não no youtube, (se tiver mudado por gentileza me avise) mas caso ainda seja dessa forma espero que seja feita a correção afinal a pessoa pode estar iludida assistindo o video no youtube e que vai pegar o certificado apenas assistindo o video no YouTube e depois se decepcionar sabendo que vai ter que assistir tudo de novo no site... isso já ocorreu comigo em outro curso.

desde já grato pela atenção.

Testando issue

Sou apoiador bastidor e não estou recebendo as aulas diariamente

Seus PDF's são sensacionais!

Não sou muito de ler, quando estou procurando alguma coisa na internet eu foco nas respostas que tem algum código pronto e bola pra frente.

Mas teu conteúdo é simplesmente sensacional! Li todo o capítulo de introdução à HTML e CSS (em feminino, rs) e consegui absorver tudo! Considero até uma vitória pra mim, que acredito ter algum grau de defficit de atenção, pois tenho dificuldade em me concentrar em textos longos.

O que me ajudou é que o seu conteúdo não é um PDF engessado, é bem leve, descontraído e o melhor de tudo, é como se fosse você falando! Eu consigo te imaginar falando o que está escrito no PDF e isso é perfeito, haha.

E o melhor de tudo são os exercícios no final, me amarro em exercícios no final de um capítulo, me ajuda bastante a fixar o conteúdo. Mas seria muito interessante se a parte dos exercícios fosse mais interativa, seria perfeito se desse pra:

• Marcar a opção com um clique
• Saber o resultado do exercício, ou seja, quantos acertei/errei
• Um gabarito

Caso o PDF não suporte essas interações, seria interessante deixar um link no PDF apontando pra uma "Central de Exercícios", que seria um site que daria suporte a essa interação, isso seria PERFEITO!

Bem, é só uma ideia, mas do jeito que tá já tá muito bem e vai me ajudar bastante!

Grande abraço e sucesso!!!

problema no link do pdf como funciona a internet

esse link não tem video mais disponivel!

Teste os seus conhecimentos - Sugestão

Prof. @gustavoguanabara, nas fichas PDF "Teste os seus conhecimentos", as perguntas poderiam estar numeradas? Penso que seja mais fácil, em caso de dúvidas dizermos que é a pergunta "x" do tema "y" do que estar a transcrever toda a pergunta para se tirar as dúvidas, caso existam.

Erros no PDF do Capítulo 09

Olá, terminei o Capítulo 09 quase agora e notei alguns erros nele, erros esses que não atrapalham em nada a compreensão do conteúdo mas que mesmo assim existem:

• No tópico Listas não Ordenadas, no seguinte trecho “O marcador padrão é a bolinha preta totalmente preenchida (circle),[...]”. O marcador padrão é o disc, onde logo após essa frase é muito bem explicado.

• Em Teste seus conhecimentos ocorre um erro na questão 4: “Segundo as novas normas da W3C, qual das tags de lista a seguir é a única que possui fechamento opcional?”. Creio que a pergunta se referia a “única tag que não possui fechamento opcional?”.

[Edit]
Creio também que o desafio 04 era pra ser citado neste capítulo pois engloba o assunto de listas.

Era só isso mesmo, nada demais como comentei anteriormente. Estou amando o curso, professor Guanabara, e muito obrigado por isso! ❤️

Guanabara

Protótipo feito em Figma para o desafio 010.

Segue o link do protótipo feito em Figma para o desafio, basta fazer login no figma para usar o protótipo.

https://www.figma.com/file/qxabjgQzdnfiCDB20POcQ7/history_android?node-id=0%3A1

Curso de git e github

Boa noite professor! O Senhor não vai continuar o curso de git e github? Estava muito legal! Grata

testando issues

so teste tou aprendendo
sera que deu certo

HTML

Html, Css e Js

Propriedade iframe: - Aula 27

Boa noite!

Primeiramente gostaria de agradecer pelo curso. Realmente muito produtivo.

A minha questão é a seguinte. Na aula 27, ao realizar o ultimo procedimento para retirada das barras de rolagem do frame, atualizando a página, as barras permanecem lá.

Testei no Google Chrome e no Firefox e em ambos, o mesmo problema ocorre.

O codigo CSS aplicado na aula foi:

section#conteudo {
width: 1000px;
margin: auto;
}

iframe#frame-spec {
width: 380px;
height: 280px;
border: none;
overflow: hidden;
}

iframe#frame-spec::-webkit-scrollbar{
display: none;
}

Uma questão que me intrigou foi que a palavra 'scroollbar' é indicada pelo meu IDE, mas aparece sublinhada.

Agradeço desde já a ajuda.

Sobre o uso da logo do Curso em Vídeo.

Boa tarde professor Guanabara, tudo bom?

Estou fazendo o curso de portugol studio que foi ofertado tanto no estudonauta e na recompensa de apoiador do curso em vídeo e quando finalizar ambos os cursos vou para o de HTML5 + CSS 3.
Fiquei com uma dúvida sobre o uso da logo do Curso em vídeo, pois quero criar um repositório com as respostas das aulas e no README.md colocar a logo do Curso em vídeo e explicar um pouco sobre o repositório.
Penso em deixar o link do apoio do Curso em vídeo e também vincular o canal no Readme para que as pessoas caso vejam o repositório possam acessar também.
Nós(Gafanhotos) podemos usar a logo nos nossos repositórios sem dar problemas de uso de imagem ou até mesmo direitos autorais?
Se sim quais são as condições?

Obrigado pelas suas aulas, e que a força esteja com você!

Erro de ortografia -

Fala, professor! Então essa Issues, pode parecer piada, mas tipo ao fazer os desafios vi no exercício 05 - Hierarquia de títulos que tem um título "Os instrumentos de planeamento" onde a palavra deveria ser planejamento. Então segue a dica para correção e refatoração do código.. =)

Material Semântico

Cader os PDFs da aula de semântica?

Atualizar links [PDF 01 - História da Internet]

Professor @gustavoguanabara ,

Não consegui acessar nenhum dos vídeos(url) que estão no PDF. Na verdade, o link acaba no caracter anterior ao ?

Assisti com esse link: https://youtu.be/cAwsLaO4HGQ

---

Assisti com esse link: https://youtu.be/pKxWPo73pX0

---

Assisti com esse link: https://youtu.be/k_inQhpKprg

---

Assisti com esse link: https://youtu.be/rsFCVjr5yxc

corrigir texto se for possivel no material

obrigado pelo incrível material professor Guanabara e feliz dia dos professores! Você é um ser humano incrível!

Mantenedor para auxiliar no repositório

Olá, @gustavoguanabara 😄

Entendo que seu tempo deve ser corrido e, por isso, me proponho a ajuda-lo na gerencia desse repo (e outros, caso necessário) em meu tempo livre.

Já tenho conhecimento sólido na rede do Github, podendo ser conferido e válidado visualizando meu perfil, projetos e minhas contribuições.

Posso ajudar em:

• Revisão, aprovação e desaprovação das Issues e Pull Requests abertos e que venham ser abertos;
• Propor melhorias nas issues e pull requests;
• Tirar dúvidas de outros alunos e afins.

Não encontrei outra forma para entrar em contato, então abri está issue mesmo, que de tabela poderá ser avaliada pela comunidade também.

Caso ache interessante, pode entrar em contato comigo pelas redes a mostra em meu perfil ou no próprio Github mesmo ;)

E você, Gafanhoto, caso ache interessante o que falei, deixe seu feedback aqui também, seja com os emojis ou comentários. Assim, ele poderá ver se é necessário tal ajuda e se a comunidade a quer.

Parábens pelo excelente trabalho! 🎉

PDF 1, pág 3 - USA vs China ?

PDF 1, pág 3
Na imagem dos 2 punhos, na mão vermelha está bandeira da China ao invés da URSS.

se interessar, deixo aqui a imagem editada

As aulas de Git e GitHub são muito boas. Comecei a ver simultaneamente com as desse curso de html e estou mt feliz. Hoje assisti aquele show q foi a Aula 09 e esteou usando essa minha issue como exercício.

Obrigado por compartilhar seus conhecimentos.

Aulas PDF prof . Gustavo Guanabara HTML e CSS

Novo curso de HTML5 - CSS - JavaScript

Professor, poderia falar um pouco mais sobre o curso que esta sendo elaborado e como ter acesso sendo um colaborador?

Poderia também citar um pouco mais sobre as vantagens de ser um Estudonauta?
Quais os cursos inéditos e suas exclusividades?

Obrigado! Vocês são incríveis!

O curso vai ter certificado?

Quando o curso acabar, será possível retirar o certificado?

Problemas com o exercício "ex011"

Tive alguns problemas na hora de fazer os testes nos códigos que criei para resolução desse exercício (ex011), são eles:

Quando coloco o parâmetro autoplay, na tag audio.
Ao executar o arquivo local index.html para ver seu comportamento, o áudio não se inicia automaticamente. (deveria iniciar, já que estou utilizando o parâmetro autoplay)
Esse problema pode estar acontecendo pq seu navegador pode estar bloqueando o inicio automático de áudios. (por questões de segurança)

Outro erro é com relação a opção de download do arquivo, se eu executar meu index.html local, a opção de download simplesmente não aparece!

Resolvi meu problema hospedando a pasta do meu ex011 no GitHub pages, e o parâmetro autoplay da tag audio funcionou perfeitamente, o áudio se inicia automaticamente, assim como a opção de download do arquivo, que agora aparece para download.

Acesse o meu ex011 clicando aqui

obs: fiz essa issue, pq fiquei louco achando que meu código estava errado, e tem o intuito de ajudar alguém que esta passando/passou por algo parecido ao chegar nesse exercício.

Exercício 18

No exercício 18 você nomeia uma classe no <style> sendo para direita mas coloca a propriedade "left".
p.dir { /* aqueles que tiverem a classe "dir", ficarão à direita */ text-align: left; }

O correto não seria:
p.dir { /* aqueles que tiverem a classe "dir", ficarão à direita */ text-align: right; }

Não acho os desafios

Não consigo encontrar os desafios, já estão disponiveis?

Não aparece a opção Envelope com Abreviatura

Na aula de Negrito e Itálico, a opção Envelope com abreviatura não apareceu. Alguém pode me ajudar ? Estou travado na aula pq não consegui achar a opção

teste só teste icho

testando para aprender

Problemas no capítulo 18

Tentei criar minha conta no GitHub e o email não chega!

Só tenho a agradecer!!!!

Olá Gustavo, sou inciante neste mundo da programação, neste momento que escrevo tenho assistido suas aulas de HTML, Javascript, CSS e agora no Git e Github e sua didática é fantástica, estou aprendendo programação com você melhor que meus professores do meu curso técnico (me desculpe se não estou sendo ético aqui!)
Espero de coração que você sempre realize os sonhos de todos que querem entram nesse mundo do Hello World, cara seu lugar no seu está garantido! É muito difícil pessoas como você querer passar conhecimento, porque não adianta conhecimento e depois morrer e levar consigo não é mesmo! Não fazer diferença neste mundo (pra melhor claro) é burrice!

Um abraço!!!!

Curso de PHP, Java e Python no GitHub

Olá, gostaria saber se no futuro, você poderia colocar os cursos de PHP, Python e Java no GitHub. Eu achei bem legal os PDF's do curso de HTML5 + CSS3, depois que terminar vou ver os de JavaScript. Adeus!

Está faltando o pdf da aula 23

README.md com link para o Youtube

Parabéns pelo material.

Sugestão, coloca no README.md o link para o curso de HTML. Caso alguém chegue aqui primeiro (embora difícil)