gustavoguanabara / html-css Goto Github PK
View Code? Open in Web Editor NEWCurso de HTML5 e CSS3
Home Page: https://gustavoguanabara.github.io/html-css/
License: MIT License
Curso de HTML5 e CSS3
Home Page: https://gustavoguanabara.github.io/html-css/
License: MIT License
As questões do PDF da aula 21 estão todas em branco como se tivessem esquecido de editar o conteúdo.
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?
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; }
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?
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!
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!
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?
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
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
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.
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)
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!
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
No curso de HTML e CSS vai ter JavaScript?
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
Olá! Gostaria de saber a diferença entre 'button' e 'input type="submit"' nos formulários.
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.
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:
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!!!
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.
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! ❤️
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
Boa noite professor! O Senhor não vai continuar o curso de git e github? Estava muito legal! Grata
so teste tou aprendendo
sera que deu certo
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.
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ê!
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.. =)
Cader os PDFs da aula de semântica?
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
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:
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
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.
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!
Quando o curso acabar, será possível retirar o certificado?
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.
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 consigo encontrar os desafios, já estão disponiveis?
testando para aprender
Tentei criar minha conta no GitHub e o email não chega!
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!!!!
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!
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)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.