Hospedando site gratuitamente com GitHub Pages - @Curso em Vídeo HTML5 e CSS3

Como hospedar um site gratuitamente? Como ativar o recurso GitHub Pages? Como criar uma página personalizada no GitHub Pages? Como gerar um QR Code para meu site? Pois acompanhe esse vídeo até o final para responder a estas e muitas outras perguntas.

Tópicos deste vídeo:
00:00 - Módulo03, Capítulo 18, aula 06
00:27 - Pré-requisitos e configurações
01:02 - Hospedagem profissional com ferramentas e cursos
02:07 - Ativando o GitHub Pages
03:11 - Qual vai ser o seu domínio do GitHub Pages
03:57 - Acessando seus exercícios on-line
04:43 - Personalizando seu arquivo README
06:10 - Hospedando o projeto que criamos
08:20 - Abrindo o site do Projeto Android
09:29 - Testando site no celular
09:55 - Criando um QR code para seu site
11:31 - Um notebook perfeito para aprender a programar
12:27 - Iniciando o seu portfolio
13:10 - Limitações do GitHub Pages
13:35 - Precisa de uma hospedagem mais completa?

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:

Receba notificações de novos vídeos:

Acompanhe todos os vídeos do Módulo 1 do Curso de HTML5 e CSS3:

Acompanhe todos os vídeos do Módulo 2 do Curso de HTML5 e CSS3:

Consiga certificados fazendo o curso diretamente pelo site oficial do projeto:

Torne-se apoiador do projeto:

Siga-nos nas redes sociais:

Conheça os patrocinadores desse curso:

#cursohtml5css3 #modulo03 #C18A06

[srjacoby]

Pra galera que tá com dificuldade com o novo layout do GitHub na hora de gerar o link do site, eu usei o seguinte método: settings -> pages, nessa aba no source eu deixei normal, e no branch eu selecionei o main e em seguida o root e dei um save. Aguardei um pouco, atualizei a página e já me foi gerado o link no topo da página.

[deverik.]

Galera, seguinte AGR VOCÊ VAI CONSEGUIR. O meu só deu certo assim: a sessão "pages" está ao lado esquerdo. Não tem opção de escolher tema. Muda deixa em none > para main > Root e Deploy from a branch. O pulo do gato, foi que tive que renomear meu arquivo apenas para index tireo o .html. Porque lá no repositório remoto, tava mostrando assim index.html.html. . Então tirei o .html do repositório local, fiz o commit e rodou de boa.

[etiennemarques]

Eu não sei o que é melhor: se é o conteúdo da aula ou de ver o brilho no olho desse cara por transmitir o conhecimento. Ser humano sensacional. Mais uma vez, muito obrigado.

[GabiAlMar]

Sem sobra de dúvida essa aula deu um trabalhão mas valeu a pena, saindo dessa aula de cabeça quente mas com desafio comprido

[komai-]

O bom do Guanabara é que você enxerga nos olhos deste homem o amor e a paixão por ensinar as pessoas da melhor forma possível. QUE HOMEM!

[MPENT]

Apesar dessa aula ser bastante estressante, pois tive que quebrar a cabeça para conseguir fazer o site ir ao ar, mas no final deu tudo certo e uma alegria imensa!!!

[deoegaby]

Impressionada!!! Que aula foi essa? Só agradecer a Deus por ter um professor tão incrível assim. Quando tivermos totalmente profissionais no futuro, teremos orgulho de sempre dar o mérito merecido a esse baita professor.❤

[klebermarcio]

Cara, você é incrível. Conheci um dos teus irmãos em uma grande gráfica de um jornal carioca. Lá, ele me apresentou um livro teu. De início não dei muito crédito. Julguei o livro pela capa, admito. Mas, quando vi o conteúdo, gravei o teu nome. Hoje vejo que você faz um ótimo trabalho pra essa turma que está chegando agora. Parabéns.

[caio]

Só um aviso, se no seu github ele não funcionar o github pages e o dominio dá com erro 404, quando for na configurações ativar o github pages, na parte 'none', em cima do botão de escolher um tema, troca no none pela branch 'main', ai deixa a proxima parte com a pasta 'root', ai depois siga as instruções de escolher o tema

[cibelledev]

Pode parecer bobeira, mas eu fiquei super emocionada quando vi meu site ''no ar''. Obrigada, Guanabara!!!

[beatrizfreitas]

pra quem nao conseguiu eu tentei e deu certo assim, primeiro você faz um reservatório exclusivo para o site que você quer colocar no ar e coloca todos os componentes do site nesse reservatório, depois settings > do lado esquerdo clicar em pages > em branch colocar main e deixar root > save. Espera um tempinho até carregar na parte superior o link aparecer.

[jonasadl]

Obrigado por mais uma aula, Professor!
Obrigado também aos alunos que de alguma forma contribuíram com a aula, pois o GITHUB atualizou e acaba "atrapalhando" um pouco o progresso. E para aqueles que estão sem paciência, vá dar uma volta, dormir um pouco e depois com cabeça fria vocês resolvem, pois eu consegui com o professor e alguns comentários da aula. Tenham paciência e não esperem tudo "na mão", pois em uma empresa vocês vão ter que se virar.

[leonardomachado]

você vem estudando tanto, e chega nessa parte no qual você vê o seu sie na web, e muito revigorante, te da animo para continuar

[polianateixeira]

Genial! Acabei de subir meu portfólio. Obrigada Professor!!!

[caiquehenrique]

a poucos dias de entrarmos no ano de 2024, digo que o Professor guanabara é top! o conteudo é top!!! muito obrigado por fazer tamanha diferença em minha vida!!! tmj

[CarlosDaniel_]

Para pessoas que estão com problemas, umas das maneiras de conseguir o acesso do seu site é nomeando ele de index e não index.html fiz, isso no meu e deu certo

[mecatronizando.]

Mano, que incrível. Depois de todo esse tempo acompanhando os módulos do Curso é muito gratificante colocar o site no ar!

[alissonfgc]

Esse canal deveria ter muito mais views e inscritos, graças ao curso de pyton de vocês que eu comecei a estudar programação a uns 3 a 4 anos e gostei muito e agora já estou terminando a faculdade e com uma vaga de emprego certo na área.

[Hordan]

Que aulas incríveis. Vc tem o dom, professor. Suas aulas são muitos boas, sua didática é incrível! Parabéns pelo canal e muito obrigado por nós presentear com tamanha qualidade de conteúdos!

[kauaclayton]

Só quem dps do módulo 2 tinha feito o próprio projeto independente sabe a alegria que foi poder ver o próprio site direto do celular(mesmo que algumas medidas tenham bugado)