Pesquisar aqui

sábado, 2 de maio de 2020

HTML - Conhecer as tags

Como prometido hoje falarei de uma forma mais aprofundada as tags anteriormente mencionadas:
  • <p> - paragraphs: este elemento escreve um simples paragrafo;
  • <h1> / <h6> - headings: este seis elementos servem como títulos, começando do primeiro heading ( o com maior tamanho) até ao sexto heading;
  • </br> -line break: esta tag adiciona uma linha ao texto sem criar um novo paragrafo;

Conheça agora a linguagem HTML5 e seja um profissional de TI ...

Ainda existem um numero de elementos que servem especificamente para transformar o teu texto. Estes são alguns desses elementos:

  • <b> - bold: coloca o texto em negrito;
  • <big> - Big: faz com que o texto fique maior;
  • <i> -  italic: coloca o texto em itálico;
  • <small> - small: faz com que o texto fique menor;
  • <strong> - strong: serve para definir textos importantes;
  • <ins> - inserted: coloca uma linha debaixo do texto;
  • <del> - deleted: coloca uma linha por cima do texto;

Estas são algumas das tags que facilitaram a tua criação de sites. Até à próxima!

HTML - PT07


NESTA PUBLICAÇÃO IREI ESCREVER SOBRE A PROPOSTA DE TRABALHO REALIZADA EM APLICAÇÕES INFORMÁTICAS B SOBRE HTML!

Processo criativo
Como inspiração neste projecto, comecei por fazer logo o Passo 9 - Curso HTML da SoloLearn, assim comecei por aprender os conceitos básicos, as tags e atributos de HTML. Também já tinha começado no início do ano lectivo uma pesquisa autónoma sobre o tema porque me intrigou logo a partir do momento em que o professor o mencionou, assim revi os meus apontamentos que já tinha feito na altura. Também vi o código fonte de diversas páginas e sites que costumo utilizar para ver como é o código HTML de um site complexo, em que até a simples página de pesquisa Google.pt tem um código fonte enorme. Por fim utilizei o site W3Schools que já conhecia e o professor também partilhou em que vi diversas páginas e informação sobre HTML e CSS.

Preparação
- Instalação do Notepad++ e do Atom como editores de código;
- Configuração dos mesmos para programação em HTML;
- Instalação de alguns plugins que me pareceram úteis para o Notepad++;
- Visionamento de alguns vídeos de bases de HTML;
- Instalação do IrfanView para realização do Passo 5 - Criação de uma tabela;
- Instalação da aplicação SoloLearn para a realização do Passo 9 - Curso HTML da SoloLearn;
- Pesquisa de alguma informação básica sobre a linguagem.

Passos difíceis que tive de pedir ajuda:
- Instalação de plugins para o Notepad++ no Passo 2 - Editor de código; 
- Na criação de estrutura de pastas e nomes de documentos no Passo 4 - Primeiros passos HTML;
- Login na plataforma FreeNom no Passo 5 - Criação de uma tabela;
- Criação dos repositórios GitHub no Passo 6 - Iniciação ao Github;

Passos interessantes que mais gostei:
- Pesquisa e recolha de informação sobre a História e Estrutura do HTML no Passo 1 - HTML-Bases;
- Criação de toda a tabela e ficheiros HTML e CSS no Passo 5 - Criação de uma tabela;
- Utilização do Color Picker do site W3Schools para criar uma legenda de cada célula com uma cor diferente;
- Criação da conta GitHub no Passo 6 - Iniciação ao Github;
- Realização do curso sobre HTML no Passo 9 - Curso HTML da SoloLearn; gostei tanto da aplicação que comecei a fazer o curso de CSS, de JavaScript e de Python 3.

Resolução de Problemas:
Em todos os problemas encontrados pesquisei em fóruns e sites, a maioria deles internacionais, que contém bastante informação necessária sobre HTML e CSS e vários chats onde posso colocar as minhas dúvidas a outros programadores mais experientes. Também utilizei a plataforma Youtube com imensos vídeos sobre o tema, o site W3Schools com muitas sub-páginas destinadas a várias tags e matérias de HTML e CSS (incluindo o Color Picker) e também os apontamentos disponibilizados pelo professor. Senão encontrasse a minha resposta com os métodos descritos acima, perguntei sempre no fórum de dúvidas em que ou o professor, ou os meus colegas respondiam.

