PT05 - Passo 10 - A Família Git

Git é um sistema de controlo de versões, distribuído, usado principalmente no desenvolvimento de software, mas pode ser usado para registar o histórico de edições de qualquer tipo de arquivo.

O Git foi inicialmente projetado e desenvolvido por Linus Torvalds para o desenvolvimento do kernel Linux, mas foi adotado por muitos outros projetos.

Cada diretório de trabalho do Git é um repositório com um histórico completo e habilidade total de acompanhamento das revisões, não dependente de acesso a uma rede ou a um servidor central. 

O Git é um software livre. A sua manutenção é atualmente supervisionada por Junio Hamano.

O Github, por sua vez é uma plataforma gratuita (apesar de ter uma versão premium) da Microsoft que utiliza esse mesmo princípio e tem funcionalidades semelhantes.

Na minha opinião estas ferramentas incrivelmente poderosas revolucionaram a maneira como se faz software no planeta inteiro. Não existe ninguém no mundo da programação que não saiba o que é esta plataforma e isso por si só já é um grande sinal de sucesso. Gostei de usar o Github, na realização desta PT porque me pareceu algo imprescindível para quem cria software. Experimentei, também, o Github Desktop. Uma característica que achei revolucionária foi o facto de, quando se usa esta aplicação,  as mudanças que fazemos no nosso código são implementadas diretamente no Github, sem precisar de dar upload em quaisquer ficheiros.

Memória Descritiva:

Realizei o meu trabalho utilizando a aplicação "Notepad ++" que o professor nos sugeriu, em aula. Usei também a plataforma "Github" e a aplicação para computador da plataforma - "Github Desktop".

Comecei por fazer, aos poucos, o curso HTML - Sololearn, de modo a perceber o básico desta linguagem de programação tão enraizada na cultura da internet. Depois de saber o básico, procurei um template de tabela de CSS que me agradasse. Alterei-a de modo a não ter as coisas que não precisava no código HTML. Não o fiz no CSS porque ainda não aprendi o suficiente dessa linguagem para me sentir confortável a alterar uma coisa que já funcionava.

O passo que me deu mais trabalho foi, sem dúvida o passo de recortar as caricaturas em 3:4 e fazer as versões próprias para a tabela. Foi um passo bastante monótono, porém crucial para o bom funcionamento da tabela, além de ter demorado imenso tempo.

A parte mais interessante foi o curso do Sololearn que fizemos. Esta aplicação além de ser bastante intuitiva tem uma interface bastante "user friendly", o que torna agradável a aprendizagem dos diferentes cursos que oferece.

Quando encontrei problemas pedi ajuda a vários colegas da turma. O maior problema que encontrei foi para conseguir com que a minha tabela mostrasse as hiperligações, dentro do "Github". O Ricardo e o Pedro ajudaram-me bastante nesse problema em específico.

Neste trabalho aprendi a escrever em HTML e aprendi um cheirinho de CSS, percebi que se complementam na criação de páginas web. Gostei bastante do resultado final e esforcei-me bastante para que ficasse assim.

Link para o meu portefólio do Github: https://franciscocaleiro.github.io/

Evidência da finalização do curso Sololearn - HTML.

Imagens (consultado a 20/03/2022):  https://www.biteinteractive.com/wp-content/uploads/2021/05/git-vs-github.png

Fonte (consultado a 20/03/2022):

 https://pt.wikipedia.org/wiki/GitHub

https://pt.wikipedia.org/wiki/Git

PT05 - Passo 10

A "família Git" é constituída por várias aplicações, sendo a aplicação que envolve todas as outras é o Git. Apesar de não tersido utilizado esta aplicação, criada por Linus Torvalds, criador do Linux, é um software para detetar e localizar alterações em qualquer tipo de ficheiro, de forma a facilitar a coordenação entre vários programadores.

Com isto, desenvolveram-se várias aplicações para trabalharem em simultâneo melhorando muito o seu desempenho, como por exemplo, o GitHub, que é controlado pela Microsoft, onde podemos colocar, de forma completamente gratuita, vários repositórios e até ter um sítio onde podemos colocar a nossa própria página, como usámos com o GitHub Pages neste trabalho.

