(Atualizada em 23/07/2020)
A base da programação Front-End é o tripé: HTML + CSS + Javascript. Estas três linguagens de programação se completam e juntas elas trabalham de forma uniforme, como se fossem um ser humano perfeito.
Elas funcionam da seguinte forma:
- O HTML é a base da programação (como se fosse o esqueleto o corpo)
- O CSS é o que dá estilo aos códigos (como se fosse a roupa que a pessoa utiliza)
- O Javascript é o que dá movimento e ação (como se fosse o espírito do corpo)
Para ficar mais fácil de entender, vamos imaginar o esqueleto de um corpo humano. Você não consegue identificar as características de um ser humano apenas olhando para o esqueleto certo?!
Não! É preciso ver o corpo, as formas, a respiração, os movimentos!
Programar um sistema web apenas com a linguagem HTML seria como olhar para uma pessoa e ver apenas o esqueleto. É estranho. Sem vida. Sem atração.
Por isso, para que a programação fique completa, precisamos aprender a utilizar a base da programação front-end: HTML, CSS e Javascript.
Vamos explicar agora para você um pouco mais sobre cada uma destas linguagens que são a base da Programação Front-End
HTML é a abreviação para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto.
O HTML define o que vai em cima, o que é texto, o que é coluna, o que é imagem.
Ele estrutura muito bem a página com início, meio e fim. Ou, se preferir, head, body e footer (cabeça, corpo e pé).
Mas ele deixa a página feia, sem colorido. Tudo fica apenas um textão.
E é aí que entra o CSS. Esta linguagem é como se fosse a roupa que o corpo usa. Ela vai dar cor, definir negrito e vai deixar a página mais atrativa e muito, muito mais bonita.
CSS – Cascading Style Sheets – é um mecanismo para adicionar estilo coo cores, fontes, espaçamento, entre outras a um documento 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.
Imagine aquele cara que é bem mais ou menos, só que ao vestir uma roupa da hora fica super cool. Ou aquela garota que ao colocar um jeans bacana fica super atraente.
Esse e o resultado do CSS. Ele dá atratividade à sua criação web. Mas ainda deixa a página engessada, pois não pode dar movimento.
E é aí que entra o Javascript, ele é praticamente o espírito que dá vida ao corpo. Com o javascript você vai poder dar movimento e ação à sua página e tudo ficará super atrativo para quem visita sua página.
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.
Deu pra entender como funciona a base da programação front-end?
Um profissional Front-End precisa aprender estas três linguagens para poder se desenvolver na função.
Elas são a base inicial de conhecimento de um desenvolvedor Front-End, que é o profissional que vai trabalhar com elas de forma tão uniforme, que vai garantir que o site criado seja super atrativo e de fácil leitura em todos os lugares: web, smartphone, tablete, entre outros canais onde o site puder ser aberto pelos navegadores.
Mas, antes de aprender estas linguagens, como todo bom programador, você precisa Dominar a Lógica de Programação.
Você já conhece bem a Lógica de Programação?
Se não conhece, nós temos um Kit Completo que vai te ajudar a entender a Lógica de Programação antes de começar a aprender a base da programação Front-End.
Sem conhecer Lógica de Programação você não saberá os caminhos a seguir, e não conseguirá interpretar os dados necessários para criar programas, produtos e soluções sem enfrentar os temidos problemas de execução.
Então, se você deseja se tornar programador de softwares, comece aprendendo tudo sobre Lógica de Programação. E se você não acredita que este é o melhor caminho, confira o depoimento do Daniel Vieira, que tentou iniciar na carreira sem antes aprender lógica e enfrentou muita, muita dificuldade.
“Eu queria trabalhar com programação de softwares e depois de ler vários artigos sobre o tema achei que poderia aprender sem conhecer lógica de programação. Baixei várias apostilas de PHP e Java (as linguagens mais indicadas para iniciantes) e comecei a estudar, mas, quando fui partir para a prática não consegui. Estudei mais de dois meses, aprendi os comandos, mas não sabia ao certo como usá-los, pois não entendia a lógica da coisa. Foi somente depois de estudar, e muito, sobre lógica de programação que as coisas começaram a fazer sentido para mim”.
E se você já ouviu aquele provérbio chinês “os sábios aprendem com os erros dos outros, os tolos com os próprios erros e os idiotas não aprendem nunca”, então você pode aproveitar a história do Daniel para se tornar um sábio programador e começar a sua carreira estudando tudo, tudo mesmo, sobre Lógica de Programação.
Descubra mais sobre o que faz um programador front-end
Se você já conhece bem a base da programação, e está interessado em conhecer melhor como funciona a programação front-end, então dá uma olhada neste artigo onde explicamos exatamente o que faz um Programador Front-End.
E se você se interessar pela carreira, nós temos uma Formação Completa em Desenvolvimento Front-End para te preparar para esta carreira. Para saber mais é só clicar AQUI.