Decisões Tomadas:
- Decidi nomear todas as pastas, sub-pastas e ficheiros com nomes de acordo com as boas práticas de programação, assim não utilizei acentos e espaços, apenas escrevendo em minúsculas;
- Decidir fazer, para além do curso de HTML, os cursos de CSS, JavaScript e Python na aplicação do passo 9, SoloLearn;
- Todas as cores escolhidas para legendas das fotografias foram escolhidas sem nenhum critério apenas escolhendo algumas ao calhas no Color Picker;
- No passo 5, escrevi os estilos da tabela num ficheiro . css à parte para uma melhor organização;
- Ainda no passo 5, indentei e comentei todo o código para melhorar a sua organização e leitura;
- No passo 6, personalizei o repositório do passo 4, assim criei um ficheiro index.html que tinha links que abriam num novo separador o documento escolhido do passo.

Passo 0
O passo 0 foi bastante simples e fácil de realizar, no qual apenas tive de fazer alguma pesquisa simples sobre a história do HTML, onde e porque é que surgiu, a sua linha cronológica entre outros, não tive quaisquer dificuldades.

Passo 1
O passo 1 foi mais interessante, no qual continuei a minha pesquisa mas de uma maneira mais prática, agora aprendendo qual a estrutura básica de todos os ficheiros HTML, as primeiras tags como <html>, <head>, <body>, entre outras. Como já tinha estudado as bases de HTML autonomamente, não senti quaisquer dificuldades.

Passo 2
O passo 2 foi mais prático do que os anteriores, assim seguindo as instruções, instalámos o Notepad++ com alguns plugins recomendados pelo professor e também instalámos o Atom, configurando assim estes dois editores de texto. Senti algumas dificuldades na instalação dos plugins, mas consegui entender para que servem e instalar os mesmos.

Passo 3
O passo 3 foi para mim um bocado mais chato, mas bastante importante. Foi destinado às boas práticas de programação e como programo e essa vai ser a minha profissão no futuro, foi bastante aprender algumas das "regras" ou princípios de programação partilhados pelo professor, alguns deles pude colocar em prática durante a realização da proposta de trabalho.

Passo 4
O passo 4 foi o "primeiro" contacto que tivemos oficialmente com o HTML, podendo seguir os exemplos dos códigos partilhados pelo professora do site W3Schools, escrevemos os mesmos e aprendemos mais algumas tags importantes, como <img>, <h1> ou <a href>. Eram códigos com tags simples nos quais não tive qualquer dificuldade em compreender e escrever.

Passo 5
O passo 5 foi, para mim, o mais divertido de fazer, no qual era preciso escrever um código para uma tabela com a pauta caricaturada da turma, assim utilizei os meus conhecimentos e pesquisei informação sobre tabelas em sites partilhados pelo professor para realizar essa tarefa. Aprendi a utilizar tags como <table>, <td> e <tr> e também complementei a minha tabela com um ficheiro de estilos em CSS que melhoraram visualmente a mesma. Foi o passo mais trabalhoso, mas também o mais dinâmico e interessante, porque começámos um código do zero e fomos escrevendo e editando até um resultado final fantástico. Tive algumas dificuldades na utilização de algumas tags e na escrita de alguns atributos em CSS, mas consegui superá-los com alguma pesquisa.

Passo 6
O passo 6 foi o mais confuso para mim, visto que o GitHub para mim é uma plataforma bastante complexa e o meu inglês não é lá muito bom, senti por vezes dificuldades em entender alguns passos, mas consegui realizá-los com a ajuda das instruções do professor. Assim consegui criar os dois repositórios pedidos, um para o passo 4 e um para o passo 5. O domínio público do meu repositório é: https://andre-jesus02.github.io/