Memória Descritiva
1.Porque decidi fazer este trabalho?
Este trabalho foi sugerido pelo professor de AIB, visto que o HTML é uma boa linguagem para aprender enquanto iniciantes na área de programação.
2.O que foi necessário no início do trabalho?
Para iniciarmos este trabalho foi necessário instalar o NotePad++ e fazer uma pequena pesquisa acerca dos básicos em HTML e CSS.
3.Quais foram os passos mais interessantes? Mais difíceis? Os que deram mais trabalho? 
O passo 5 foi o mais interessante, pois tivemos de construir uma tabela. Não houve nenhum passo que considerasse difícil. O que deu mais trabalho foi o passo 5.2, porque tive de redimensionar as caricaturas dos meus colegas.
4.Como é que foi resolver os problemas encontrados: Na aula com o professor, com os colegas, com ajuda de vídeos tutoriais no Youtube (deve listá-los), etc?
Não tive quaisquer problemas na resolução deste PT05, se calhar o que diria que deu mais problema foi alguns comandos no HTML que não "estavam a funcionar" então tive que ir procurar comandos que fizessem coisas similares.

5.Quais foram as decisões que teve de tomar ao longo do trabalho e porquê?
A decisão mais importante foi quando decidi redimensionar as imagens dos meus colegas, visto que ninguém estava a fazê-lo como era pedido no enunciado.
6.O que aprendi?
Aprendi a fazer uma das coisas mais importantes em HTML, uma tabela que nos será muito útil daqui para a frente, também aprendi a mexer em CSS e gostei muito!
7.O que de melhor e de pior aconteceu ao longo do trabalho?
O que correu melhor sem dúvida a criação da tabela e o que correu menos bem foi alterar a resolução das caricaturas de toda a gente.
8. O que mais gostei de fazer (em fotos)

PT05 - Passo 10

A Família Git

O Git e o GitHub são controladores de versões usados normalmente no desenvolvimento de software. O Git foi desenvolvido por Linus Torvalds e lançado a 7 de abril de 2005. Já o GitHub é da Microsoft e foi lançado a 10 de abril de 2008.

Na minha opinião, são dois programas espetaculares que ajudam bastante no controlo de versões, no trabalho em equipa no que toca a desenvolvimento de software e na hospedagem de código.

Memória Descritiva

1 - Objetivo Do Trabalho

A Quinta Proposta de Trabalho tinha como objetivo a aprendizagem de HTML e CSS.
Foi nos pedido que realizássemos um curso no SoloLearn e que criássemos alguns ficheiros HTML básicos e de seguida um mais avançado (uma tabela).

2 - Realização Do Trabalho

Para a realização deste trabalho, utilizámos o Notepad++, o Visual Studio Code, o GitHub e o GitHub Desktop.

Comecei por criar a tabela (Passo 5) e de seguida realizei os outros passos.

3 - Algumas Curiosidades

Agora vou falar acerca dos Passos do Trabalho, como por exemplo os que mais gostei ou os mais difíceis.

Passos mais interessantes:

• A realização da Tabela, pois era a parte mais complicada mas mais divertida.

Passos mais difíceis:

• A organização dos ficheiros e a parte responsiva da Tabela.

Passos que deram mais trabalho:

• A realização do Curso no SoloLearn e da Tabela.

4 - Problemas Durante A Realização Do Trabalho

O único problema encontrado foi o facto de o Freenom não funcionar o que impossibilitou a realização do Passo 7.

5 - Decisões Ao Longo Do Trabalho

Tive de tomar algumas decisões em relação à Tabela e ás imagens para ficar melhor e também mais responsivo.

6 - Conclusão

Com este trabalho, aumentei o meu conhecimento de HTML e CSS, assim como do GitHub e do GitHub Desktop.

Diverti-me bastante a realizar o trabalho, pois gostei muito do resultado final da minha Tabela e achei-a bastante bem feita.

Site Do PT05

https://acr2004.github.io/PT05/

PT05. Passo 10: A família Git, Memória Descritiva e certificado no Sololearn

    A "família Git" é constituída por várias aplicações, sendo a aplicação que revolve todas as outras é o Git. Apesar de não termos utilizado esta aplicação, criada por Linus Torvalds, criador do Linux, é um software para detetar e localizar alterações em qualquer tipo de ficheiro, de forma a facilitar a coordenação entre vários programadores.

    Com isto, desenvolveram-se várias aplicações a complementarem esta aplicação, como por exemplo, o GitHub, que é controlado pela Microsoft, onde podemos colocar, de forma completamente gratuita, vários repositórios e até ter um sítio onde podemos colocar a nossa própria página, como usámos com o GitHub Pages neste trabalho.

