HTML, CSS e JavaScript: a jornada do iniciante em Frontend
- #HTML
- #JavaScript
- #CSS
O pilar da web, como chamam: HTML, CSS e JavaScript. Nem todas são linguagens de programação, o HTML serve como marcador de conteúdo, o CSS por sua vez, deixa esse conteúdo estilizado e por fim, o Javascript, que é a única linguagem de programação neste trio, dá os superpoderes.
Se pararmos para entender o significado das siglas HTML e CSS podemos descobrir o que cada linguagem representa. O HTML, que em inglês significa: Hyper Text Markup Language, pode ser traduzido por: “linguagem de marcação de hipertexto”. Isso nos mostra que essa é uma linguagem de marcação.
Já o CSS, que em inglês significa: Cascading Style Sheet, pode ser traduzido por: folha de estilo em cascata. Servindo como uma "linguagem" de estilização. Sendo assim, o HTML seria a linguagem responsável por marcar nosso conteúdo, como textos e imagens, por exemplo. E o CSS seria a linguagem responsável por deixar esses conteúdos, que foram marcados, mais bonitos visualmente, com cores e tamanhos adequados para as diferentes telas, por exemplo.
No que diz respeito ao Javascript, como mencionado acima, ele é o único do trio que é considerado uma linguagem de programação, sendo responsável por coisas bem importantes em um site web, como processamento de dados, por exemplo. Sempre se inicia no desenvolvimento web por elas, com isso, podemos começar construindo sites simples mas ao mesmo tempo, elegantes.
Uma grande parte da comunidade web costuma comparar o trio com partes do corpo humano, sendo o HTML considerado o esqueleto, o CSS sendo a pele, e o Javascript como o músculo.
Deixando as coisas mais legais, vamos dar uma olhada na estrutura básica do HTML? Bom ele seria como apresentado abaixo:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>Título da página</title>
</head>
<body>
Seu código aqui…
</body>
</html>
Essa estrutura apresenta o que chamamos de tags, sendo que cada tag é responsável por alguma coisa no arquivo. A tag DOCTYPE, informa ao navegador qual versão do HTML estamos utilizando. Por sua vez, tudo o que iremos escrever deve estar dentro de uma tag chamada HTML, que recebe um parâmetro lang informando ao navegador qual o idioma da nossa página.
Após isso, temos duas tags que separam nosso conteúdo geral, a tag head guarda dentro de si as tags importantes para que o navegador possa entender nossa página, bem como indexar ela aos mecanismos de busca. A tag body guarda o conteúdo que nosso usuário precisa ver, como textos e imagens, por exemplo.
Não nos aprofundaremos muito nessa estrutura, pois o propósito desse artigo é que você conheça esse mundo do Frontend, podemos aprender melhor em artigos futuros sobre o tema, te aguardo em breve. Aproveita para me mandar uma mensagem nos comentários, pode ser falando o que você achou do conteúdo ou dando sugestões de próximos conteúdos a serem abordados, um abraço e até logo.
link da publicação original em meu blog: https://francileudo-frontend.blogspot.com/2022/08/html-css-e-javascript-jornada-do.html