Passo 7
O passo 7 foi um bocado problemático no início porque não estava a conseguir fazer login com a minha conta de email escolar, por isso fiz o mesmo com a minha conta Gmail pessoal que funcionou. Consegui associar os domínios e achei que foi um passo muito interessante e simples, não sabia que sites como estes existiam e comecei a perceber como funcionam. Para além das dificuldades no login, não tive quaisquer outras a realizar e perceber o passo. O novo domínio criado é ajesus.ga.

Passo 8
O passo 8 apenas consistia em preencher um curto formulário que pedia para inserir os endereços GitHub e FreeNom registados anteriormente.

Passo 9
O passo 9 foi um dos que mais gostei, no qual instalei a aplicação SoloLearn em que realizei o curso de HTML. Foi bastante interativo e divertido, aprendi de uma maneira dinâmica, a aplicação é ótima com muitas utilidades, cursos e uma comunidade de programadores muito simpática e com espírito de entreajuda. Gostei tanto da aplicação que vou continuar a realizar cursos de lá.


Passo 10
O passo 10 foi simples e rápido de fazer, onde apenas nos foi pedido para escrever uma notícia no Blog Público com esta memória descritiva, o URL do domínio público com o site criado e um printscreen do diploma do curso. Assim escrevi essa publicação e coloquei o link na sub-página do blog.

Conclusão
Concluindo assim mais uma proposta de trabalho, esta foi uma das que gostei mais de realizar visto que pude aplicar alguns dos meus conhecimentos de programação aprendidos autonomamente, aprendi a escrever código em HTML e CSS e pude explorar melhor o mundo da programação através de fóruns e sites. A programação é a área desta disciplina que mais gosto, assim esta proposta de trabalho despertou em mim bastante interesse e assim que foi apresentada, comecei logo a trabalhar na mesma. Foi um ótimo trabalho em que tive poucas dúvidas e pude participar bastante. Irei continuar a aprender e a trabalhar com HTML e CSS e também começar a aprender JavaScript.

HTML- Interação

HTML- Interação


Nesta publicação no blog vou tentar "interagir" com o que vou escrevendo. Ou seja, no local onde escrevo isto há um botão que me permite ver o que escrevo em HTML.
Carregando neste botão aparece isto:

Como podem ver se aumentarem a imagem ou a descarregarem vêm tudo o que escrevi inclusive o link da primeira imagem, o tamanho da mesma assim como o contorno que neste momento está em 0 mas se alterar para 10 já se vai ver na primeira imagem.
Apesar de ser mais fácil e intuitivo escrever de forma normal, "não HTML", a forma em HTML é muito mais ao pormenor, podemos alterar com muito mais pormenor a página web onde nos encontramos.

História do HTML

O HTML foi criado por Tim Berners-Lee um físico Britânico em 1991 no CERN. Inicialmente o HTML foi projectado para interligar as pesquisas próximas e compartilhar os documentos com maior facilidade.
Em 1992 em conjunto com o HTML foi criada uma rede de alcance mundial, WWW (Worl Wide Web), proporcionando o uso em escala mundial da WEB.
O HTML criado em 1991 não é o mesmo que é utilizado hoje em dia, ao longo do tempo têm sido feito alterações ao produto inicial. Actualmente o HTML já sofreu 8 alterações encontrando-se desde de 2017 na versão 5.2

sexta-feira, 1 de maio de 2020

Iniciação ao JS: For

For é uma estrutura de repetição que executará o código no seu interior pelo determinado número de vezes que nós determinarmos. Esta condição é especialmente útil quando queremos repetir pedaços de código um número de vezes bem definido. Caso não saibamos com precisão o número de vezes que queremos que o código se repita, é melhor ser utilizada a estrutura de repetição while, que irei falar no próximo post.

Exemplo de um ciclo for


Como pode ver, dentro dos parênteses do for, declaramos a variável de "controlo", a seguir dizemos que este ciclo será executado enquanto o i for menor que 5 (vai ser executado 5 vezes, de 0 a 4, inclusive), por fim, indicamos que no final de cada ciclo, será adicionado +1 à variável i. Dentro das chavetas colocamos o comando que queremos que seja executado. É importante denotar que o for começa por verificar se a condição dentro de parênteses é verdadeira, e apenas caso seja, o código no seu interior é executado. Por último, após executar o código, é adicionado ou subtraído (o programador decide) o valor à variável de "controlo".

