O que é HTML?

HTML é a abreviação de HyperText Markup Language. Eu sei que é complicado, mas basicamente usamos HTML para definir a estrutura ou os blocos de construção de nossas páginas da web.

O que é CSS?

CSS é a abreviatura de Cascading Style Sheets. Nós o usamos para estilizar páginas da web e torná-las bonitas.

O que é JavaScript?

JavaScript é usado para adicionar funcionalidade às páginas da web. Deixe-me fazer uma analogia.

Pense em um prédio.

Um edifício no mundo real é como uma página da web na internet. Possui um esqueleto ou estrutura – o enquadramento e a fundação do edifício (HTML).

Ele também pode ter lindas paredes, janelas e azulejos que dão um acabamento e uma bela aparência (CSS).

E pode ter certas funcionalidades, como ser uma casa, um hospital ou um supermercado (JavaScript).

Por exemplo, quando apertamos o botão do elevador, ele vem nos buscar. JavaScript permitiria isso em nossa analogia.

Um verdadeiro exemplo

Aqui está um exemplo real. Digamos que você queira construir um site como o Twitter. Para o perfil, você deseja ter um layout como este:

Primeiro, usamos HTML para definir os blocos de construção deste layout. Quais são esses blocos de construção aqui?

1. Uma imagem.
2. Algum texto indicando o identificador do Twitter do usuário (por exemplo, @KarlgustaAnnoh).
3. Outro bloco de texto contendo a mensagem (Ensinando codificação por meio de histórias...).
4. Botões/ícones para editar o perfil, localização, link e data.
5. Contagem de seguidores.

Usamos HTML para adicionar esses blocos de construção à nossa página da web.

Em seguida, usamos CSS para dar apelo visual. Por exemplo, com CSS, podemos deixar o texto em negrito (como o nome), podemos tornar nossa imagem redonda. Também podemos alterar a cor dos ícones de localização, link e data, e definir sua aparência quando passamos o mouse sobre eles.

Então, CSS tem tudo a ver com efeitos visuais. Com CSS, também podemos criar lindas animações.

Agora, a maioria das páginas da web hoje em dia são interativas. Eles respondem às nossas ações como cliques e rolagens. É aqui que entra o JavaScript. Com o JavaScript, podemos adicionar funcionalidade ou comportamento às nossas páginas da web. Por exemplo, podemos clicar em um botão para seguir uma pessoa.

Portanto, JavaScript é uma linguagem de programação, enquanto HTML (Markup Language) e CSS (Styling Language) tecnicamente não são. Isso significa que não podemos usá-los para dizer aos computadores o que fazer. Nós os usamos para definir os blocos de construção de nossas páginas da web e estilizá-las.

Toda página da web que você viu na internet é construída com essas três linguagens. Portanto, quanto melhor você aprendê-los e entendê-los e seus recursos, melhor você será no desenvolvimento de front-end.

Até a próxima!

P.S. Esta é minha nova série. Se você é novo em codificação e gostaria de ajuda para aprender a programar, dê uma olhada no The 2 Hour Web Developer.