Wesley Yuri

Busco de te ajudar a encontrar seu caminho pelo mundo como desenvolvedor

Um Simples Passo a passo Para Publicar Um Site Gratuitamente Usando as Github Pages

Desenvolvedor, jogador, imigrante, aspirante a escritor
Compartilhar no facebook
Compartilhar no google
Compartilhar no twitter
Compartilhar no linkedin

Investir em TI como carreira tem vantagens em relação a outras tradicionais: é uma das profissões mais bem remuneradas em um curto período, você pode trabalhar de casa em vários casos, seu conhecimento é universal o que significa que você tem mais mobilidade para trabalhar em diferentes lugares do mundo.

Mas com essas vantagens vem a competição que exige que não nos sobressaiamos não apenas em nossas habilidades técnicas, mas precisamos de algo mais para destacá-lo desde a coroa.

Mas como posso me destacar na multidão?

Investir em sua marca pessoal e habilidades pessoais.

As soon as you get into It you going to realise that a lot of good professionals lack socials skills, having problems explaining their point of view, don’t know how to work in groups, shyness and so on.

Investir tempo para alavancar seu nome como desenvolvedor fará com que você se destaque da coroa porque você constrói credibilidade, ganha confiança, torna-se confiável e cria conexão facilmente. No processo, você alavancará suas habilidades pessoais.

Your resume can put you in an interview, and then they will analyse what type of professional you are, how is your language skills (in the case of an abroad job), how you manage to explain things, how confident you are with the skills that you write on your resume.

Nesse momento eles estão avaliando não só suas habilidades técnicas, mas também que tipo de profissional você é. Uma entrevista ruim e é muito difícil mudar seu ponto de vista sobre você.

É por isso que é importante se apropriar da sua marca pessoal, porque você vai definir o resultado disso antes de conhecer alguém. Você assume a propriedade dos resultados da pesquisa sobre seu nome, seus objetivos, realizações e assim por diante.

Isso é especialmente importante se você não tiver nenhuma experiência.

Mas eu não sou empresário, não tenho tempo para isso!

Sim, você tem! Neste post, vou mostrar uma maneira de, pelo menos, iniciar o processo de formação de sua marca de uma forma rápida, gratuita e simples, criando uma página pessoal na qual você pode prender as pessoas e mostrar seu trabalho ao mesmo tempo, mostre que você é capaz de jogar com Git e algumas tecnologias básicas da web.

Github pages.

Github é uma ferramenta de controle de versão criada em 2007 e que ganhou muita força da comunidade de código aberto e, até hoje, é a estrutura de controle de versão distribuída mais usada.

Em 2008 passou a oferecer o Github Pages, que basicamente pega um repositório git, integrado ao pipeline contínuo do Github, hospeda como um subdomínio do domínio github.io e cria uma página web a partir do seu código.

This pipeline, integration, deploying and hosting is transparent to the end-user, the only thing that the user needs to is to host a project and push the code to it.

Não recomendo que você mova todo o seu blog ou loja online para as páginas do Github porque há limitações para isso.

Em primeiro lugar, as páginas dinâmicas que usam linguagens do lado do servidor como PHP, Ruby ou Python são not supported. You can use almost any Typescript based page like Angular and React vão funcionar bem.

Outra limitação é que todo o conteúdo do repositório não pode exceder 1 GB.

Setting up

A última coisa que é necessária para criar sua primeira página da web é um site que é o código do site em si, e é quando os modelos são implementados.

There are several free HTML templates available online, websites like html5up, free-CSS ou Templatemo. You can just download it and use it, just make sure to give the proper credits to the creator.

Você também precisa de um editor de texto, recomendo o Visual Studio Code com a extensão Live Server de Ritwick Dey.

Passo a passo

Baixe o modelo que você escolheu e descompacte-o. Abra no Visual Studio Code, procure index.html, clique com o botão direito em qualquer lugar e abra o servidor ativo

This will open a new browser tab and will automatically show on the page any changes that you have done in your code.

Identifique as partes da parte do modelo que você deseja alterar e experimente.

Em sua conta Github, crie um novo repositório e nomeie-o com o mesmo nome de sua conta seguido por “.github.io”, é importante que o nome do seu repositório deve ser [seu nome de usuário] .github.io caso contrário, o pipeline do GitHub não será reconhecido como páginas do Github e não será hospedado.

Depois que o repositório for criado, arraste e solte os arquivos do modelo que você editou, se não estiver acostumado a usar o git na linha de comando.

It’s important to import the folder with the index.html file at the root folder because the pipeline will look for that when it’s mounting and hosting the website.

Se tudo correr bem, agora você pode ir para http://[you username].github.io. and your webpage will pop up.

É isso, está feito.

Agora você pode compartilhar este link em qualquer lugar e terá a certeza de que estará disponível. 

This is a normal repository, so I strongly recommend upgrading this repository overtime to looks better and add any new projects or an important update.

Espero que este pequeno tutorial possa inspirá-lo a dar o primeiro passo e criar seu próprio site. Eu fiz um vídeo sobre o assunto, caso seja de seu interesse : https://www.youtube.com/watch?v=vB-tODaVL68