imagem produzida pelo autor

HTML - Origem


É normal querer logo aprender como programar/escrever código mal descobrimos uma linguagem nova. Mas também pode ser interessante pesquisar mais sobre o seu passado e história. Afinal, é o que permitiu a internet ser a coisa que é hoje em dia. Logo, a história do HTML é muito interessante.

O HTML foi criado por Tim Berners-Lee, um físico britânico, professor e cientista da computação em 1991.
Primeiramente concebido para facilitar partilha de de documentos científicos no CERN na Suíca, tornou-se a base da internet quando em conjunto com a World Wide Web.


 Referências

HTML - A estrutura basica de HTML

Como iniciante nesta língua de marcação acho que a melhor forma de ter uma introdução à linguagem é começar com um pouco de estudo à estrutura. Mesmo com muitas diferentes versões de HTML tenham sido lançadas a sua estrutura base manteve-se sempre igual. Esta estrutura é comparada a uma sanduíche. Isto é porque o código essencialmente fica sempre entre duas "tags", tal como as fatias de pão de uma sanduíche, por exemplo o documento HTML tem tags de abrir e fechar (<html>  </html>).
What is the basic structure of a HTML page? - Development Tutorial

A seguir à tag de HTML o ficheiro tem a tag head. Esta serve para conter todos os elementos que não sejam visuais que ajudam a pagina a funcionar. E tal como a head logo a seguir há o body. E este serve para conter todos os elementos visuais, por exemplo parágrafos, listas, imagens, etc... Falarei mais aprofundadamente destas tags na próxima entrada. Até à proxima!


HTML - Estrutura básica

PARA COMEÇAR, VAMOS APRENDER COMO É CONSTITUÍDA E COMO FUNCIONA UMA ESTRUTURA BÁSICA DE HTML!

A estrutura básica de um ficheiro HTML é como se fosse um hambúrguer ou outra coisa com camadas, cada tag é como se fosse um pedaço de pão, assim todas as tags iniciam e finalizam, e o conteúdo de dentro das tags é como se fosse o recheio do hambúrguer, assim cada documento HTML tem como base as seguintes tags:

<!DOCTYPE html> - define que este documento é HTML5;
<html> - primeiro elemento de uma página HTML, assim todos os documentos HTML começam e acabam com um elemento <html> e </html>, respectivamente;
<head> - onde se encontra toda a informação "invisível" no site como o seu título por exemplo;
<title> - define o título do documento;
<body> - contém toda a informação visível na página;
<h1> - define um cabeçalho na página;
<p> - define um parágrafo na página.

Assim, o "esqueleto" de um documento HTML é:


Assim, os cabeçalhos (<h1>) e parágrafos (<p>) ficariam dentro da tag <body>, mas em publicações futuras irei explicar melhor essas tags.

Referências:

O que é o HTML?

HTML é uma abreviatura para a expressão inglesa de HyperText Markup Language, que é utilizada para a construção de páginas web.

Os ficheiros têm de receber no seu nome a extensão de .html ou de .htm ficando por exemplo com index.html .

O código é composto sempre por um <BODY> que traduzindo para português é o corpo ou seja onde vai ser feita a colocação do código que irá apresentar na sua página de HTML. Pode ser composto também por um <HEAD> onde se coloca o <STYLE> que nos irá permitir configurar os estilos da sua página.
Exemplo de um código HTML

quinta-feira, 30 de abril de 2020

HTML- Estrutura básica

HTML- Estrutura básica


O HTML tem uma estrutura semelhante a uma notícia ou seja: Cabeçalho, Corpo. No entanto. é possível acrescentar intermédios. Em cada uma dessas fases há linguagens próprias, códigos que  só se aplicam ao Cabeçalho por exemplo.
<!DOCTYPE HTML>

<html>

  <!-- Esta secção Head serve para fazer declarações iniciais e permite definir o titulo da página -->
  <head>