Memória Descritiva
1.Porque decidi fazer este trabalho?
Este trabalho foi sugerido pelo professor de AIB, visto que o HTML é uma boa linguagem para aprender quando somos iniciantes a programar
2.O que foi necessário no início do trabalho?
Para iniciarmos este trabalho foi necessário instalar o NotePad++
3.Quais foram os passos mais interessantes? Mais difíceis? Os que deram mais trabalho? 
O passo 5 foi o mais interessante, pois tivemos de construir uma tabela. O mais difícil foi o passo 6, porque nunca tinha mexido no GitHub. O que deu mais trabalho foi o passo 5.2, porque tive de redimensionar todas as imagens dos meus colegas.
4.Como é que foi resolvendo os problemas encontrados: Na aula com o professor, com os colegas, com ajuda de vídeos tutoriais no Youtube (deve listá-los), etc?
Podemos dizer que tivemos algumas dificuldades na interpretação do enunciado do passo 5 do PT05 sentimos que estava um pouco confuso, no entanto o professor ajudou-nos e correu tudo lindamente.
5.Quais foram as decisões que teve de tomar ao longo do trabalho e porquê?
        A decisão mais importante foi quando decidi redimensionar as imagens dos meus colegas, visto que ninguém estava a fazê-lo como era pedido no enunciado.
6.O que aprendi?
Aprendemos a usar o HTML, que será muito útil para a nossa vida futura.
7.O que de melhor e de pior aconteceu ao longo do trabalho?
O que correu melhor sem dúvida a criação da tabela e o que correu menos bem foi a criação do GitHubPages
8. O que mais gostei de fazer (em fotos)

Certificado no Sololearn

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.

PT05 - Passo 10(Entrada)

 O GitHub faz parte da família Git,e foi uma ferramenta utilizada ao longo de toda a Proposta de Trabalho 05, onde os alunos fariam enviariam para o site todos os pedaços de trabalho que desenvolvessem, mas afinal o que é a família Git? Bem, a família Git consiste no GitHub, GitPages, GitHub Desktop e Atom, esta família é destinada a programadores mas serve para toda a gente como é óbvio.O GitHub é uma plataforma que serve para o upload de projetos esta funcionalidade permite aos utilizadores partilharem os seus projetos com os outros.
    Embora seja bastante boa para programadores, e utilizadores com experiência no GitHub, toda a gente tem de começar. E a parte para iniciantes do GitHub é um pouco fraca. Sem uma ajuda de uma pessoa mais experiente, é bastante provável que o novo utilizador se vá perder nos inúmeros ramos que estão presentes no GitHub.

Memória descritiva:

1. Este trabalho começou com a ideia de fazer um "treino" das habilidades de html começando com o passo 4 onde fizemos exemplos das coisas que dá para fazer no html como escrever um documento, como inserir uma imagem, etc.., depois seguimos para o passo 5 onde fizemos um exemplo de uma tabela, o professor aproveitou utilizar as nossas caricaturas duma pt(proposta de trabalho) anterior, neste caso a PT03, para fazer uma pauta na forma de tabela, depois a partir daqui depende da criatividade de cada um e como cada uma faz a sua tabela, ou seja, como usa as cores, a estrutura ou mesmo se acrescenta alguma coisa a mais como algumas animações, eu no meu caso não fugi muito à tabela padrão. 

2. Para efetuarmos o passo 4 e 5, é necessário ter instalado um editor de código, no meu caso usei o notepad ++, que me foi recomendado pelo professor, mas também existem outros como o atom que funciona tão bem como o notepad, então basicamente escolhi o notepad simplesmente porque o professor falou primeiro e também houve colegas meus que já tinham utilizado o notepad, e todos falaram bem desse editor de vídeo então decidi utilizá-lo e não desgostei da experiência, é também muito fácil de utilizar, para podermos ter acesso às fotos precisámos também do software do Google fotos .

3. O passo mais interessante foi o passo 5, mais especificamente dentro deste passo 5 "Tabela em HTML" foi o passo 1, porque foi neste passo que usei os meus antigos conhecimentos de HTML e também aprendi novas coisas como por exemplo como usar cores em HTML e também como fazer colunas na tabela e etc..., o passo que menos gostei foi o passo 2, outra vez dentro do passo5,  este passo foi também o que achei mais trabalhoso, basicamente neste passo foi onde tivemos de agrupar as fotos das caricaturas da nossa turma numa pasta e dar nomes de acordo com as boas práticas, ou seja, dar nomes só com letra minúscula, sem espaços e sem acentos.

4. Os problemas que encontrei neste trabalho foi no passo 5 a fazer a tabela, pedi ajuda a alguns colegas meus de como inserir por exemplo cores novas, mas este problema foi facilmente resolvido, não surgiram assim muitos mais problemas.

