PT05 - Passo 10: Família Git, memória descritiva, GitHub Pages e Sololearn.

Família Git:

Git é um sistema de controlo de versão desenvolvido por Linus Torvalds. Qualquer programador num grupo de trabalho pode gerir o código-fonte e ver o histórico de mudanças com ferramentas de linha de comandos Git.

Ao contrário dos sistemas de controle de versão centralizados, o Git oferece feature branches, ou seja, cada um na equipa pode separar uma ramificação de recursos que oferece um repositório local isolado para promover mudanças nos códigos.

Do meu ponto de vista, a melhor característica da família Git é todos os seus serviços serem gratuitos.

Desde servir como uma nuvem para armazenar os nossos projetos, a permitir criar sites gratuitos (com domínio git) para partilhar graficamente os nosso trabalhos, todas as funcionalidades Git estão disponíveis sem pagar, o que é de louvar.

Ainda que possa parecer um pouco confuso ao início, este é todo um ecossistema que se deve conhecer e compreender pois ainda vai ser bastante útil para muitos de nós.

   

Memória Descritiva: 

    Na realização da PT05  - Iniciação ao HTML, utilizei o meu PC (Surface Pro 6), as caricaturas que fizemos na PT03, e o editor de código Notepad++. Decidi também experimentar o Virtual Studio mas achei o Notepad++ melhor para alguém que está a iniciar.  O IDE da Microsoft conta com ferramentas úteis como fechar tags automaticamente ou fazer do nosso computador um server, porém, alguém que está a aprender HTML deve fechar as tags manualmente, para compreender que nem todas são como a de imagem.

    Quanto à parte de adaptação das fotos para a tabela, utilizei, tal como o professor sugeriu, o IrFanView, para redimensionar todas as caricaturas de uma vez só. Como a produção do Hugo estava em formato .png foi necessário recorrer também ao Png2Jpg, um site de conversão de formatos. Alguns colegas disseram-me que podia simplesmente renomear o ficheiro para hugo.png (em vez de hugo.jpg) mas como não encontrei informação sobre  a veracidade desse método, recorri ao Png2Jpg.

    Como a tabela estava muito básica, decidi criar um estilo em CSS. Gosto sempre de ter os trabalhos com bom aspeto e não podia deixar de dar o meu toque à pauta.

    Adicionei sombra à tabela, às caricaturas em 900x1200px, arredondei os cantos e ainda pus um fundo nas miniaturas de acordo com o clube de cada um (exemplo do código css ao lado).

    Apenas mudaria uma coisa, as legendas. A pauta ficaria esteticamente mais apelativa se não tivéssemos de usar cores diferentes para todas as legendas.

Por exemplo, ficaria melhor assim:

    Por fim, esta foi uma PT muito divertida de desenvolver. Aprendi bastante e fiquei orgulhoso com o resultado final. O que deu mesmo mais trabalho foi a parte do GitHub e GitHub Pages. Decidi recorrer então a um aluno do ano passado, que me esclareceu todas as dúvidas. Depois disso consegui ainda ajudar outros colegas que tiveram as mesmas dificuldades e ficou tudo funcional. ;)

GitHub Pages:

Segue-se o link para o meu site GitHub Pages: https://pedooor.github.io/

Sololearn:

Aqui encontra-se o certificado de finalização do curso Sololearn de HTML.