<!-- Para que os caracteres acentuados sejam apresentados corretamente, devemos colocar a seguinte instrução na área de head: --> 
<meta charset="UTF-8">

<title> Olá Mundo!</title>

  </head>

  <!-- Esta secção body é onde escrevemos tudo o que pretendemos que surja na página -->
  <body>

      <p> Olá Mundo!</p>

  </body>

</html>

Neste exemplo do famoso "Hello World!" temos sublinhados com várias cores tanto o ínicio e o fim do programa, o início e o fim do cabeçalho e o inicio e o fim do corpo. Note que em HTML é sempre obrigatório abrir e fechar. Por exemplo nas linhas que dizem "Olá Mundo!" vemos que começa com <tittle> ou <p> e fecha com </tittle> e </p> respetivamente.






quarta-feira, 29 de abril de 2020

Iniciação ao JS: if

O if é uma estrutura transversal à maioria das linguagens de programação, sendo a espinha dorsal de muitos programas. No Javascript a situação não é diferente.
Porém, apesar de ser muito poderoso, o if é de extrema facilidade de utilização. É importante que tenham noção que "if" quer dizer "se" em português.


Colocamos o if e em seguida, dentro dos parênteses, a condição que necessita ser cumprida para que o código dentro das chavetas seja executado.


Podemos adicionar um "else" que significa "senão", ou seja, o código dentro das chavetas do  else será executado caso a condição para que o if seja executado não seja cumprida.


Podemos também executar um "else if" que significa "senão se", que irá apenas ser executada caso a condição do if não seja verdadeira e a sua for.

No fundo todas estes diferentes estruturas utilizam o raciocínio se algo acontece, então faz isto, senão acontece, faz aquilo, se não acontece isso mas acontece isto, executa isto. É um raciocínio muito simples. Lembro também que estas estruturas podem ser encadeadas e usadas inúmeras vezes, com excessão do else, que pode ser apenas utilizado uma vez por "estrutura".

Todas as fotos são da autoria do autor.

HTML - Estrutura básica


Como já vimos anteriormente, é possível criarmos a nossa própria página utilizando apenas algumas linhas de código. Não entendemos, porém, o que causou o resultado final.
Vamos explicar.


<!DOCTYPE html>
<html>
  <head>
    <title>Hello World!</title>
  </head>
  <body>
    Hello World!
  </body>
</html>

O HTML usa tags. As tags são como são palavras especiais que se encontram entre "< >", e com elas podemos acessar funcionalidades especiais além do texto básico.
Existem tags para abrir e para fechar.
Por exemplo, nas tags que modificam o texto, o texto que colocarmos entre as duas tags será modificado.

Todo o código HTML tem de estar dentro da tag <html>, que fecha com </html>.
Depois, dentro temos a tag <head> que tem dentro a tag <title>. Isto trata do título que aparece no separador (tab) do navegador.
Fora de <head> temos o <body>, que será tudo que aparece na página em si, o corpo.
Em <body> temos texto. Este será lido mesmo se não tiver tag nenhuma e será exibido na página.

Assim, todo o código html tem sempre obrigatoriamente as tags <html>, <head>, <body>.

Referências

HTML - Relação com CSS e JavaScript

PARA DESENVOLVER UMA PÁGINA NA WEB, É NECESSÁRIO SABER HTML, JAVASCRIPT E CSS E AINDA SABER RELACIONÁ-LOS!


Programar uma página na Web apenas com a linguagem HTML seria como olhar para uma pessoa e ver apenas o esqueleto, é estranho, feio e sem vida, assim para desenvolver uma página Web é necessário juntar HTML + CSS + Javascript. Estas três linguagens complementam-se e funcionam como um ser humano perfeito, onde o HTML é a base da programação, como se fosse o esqueleto o corpo, o CSS é a pele e o JavaScript são os músculos.


O HTML define o que vai em cima, o que é texto, o que é coluna, o que é imagem, ou seja, estrutura muito bem a página com início, meio e fim. Contudo deixa a página "feia" e é aí que entra o CSS. Esta linguagem é como se fosse a pele que o corpo usa. Ela vai dar cor e deixar a página mais atractiva.