5. As decisões mais importantes que fiz neste trabalho foram feitas dentro do código, do passo 5, em si, como por exemplo mudar a cor dos nomes, centrar a tabela na página da web, inserir os links das fotos grandes através duma referência, etc, todos estes passos serviram para melhorar o aspeto da tabela em geral e também para utilizar os conhecimentos que tinha aprendido antes no passo 4, este passo 4 não é um passo incluído dentro da tabela. Outras decisões mais banais foram por exemplo a maneira como organizei os meus repositórios no GitHub e também como organizei o meu site do freenom.

6. Para concluir, nesta proposta de trabalho o que mais gostei de fazer e que acho que compensou mais o trabalho investido foi o passo 5, digamos que este passo é o passo principal, neste passo aprendi várias coisas novas sobre o HTML mas mesmo assim podia ter ficado melhor em geral, acho que mesmo assim podia ter personalizado a tabela, mas mesmo assim acho que ficou boa. A parte que menos gostei de fazer foi o curso do sololearn, foi muito demorado e mesmo que tenha aprendido algumas coisas sobre o HTML em geral sinto que foi muito longo, o que correu pior neste trabalho foi o passo 2 do passo 5 onde tínhamos de agrupar as fotos numa pasta e eu em vez de colocar nomes de acordo não o fiz à primeira, mais tarde corrigi, e então deu-me trabalho a mais por um erro simples, mas em geral esta pt correu bem e sinto que aprendi as bases do HTML.

1. O link do meu site criado nesta PT05 é: http://miguellorga.ml/

2. 

   E aqui está o certificado do meu curso do sololearn

    

PT05 (passo 10) - Entrada 27

    O GitHub, que faz parte da família Git, foi uma ferramenta utilizada ao longo de toda a Proposta de Trabalho 05, onde os alunos fariam enviariam para o site todos os pedaços de trabalho que desenvolvessem.

    Mas o que é a família Git? Bem, a família Git consiste no GitHub, GitHub Pages, GitHub Desktop e Atom. Esta família é destinada a programadores.

    O GitHub é uma excelente plataforma que permite o upload de variadíssimos tipos de projetos. Esta funcionalidade permite aos utilizadores partilharem os seus desenvolvimentos, bem como a visualização de projetos de outros.

    Embora seja bastante boa para programadores, e utilizadores com experiência no GitHub, toda a gente tem de começar. E a parte para iniciantes do GitHub é um pouco fraca. Sem uma ajuda de uma pessoa mais experiente, é bastante provável que o novo utilizador se vá perder nos inúmeros ramos que estão presentes no GitHub.

 

   A plataforma foi lançada em 2008 e atualmente conta com mais de 36 milhões de utilizadores ativos frequentemente e mais de 100 milhões de projetos carregados, até ao dia de hoje.

    Para começar, nesta proposta de trabalho, entrámos em contacto com o site W3Schools, um website que nos permitiu o primeiro contacto com o HTML, através de projetos já existentes. Tudo o que foi necessário fazer foi recriá-los, e traduzi-los.

    De seguida, a parte mais desafiante do trabalho, a criação de uma tabela com as caricaturas da turma.
    Claro que feito depois da obtenção do diploma em HTML, na plataforma SoloLearn. Nesta plataforma, foi necessária a subscrição em 3 cursos: HTML, CSS e JavaScript. No entanto, apenas foi necessária a conclusão do curso de HTML.

    Após obter o diploma, partimos para a criação de um novo mini-projeto: a tabela caricaturada da turma.     

    A ideia de construir uma tabela em HTML foi bastante motivadora, e facilitou a progressão do trabalho, pelo que penso que não houve nenhum impedimento. No entanto, a tarefa foi ficando um pouco entediante, pois o mesmo processo teve de ser repetido 28 vezes.
    Um dos passos mais interessantes foi o aspeto estético, o posicionamento das fotografias na tabela, a interação existente cada vez que o rato está em cima de um dos elementos da tabela, e a cor das linhas da tabela.   Recorrendo ao CSS, foi possível melhorar o aspeto gráfico de todo o trabalho, pois desta forma fica bastante mais apelativo.

    Recorrendo ás ajudas fornecidas pelo professor no passo 4 tornei um trabalho com um aspeto aborrecido, um trabalho com um aspeto interessante e atrativo.

    O meu URL público, criado nesta PT05 é: https://afonsteixeira.tk

    

    SoloLearn terminado:

    

Certificado SoloLearn:

Memória descritiva:
1 - O Professor deu-nos esta PT, que apareceu no enunciado de PT's do site do professor.
2- Para este trabalho precisei de instalar de instalar o software Notepad++. Utilizei também o GitHub, o freenom e o sololearn como ferramentas online para auxílio na PT.
3 - Os passos que achei mais interessante foram o 4 e o 5 porque foram os passos que requeriam mais aplicação do HTML que é o Ponto principal da PT, para além do facto de que a criação da tabela foi interessante.
- Os passos mais difíceis foram o 5 e 09, mesmo sabendo que a criação da tabela foi interessante, não muda o facto de ter sido difícil, e o passo 9, visto que o curso do Sololearn exigia vários conhecimentos, que precisávamos estudar antes de responder.
- Os passos que deram mais trabalho foram também o 5 e o 9 pelos mesmos motivos.
-Os passos onde tive de pedir ajuda foram no 6, pois tive dificuldade em enviar o meu trabalho feito para a plataforma GitHub. Tive a ajuda do João Fidalgo e do José Silva.
4-Pedi ajuda ao João Fidalgo e ao José Silva.
5-Não tive de tomar nenhuma decisão que fosse contrária ao enunciado. No entanto, fiz apenas umas alterações a nivel estético, com foco em melhorar a PT.
6-0 que gostei mais de elaborar neste trabalho foi a tabela, porque foi o desafio onde tínhamos de aplicar o nosso conhecimento
de HTML. E a partir daí, criar a tabela.
-Correu tudo bem, mas acho que poderia ter me organizado melhor, quer a nivel de tempo, quer a nivel da disposição dos repositórios no GitHub.
-Entrei em contacto com o HTML, onde aprendi bastante, e aprofundei o conhecimento do GitHub.

   E é tudo por esta PT05.

Opinião sobre a família Git

    Git é um sistema que tem a finalidade de gerenciar diferentes versões no desenvolvimento de um documento, no entanto tem a capacidade de gerenciar o histórico de edições de qualquer arquivo. Apesar de projetado e desenvolvido por Linus Torvalds para o desenvolvimento do kernel Linux, foi adotado por muitos outros projetos.

    Apesar de apenas ter usado BitBucket e GitHub (que provêm hospedagem gratuita de código fonte para o repositório Git), é fácil ver como este sistema, usado por milhões de usuários (principalmente programadores), é essencial na medida em que torna acessível a divulgação dos seus trabalhos e até mesmo a contribuição de outras pessoas para um projeto.

    

    Em relação à Proposta de Trabalho 05, sinto que foi uma ótima maneira de começar a utilizar uma linguagem nova, sendo que me foi disponibilizada uma grande variedade de informação pelo professor. HTML foi uma língua que nunca me apelou muito, no entanto esta PT05 foi uma ótima maneira de aprender as suas bases. 

    Foi necessário utilizar um editor de código (poderíamos usar o Notepad++ ou o Atom), e o Github para a divulgação de todos os nossos ficheiros utilizados.

    Um dos passos mais fáceis desta PT foi a criação de 5 códigos simples em HTML, utilizando apenas tags muito simples como a criação de um link, a inserção de uma imagem e de um parágrafo. Por outro lado, o passo mais difícil e mais interessante foi a criação de uma tabela personalizada com as caricaturas da nossa turma.

    Depois de criada uma "Landing Page" para todos os passos da nossa PT05, criámos um domínio personalizado no FreeNom e, foi mesmo aqui, onde surgiram dois pequenos problemas. Primeiro, o FreeNom impossibilitava-me de criar uma conta com o mail institucional e, após conseguir, impossibilitava-me de criar um domínio personalizado. Com a acumulação destes erros, apenas me restou como solução criar uma conta com o meu mail pessoal, resolvendo assim facilmente estes problemas. 

    Aprendi então, nesta PT05, os básicos de HTML e CSS.

URL imagem: https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Git-logo.svg/1200px-Git-logo.svg.png

URL site: https://pt.wikipedia.org/wiki/Git

URL domínio personalizado: https://aluis.tk

