PT05-passo 10

HTML - Hypertext Markup Language

  A liguagem HTML é uma "markup language" e é usada na construção de páginas Web. Tem como auxílio o CSS (Cascading Style Sheets) que trata da parte visual da página e scripts como o JavaScript. O HTML é como o esqueleto de um site, o CSS a aparência e o JavaScript o cérebro.

  Esta linguagem foi criada pelo físico britânico Tim Berners-Lee. No entanto só se tornou numa linguagem especializada em na década de 1990 baseando-se nas propostas originais de Tim Berners-Lee. Desde então já teve 8 versões diferentes, sendo que a última foi atualizada no ano de 2017.

Fonte: https://pt.wikipedia.org/wiki/HTML (Consultado a 21/03/2021)

Imagens:

Imagem do HTML5: https://www.google.com/search?q=HTML&source=lnms&tbm=isch&sa=X&ved=2ahUKEwib24G_z8HvAhVU6uAKHTgGAJQQ_AUoAXoECAoQAw&biw=1920&bih=975#imgrc=Bq4WTYc6O16thM (Consultado a 21/03/2021)

Imagem de um ficheiro HTML: https://www.google.com/search?q=HTML&source=lnms&tbm=isch&sa=X&ved=2ahUKEwib24G_z8HvAhVU6uAKHTgGAJQQ_AUoAXoECAoQAw&biw=1920&bih=975#imgrc=EF5bKtGLNIOvfM (Consultado a 21/03/2021)

Slack: O que é?

    O Slack é uma ferramenta de comunicação para locais de trabalho, “um único lugar para mensagens, ferramentas e arquivos ”. Isso significa que o Slack é um sistema de mensagens instantâneas com muitos suplementos para outras ferramentas de local de trabalho. Os add-ins não são necessários para a utilização do mesmo, porque a principal funcionalidade é falar com outras pessoas. Existem dois métodos de chat no Slack: canais (chat em grupo) e mensagem direta ou "DM" (chat pessoa a pessoa). 

    Quando o Slack apareceu, não havia concorrentes reais no mercado. Isso não quer dizer que não existiam outros aplicativos de conversa, mas o Slack combinou uma interface intuitiva com mensagens em grupo e pessoa a pessoa. Também permite que as empresas tenham certo controlo sobre quem pode usá-lo por meio do sistema de convite. Outras ferramentas poderiam fazer o mesmo, mas sem a mesma facilidade de interação. Nenhum dos fornecedores tradicionais (Microsoft, Apple, IBM, Sun e assim por diante) tinha algo comparável ao Slack.

URL site: https://www.howtogeek.com/428046/what-is-slack-and-why-do-people-love-it/

URL imagem: https://d34u8crftukxnk.cloudfront.net/slackpress/prod/sites/6/unfurl-slack-video-team-chat%402x.jpg

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

A história HTML

    O HTML, também conhecida como Linguagem de Marcação de Hipertexto ("HyperText Markup Language") é um bloco de criação básico para definir a estrutura de uma página web. Frequentemente também são usadas linguagens como CSS para a apresentação da página e JavaScript para o seu comportamento.

    Esta linguagem foi criada por Tim Berners-Lee, em 1991, como uma solução para comunicar e disseminar as pesquisas entre ele e o seu grupo de colegas, no entanto rapidamente ganhou uma atenção especial por todo o mundo, naquilo que vinha a ser o que hoje chamamos de Internet.

    No entanto, o HTML nem sempre foi aquilo que é hoje em dia. Já sofreu várias atualizações, passando pelo HTML 2.0, 3.2, XHTML, até à versão atual HTML5.2, lançado em 2017.

    Neste momento, para a sua funcionalidade, conta principalmente com a utilização de marcadores ("tags"), que servem como comandos de formatação de linguagem.

URL imagem: https://blogger.googleusercontent.com/img/proxy/AVvXsEjUE3BWPSRS1V6TmCybMpt3fe74UGGtCWPHQRzKqheLsa5AmTD8bLPHtIlxKpJXCVirebRoieLGF0vXjKRJaptBicWjbsZ6NnSySHygQFpbtwHPs7ZdSLdu01fBVYCoAws7cKhS4Iplj6KtyEYAXgV3J6B0x4nwwcFmR7uVKlXPCgt6_lCD=

URL site: https://developer.mozilla.org/pt-PT/docs/Web/HTML

Passo 10 da PT05 "Iniciação ao HTML" + Github + Freenome

FAMÍLIA GIT