CSS (Cascading Style Sheets) é um mecanismo para adicionar estilo com cores, fontes, espaçamento, entre outras a uma página Web. Em vez de colocar a formatação dentro do documento, o CSS cria um link para uma página que contém os estilos.
Contudo, não basta um esqueleto e pele para o corpo humano viver, é preciso músculos, articulações, entre outros e é aí que entra o Javascript. 

Com o JavaScript é possível dar movimento e acção à página e tudo ficará mais atractivo para quem  a visita.
JavaScript é uma linguagem de programação criada para ser parte dos navegadores web, para que scripts possam ser executados do lado do cliente e interajam com o usuário sem a necessidade deste script passar pelo servidor, controlando o navegador, realizando comunicação assíncrona e alterando o conteúdo do documento exibido.

Assim aprendemos qual a relação entre estas 3 linguagens fantásticas, mas vamos continuar apenas com as publicações só de HTML, podendo fazer referência a algum dos outros!

Referências:

terça-feira, 28 de abril de 2020

HTML- Origens

HTML- Origens

HTML (Hyper Text Markup Language/ Linguagem de Marcação de Hipertexto) é fundamental para a navegação na internet. No momento em que abrimos um navegador seja ele qual for estamos perante algo cujas origens são HTML.

Numa qualquer página na web, se carregarmos no botão do lado direito do rato e posteriormente em Inspecionar podemos ver o código em HTML dessa mesma página.


Tim Burners-Lee, um físico britânico criou o HTML original em 1991. Mais tarde o HTML adotou partes de outras linguagens de programação o que fez com que desse um maior leque de possibilidades ao HTML. O HTML vai neste momento na oitava versão, versão 5.1.

segunda-feira, 27 de abril de 2020

Introdução ao HTML


     Introdução ao HTML

HTML é uma língua de código utilizada maioritariamente na criação de paginas na internet.

HTML é uma sigla da expressão inglesa HyperText Markup Language esta língua de código
é uma junção dos padrões HyTime e SGML.

O HTML foi criado por Tim Berners-Lee, a linguagem foi definida e melhorada nos anos 90, tendo 4 versões diferentes, HTML em 1991, HTML 2.0 em 1995, HTML 3.2 em 1997 e em 1999 saiu a versão HTML 4.01.

Algumas Tags utilizadas em HTML sao:

= marcador que define um parágrafo
= marcador que define uma hiperligação
href = atributo que define a url da hiperligação
 target = atributo que define a forma como a hiperligação será aberta
 _self = valor do atributo Target que define que a hiperligação será aberta na mesma guia
 / = define o fechamento do elemento

Iniciação ao JS: Confirm

Este comando é uma variação do prompt de que já falei. A única diferença é que em vez de retornar uma string ou um número (seja ele inteiro ou flutuante), este comando retorna um tipo de dados chamado de boolenao (com a abreviação bool). Este tipo de dados é o mais primitivo de todos, possuindo apenas dois estados: True (1) ou False (0). Este comando é muito útil para ser utilizado com condições if, pois se o valor for True (verdadeiro), a condição é executada, mas se o seu valor for False (falso), a condição não é executada. Este comando é especialmente útil quando usado para guardar o seu valor numa variável, como o exemplo a seguir demonstra.

Exemplo do comando "confirm" dentro de uma variável



 Resultado do comando "confirm"


Como podem ver, o resultado deste comando é um pop-up (como já disse inúmeras vezes, os utilizadores não costumam gostar), que quando clicamos no "OK" o valor recolhido é True, enquanto que quando clicamos no "Cancelar" o valor recolhido é False. 
Devo denotar que os pop-ups dependem de Browser para Browser,e como tal, todos terão duas opções de resposta ao confirm, mas o que estará escrito nas mesmas pode ser diferente de "OK" e "Cancelar", porém, o resultado será o mesmo.

Imagens produzidas pelo autor.

HTML - Primeira página


Vamos criar a nossa primeira página!
Será útil para verem a estrutura inicial e entenderem como tudo funciona.
Assim como nas linguagens de programação como o C++, comecemos com "Hello World!".