PT05 (passo 10) - Entrada 1/Semana 15 - 21 Mar.

        PT05 (passo 10)

    Durante a PT05, fez-se uma constante utilização da plataforma GitHub para carregarmos os mini-projetos desenvolvidos.

    O GitHub é uma ótima plataforma que permite aos seus utilizadores fazerem upload dos seus projetos para que possam ser acedidos por qualquer pessoa. As vantagens são imensas: a plataforma pode ser utilizada, por exemplo, como uma nuvem onde se pode colocar ficheiros de backup de um projeto nosso, ou até como se fez na PT05, uma forma de carregarmos todos os ficheiros locais desenvolvidos, permitindo a qualquer pessoa depois descarregá-los e aceder aos projetos em HTML (e de CSS).

   

     É sem dúvida, um ótimo website que qualquer programador ou até mesmo alguém que está a dar os seus primeiros passos nesta área deveria utilizar.

    A plataforma foi lançada em 2008 e atualmente conta com mais de 36 milhões de utilizadores ativos frequentemente e mais de 100 milhões de projetos carregados.

    Neste proposta de trabalho, para além do frequente contacto com a plataforma GitHub, criámos vários mini-projetos em HTML baseados em projetos já existentes no site w3schools.com e ainda uma tabela, também em HTML. Neste  projeto, o professor deu-nos liberdade para construirmos uma pauta com as caricaturas dos alunos, devidamente identificadas. A preparação para o trabalho e a instalação de software foi feita em passos anteriores da proposta de trabalho. Foi necessário instalar o "Notepad++". Não houve quaisquer constrangimentos na realização do trabalho.

      O passo mais interessante foi mesmo tentar criar o design da tabela. Criar algo que ficasse bem, sem complicar muito, foi sem dúvida a parte mais agradável de se fazer. O mais difícil foi talvez também a parte de "decorar" a tabela. Como a parte estética da tabela foi feita com recurso a elementos de CSS, tive que procurar nos sites que o professor sugeriu no passo 4 do enunciado da tabela pelos métodos adequados a usar. O passo que deu mais trabalho, (e que foi talvez também o mais entediante) foi o passo de renomear todas as fotografias das caricaturas dos alunos para nomes sem maiúsculas, sem espaços e sem acentos. Algo que é necessário para possuir um projeto mais "clean", para além de ser boa prática, mas que torna-se um pouco enfadonho. Foi também no passo de "decorar" a tabela, quando necessitei de inserir as cores no código que pedi ajuda a alguns colegas.    

Inicialmente, a tabela tinha sido criada apenas com 3 colunas (nome/número/caricatura), posteriormente, após uma análise melhor do que era pedido no enunciado, decidi inserir mais uma para a turma dos alunos.

    A melhor parte deste trabalho foi mesmo o processo criativo que esteve por trás do design da tabela, no passo 4 do enunciado da tabela. Ver quais eram as melhores cores ou bordas para usar foi bastante interessante. Com esta proposta de trabalho, ficámos a saber como se constrói uma estrutura em HTML para documentos com vários propósitos. Também ficámos a saber que há duas formas de inserir elementos estéticos (em CSS) e a forma como se inserem estes elementos.

    Embora a criação da pauta envolva alguns processos um pouco menos agradáveis como o de renomear todas as imagens dos alunos, o resultado final até compensa, ainda mais sabendo que todo o esforço em tentar criar uma design bom sempre deu alguma coisa com qualidade.

    

    O meu site de domínio público com os vários projetos criados durante esta proposta de trabalho: luiscanossa.cf    

    No enunciado do trabalho era pedido também que fosse feito um curso online de HTML, no site SoloLearn.

Certificado da conclusão do curso online de HTML do SoloLearn

Fontes:

https://pt.wikipedia.org/wiki/GitHub (consultado a 21/03/2021)

https://www.w3schools.com/ (consultado a 21/03/2021)

PT05 - Passo 10

O github foi um bem essencial para o desenvolvilmento desta PT, e na minha humilde opinão creio que o github seja dos melhores sitios para guardar e partilhar os nossos projetos com progamadores.

1. Para o site do meu repositorio, inspirei me no estilo ja feito pelo stor e depois joguei com as cores.

2. Utilizei como indicado o Notepad++, sem qualquer tipo de problemas, para o desenvolvimento da tabela e o meu site ("osupy.tk")

3. Mais interessante achei a propria realização do trabalho; Não houve nada de grande dificuldade; O que deu mais trabalho foi a realizaão da tabela, porque foi  uma tabela de 27  alunos; A minha ajuda foi o google, mais propriamente este site www.w3schools.com.

4. Usei sempre o mesmo site www.w3schools.com.

5. Segui rigorosamente o enunciado, as unicas decisões foi só em relação ao aspeto final da tabela e do site, ambas ficaram com aquele produto final porque acho que ficaram decentemente organizadas e legiveis.

6. Gostei de elaborar a tabela em si.*; Consegui ter um resultado final tal como pretendia; Aprendi como desenvolver a estrutura de uma tabelae  aprendi estilos em css; Não tive tristezas, consegui aquilo que pretendia.

Completando o curso de HTML no Sololearn também ajudou bastante na realização da PT

família Git

Acho que este aplicações do github gitpage e outros são um conjunto de pecas que preencham buracos da família git onde provavelmente ira ter mais aplicações com avanço tecnológico. 

Memória descritiva:

1 - O Professor deu-nos esta PT 05 , que apareceu no enunciado de PT's do site do professor.
2- Para este trabalho precisei de instalar de instalar o software Notepad++. Utilizei também o GitHub, o freenom e o sololearn como ferramentas online para auxílio na PT.
3 - Os passos que achei mais interessante foi o 5 porque foram os passos que requeriam mais aplicação do HTML que é o Ponto principal da PT, para além do facto de que a criação da tabela foi interessante.
- Os passos mais difíceis foram o 5 e 09, mesmo sabendo que a criação da tabela foi interessante, não muda o facto de ter sido difícil, e o passo 9, visto que o curso do Sololearn exigia vários conhecimentos, que precisávamos estudar antes de responder.
- Os passos que deram mais trabalho foram também o 5 e o 9 pelos mesmos motivos.
-Os passos onde tive de pedir ajuda foram no 6, pois tive dificuldade em enviar o meu trabalho feito para a plataforma GitHub. Tive a ajuda do João Fidalgo e do José Silva.
4-Pedi ajuda ao João Fidalgo e ao José Silva.
5-Não tive de tomar nenhuma decisão que fosse contrária ao enunciado. No entanto, fiz apenas umas alterações a nivel estético, com foco em melhorar a PT.
6-0 que gostei mais de elaborar neste trabalho foi a tabela, porque foi o desafio onde tínhamos de aplicar o nosso conhecimento
de HTML. E a partir daí, criar a tabela.
-Correu tudo bem, mas acho que poderia ter me organizado melhor, quer a nivel de tempo, quer a nivel da disposição dos repositórios no GitHub.
-Entrei em contacto com o HTML, onde aprendi bastante, e aprofundei o conhecimento do GitHub.

7- Não tenho tópicos que sejam relevante mencionar 

PT05: A família Git, Memória Descritiva, URL de domínio público e certificado no Sololearn

A família Git

A "família Git" é constituída por várias aplicações, sendo a aplicação que revolve todas as outras é o Git. Apesar de não termos utilizado esta aplicação, criada por Linus Torvalds, criador do Linux, é um software para detetar e localizar alterações em qualquer tipo de ficheiro, de forma a facilitar a coordenação entre vários programadores.

Com isto, desenvolveram-se várias aplicações a complementarem esta aplicação, como por exemplo, o GitHub, que é controlado pela Microsoft, onde podemos colocar, de forma completamente gratuita, vários repositórios e até ter um sítio onde podemos colocar a nossa própria página, como usámos com o GitHub Pages neste trabalho.

Memória Descritiva

1. O processo criativo acabou por se acentuar mais no passo 5 e 7, onde construímos a tabela e a página principal no GitHub Pages. Após ter visualizado a tabela de alguns colegas meus que já tinham feito uma versão inicial das suas tabelas, e por isso tentei desenvolver algo um pouco mais avançado. O ponto principal do tema da minha tabela (e da minha página principal) era aplicar o famoso dark mode, que não só penso que facilita a leitura de quem vê a tabela e a página principal, mas que também fica bem melhor do ponto estético, mesmo tendo as caricaturas um fundo branco. Depois, decidi colocar apenas numa única célula toda a informação de cada aluno, a sua caricatura, nome e número, pois como eram apenas essas 3 coisas (não achei necessário dizer em cada aluno a turma, pois somos todos da mesma turma) a informação a transmitir era pouca e suficiente de colocar numa única célula. Assim, em cada linha foi possível colocar 4 alunos, e assim evitei que a lista ficasse desnecessariamente longa, o que também me agradou do ponto de vista estético. Por fim, em termos de estética temos as fontes tipográficas, usando o Google Fonts, uma ferramenta muito útil, acabei por escolher como fonte principal a Open Sans, com grossuras diferentes dependendo do texto, e na tabela também usei o tipo de letra Roboto, mais famoso por ser usado pela própria Google. Depois de encontrar umas cores de fundo que acho que vão de encontro ao que tinha imaginado, descobri como se aplicavam animações em HTML, e então apliquei isso na minha tabela e na minha página principal, de forma a que se destacasse através de uma sombra o que está por baixo do rato. 

2. Para preparar o trabalho foi bastante fácil, pois já tinha instalado anteriormente o Notepad++, bem com o Atom, que foi o que gostei mais de utilizar, e que muito provavelmente utilizarem em trabalhos futuros, pois achei bem mais completo do que o Notepad++, apesar de este último ter a sua simplicidade. De resto, não há muito que conste da preparação do trabalho: todo o trabalho consistia em utilizar o computador, e ainda por cima dada a situação de ensino à distância, tempo no computador foi algo que não faltou.