O GitHub é considerado é uma ferramenta essencial para engenheiros inofrmaticos, com uma popularidade sem igual. Atualmente, ele acomoda mais de 36 milhões de usuários. Isso significa que há um número considerável de profissionais que usam o GitHub para melhorar o fluxo de trabalho e a colaboração.

Em resumo, o GitHub é um serviço baseado em nuvem que hospeda um sistema de controlo da versão chamada Git. Ele permite que os desenvolvedores colaborem e façam mudanças em projetos compartilhados enquanto mantêm um registo detalhado do seu progresso.

De onde vem o Git de Github ? 

O Git é o coração do GitHub, é um sistema de controlo de versôes desenvolvido por Linus Torvalds (o criador do Linux).

Isto significa que qualquer desenvolvedor numa equipa pode gerenciar o código-fonte e seu histórico de mudanças usando ferramentas do Git  – desde que tenha sido concedido o acesso para tal.

O que diferencia o Git é a sua propriedade que  oferece ramificações de recursos (os branches). Isso significa que cada engenheiro informático na equipa pode separa uma ramificação  que oferece um repositório local isolado para promover mudanças para os códigos.

De onde vem o Hub de Github?

Se o Git é o coração do GitHub, então o Hub é a alma. O hub de GitHub é o que torna uma linha de comando, como o Git, a maior rede social para desenvolvedores do mundo.

Além de contribuir em projetos específicos, o GitHub permite a socialização com pessoas que possuem os seus interesses. Pode também seguir pessoas e acompanhar o que fazem ou com quem se comunicam.

Opinião pessoal

De um ponto de vista pessoal (de acordo com as minhas experiencias ) posso dizer que o Github é certamente uma ferramenta bastante poderosa, mesmo sem o conhecer a 100% . Contudo o que eu achei mais interessante foi a sua grande acessibilade que me permitiu a mim, alguém completamente novo a este mundo, criar páginas em html expostas para o mundo, a troco de apenas alguns clices.

O único ponto menos bom que encontrei foi o tempo que demora a processar as atualizações que fazemos aos nossos ficheiros , que apesar de não ser muito, também não é exatamente pouco.

Memória Descritiva

O objetivo desta PT era ganharmos algumas báses de html, e como em todos os processos de aprendisagem, está também pode ser dividida em duas partes, parte teórica e prática.

A parte teórica engloba todas  as apresentações que o professor nos deu, o enúnciado da PT, e o curso do sololearn ( apear de também ter algum prática é constituido maioritariamente por trória).

A parte prática que se seguiu em sequência contêm todos os exercícios que resolvemos como a colocação de imagens / links em html e a contrução de uma tabela. Para esta parte tivemos de fazer o download do Notepad++, onde iriamos criar os códigos.

Tendo estas duas partes concluidas só falta colocar as evidências na pasta drvie criada para esta PT, no portufolio, e colocar os nossos html em repositorios online (Github) para que todos os podessem ver.

O passo 5 foi talvez o mais interessante e difícil pois apesar de ser o mais complexo, também é um dos que parece ser  mais úteis, não esquecendo que parte da sua elaboração é de estilo livre, ou seja, tivmeos chance de optar pela forma que preferissemos para a sua construção

De uma forma geral, não houve nenhuma situação que impedisse fatalmente o progresso da PT, sendo que os problemas encontrados eram de menor importância e corrigiveis.

O dominio com os repositorios criados : https://vascosamuel.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)

PT 05 Passo 0

O HTML foi inventado por Tim Berners Lee, um físico do centro de pesquisas CERN, na Suíça. Ele surgiu com a ideia de um sistema de hipertexto na internet.

Hipertexto significa um texto que possui referências (links) para outros textos que podem ser acessados imediatamente. Ele publicou a primeira versão do HTML em 1991, consistindo em 18 tags. Desde então cada versão do HTML vem com novas tags e atributos (modificadores de tags).

De acordo com o Elemento de Referência do HTML, do Mozilla Developer Network, atualmente existem 140 tags HTML, mesmo que algumas delas já estejam obsoletas (não mais suportadas pelos navegadores).

Devido a rápida ascensão e popularidade, o HTML é agora considerado um padrão oficial da web. As especificações do HTML são mantidas e desenvolvidas pelo Consórcio World Wide Web (W3C). Você pode conferir a última versão da linguagem no sie do W3C.

O maior upgrade da linguagem foi o lançamento do HTML5 em 2014. Diversas novas tags semânticas foram adicionadas que revelam o significado do seu próprio conteúdo, como  <article>, <header>, e <footer>.