<!DOCTYPE html>
<html>
  <head>
    <title>Hello World</title>
  </head>
  <body>
    Hello World!
  </body>
</html>

Este código resulta numa página com um "Hello World!" escrito.
Podemos verificar isto ao colocar este código no bloco de notas ou outro editor de texto e mudar a sua extensão para .html.
Abrimos o ficheiro no navegador e vemos então que funcionou.

Referências

HTML - História


SENDO ISTO MAIS UMA CURIOSIDADE, NESTE PUBLICAÇÃO FALAREI DA HISTÓRIA DO HTML, DESDE QUANDO FOI CRIADO, ATÉ AOS DIAS DE HOJE!

O HTML foi criado em 1991, pelo físico inglês Tim Berners-Lee, no CERN (European Council for Nuclear Research, traduzido para Concelho Europeu para Pesquisa Nuclear) sediado na Suíça. 


O HTML foi inicialmente projectado para facilitar a a partilha de documentos científicos entre os diferentes departamentos do CERN e outras instituições de investigação nas proximidades. 
Em 1992, foi disponibilizada a biblioteca de desenvolvimento WWW (World Wide Web), uma rede de visibilidade mundial, que em conjunto com o HTML proporcionou a sua utilização à escala planetária através da WEB.


Referências:

domingo, 26 de abril de 2020

HTML - Por onde começar?

Como eu próprio ainda tenho pouca experiência com este nova linguagem de "montagem", para não ser confundido com linguagem de programação, eu decidi nesta entrada do blog partilhar uns websites de aprendizagem de HTML.
O primeiro e que eu pessoalmente estou a usar para aprender é o https://www.w3schools.com/html/. Este foi recomendado pelo próprio professor e parece me ser o melhor para aprender esta linguagem.
O segundo é o https://www.codecademy.com/. Este foi recomendado por um amigo e apresenta, pelo que me parece, uma boa introdução para quem nunca trabalhou com código.
E a ultima recomendação que esta foi feita apenas por recomendações da web é o https://www.learn-html.org/. Este website mostra muito potencial para ser um dos melhores cursos de introdução ao HTML. Desta forma despeço-me e deixo--vos com esta grande escolha. Se nenhum site te satisfazer recomendo pesquisares no blog sobre a noticia do Diogo Santos que mostra uma escolha mais abundante. Até à próxima!

O que é HTML? Guia Completo com Lista de Comandos Básicos HTML

HTML - sites para aprender


Onde podemos aprender a programar HTML?


Esta publicação não vai ter assim muita informação sobre o HTML em sí mas vai ser mais sobre sites em que podemos aprender a programar em HTML.
Agora uma lista de alguns sites em que podemos aprender a programar em HTML:

  • W3Schools
  • SoloLearn
  • BitDegree
  • Code Academy
  • Code School
  • Code Conquest
  • The Odin Project
  • Code Avengers
  • Khan Academy
  • edX
  • Coursera
Bem, ficam aqui com uma grande lista de sites em que podem aprender a programar em HTML, e os que recomendo são a W3Schools, o SoloLearn e o Khan Academy pois são os que conheço melhor.

Obrigado e até à próxima.

HTML - o que é?

O que é ao certo o HTML?


  O HTML (HyperText Markup Language ou Linguagem de Marcação de Hipertexto) é mais uma linguagem de programação e é sobretudo utilizada na construção de páginas web. Um documento HTML criado por qualquer pessoa (que tem o formato " .html") pode ser aberto como uma janela na net, mostrando-nos o que escrevemos no nosso código. Um site que muitos de nós utilizamos e muito provavelmente não sabiam que era em formato HTML é o gmail. Aqui em baixo está a prova em que é verdade (ver canto inferior direito da imagem).

Obrigado e até à próxima.

Interrupção Apple - Iniciação de HTML


Informação das próximas publicações


 A partir deste momento, as publicações que vou fazer vão continuar a não ser sobre as atualizações de software da Apple e vão passar a ser sobre o HTML e não sobre o Arduino.