3. O passo mais interessante foi definitivamente o passo 5, onde se construiu a tabela, mas dado que é um passo tão extenso, acho que faz mais sentido dividir este passo nas suas várias componentes, e a componente mais interessante de fazer a tabela foi definitivamente aprender a definir a "apresentação" da minha página através do CSS. Apesar do trabalho se incidir mais em HTML, o trabalho em concreto em HTML não pode mudar muito para além do pedido que é o de fazer uma tabela, que mesmo assim tem alguma parte em que se pode variar, mas que, na sua maioria, envolve CSS, e não HTML. Assim, apreciei mais a parte do CSS, tanto na tabela do passo 5 como na página principal do passo 7, pois tinha uma enorme liberdade para decidir o que poderia fazer.
   
   O passo que achei mais difícil foi também no fundo o passo que achei mais interessante, o CSS. Tive que procurar bastante informação e documentação sobre como se colocava o fundo com uma certa cor, como escolher a própria cor no formato que eu queria, em vez das cores predefinidas, como fazer com que a página reaja quando se passo com um rato num dado elemento, e tudo mais. Foi bastante difícil, mas também foi muito gratificante.
   
   Os passos que deram mais trabalho, que pelo menos achei mais monótono, acabaram por ser dois, ambos no passo 5: ter que adquirir as imagens através do álbum das caricaturas deu bastante trabalho, pois nalgumas imagens mal colocados por alguns colegas meus e tive que as redimensionar de acordo com os tamanhos pedidos. Não foram todos claro, mas colocar tudo nas pastas corretas para 27 alunos torna-se bastante monótono.
   Já o outro passo que deu bastante trabalho foi o de colocar uma cor diferente em cada legenda na tabela, e mais uma vez, encontrar 27 cores que se encaixassem bem com o tema escuro da minha tabela, acabou-me por tirar praticamente uma tarde inteira.
   
   Felizmente não necessitei de pedir ajuda a ninguém diretamente, consegui fazer tudo de forma autónoma, mas com bastante assistência de motores de pesquisa para encontrar quais os comandos e códigos que necessitava.

4. Fui resolvendo os problemas que fui tendo principalmente através de pesquisa. Os sites que mais me esclareceram o que precisava de saber foram sem dúvida o W3Schools, utilizado também num dos passos do trabalho. Para além do W3Schools, também tive ajuda de um site da Mozilla que também explica de forma muito sucinta como utilizar HTML e CSS. Também esclareci algumas dúvidas com o professor, mas foi mais de esclarecer o que o enunciado nos pediu para fazer do que propriamente como fazer.

5. A decisão mais importante que se poderia tomar neste trabalho eram a de escolher o esquema e apresentação da nossa tabela das caricaturas e também de como apresentar a nossa página principal do GitHub Pages, pois de resto, é só seguir o enunciado com pouca manobra para fazer algo de diferente. Como já disse anteriormente decidi seguir com um tema escuro que está muito na moda nestes últimos tempos, e depois senti que faltava mais alguma coisa, por isso adicionei as animações quando se passa o rato por certos elementos, tanto na tabela como na página principal.

6. Concluíndo, o que gostei mais de elaborar foi definitivamente a componente do CSS, mas tudo o que envolveu a parte de programação acabou-me por despertar algum interesse, talvez não o suficiente para seguir no futuro algo como Engenharia Informática, mas para um projeto à parte. Acho que ficou tudo bastante positivo, não tenho nada de mais a apontar sobre o que poderia ter ficado realmente muito melhor do que o que já apresento, acho que ficou um trabalho bastante robusto e completo, e fiquei bastante satisfeito com o que realizei. Aprendi praticamente tudo de raiz neste trabalho, tenho uma vaga noção de programação, mas nunca tinha programado em HTML (quanto mais CSS), ou algum tipo de programação de desenvolvimento na web, desde aprender a estrutura do HTML e do CSS usar o div, fazer cabeçalhos e tanto mais, até a saber como eu posso criar um domínio de forma gratuita. Para mim, acabou por ser um excelente introdução e aprendi imenso. A maior alegria, que até me surpreende bastante, é que ao construir a tabela e a página principal, tanto na parte do HTML e do CSS, correu tudo de forma bastante normal. Sem grandes erros ou bugs, talvez pela simplicidade do trabalho, mas nunca caí num buraco sem saída, assim por dizer. No entanto, a maior tristeza foi entregar no Classroom a minha pasta do Drive do passo 4 com atraso, apesar de ter sido eu a perguntar o que se colocaria no Classroom e estar pronta para entregar há bastante tempo.

URL de domínio público

Podem aceder ao meu URL de domínio público clicando neste link: http://rodrigosimoesaib.tk/

Certificado no Sololearn