Aula 4

Introdução ao Front-End e Back-End 🖥️🔙

💻 O que é Front-End?

O Front-End é a parte visual de um site ou aplicativo, ou seja, tudo o que o usuário vê e interage.

🔎 Principais características:
✅ Interface com a qual o usuário interage.
✅ Inclui botões, textos, imagens, menus e formulários.
✅ Criado com linguagens como HTML, CSS e JavaScript.

💡 Exemplo:
Quando você entra no YouTube, tudo o que aparece na sua tela (botões, vídeos, barra de pesquisa) faz parte do front-end.

🗄️ O que é Back-End?

O Back-End é a parte invisível para o usuário. É o que faz a aplicação funcionar por trás das câmeras.

🔎 Principais características:
✅ Processa informações e gerencia o banco de dados.
✅ Verifica login, salva dados e processa pedidos.
✅ Criado com linguagens como PHP, Python, Java, entre outras.

💡 Exemplo:
Quando você faz login em um site, o back-end verifica suas informações e decide se o acesso será permitido.

🔗 Como o Front-End e o Back-End se comunicam?

1️⃣ O usuário clica em um botão (ação no front-end).
2️⃣ O front-end envia um pedido para o back-end.
3️⃣ O back-end processa e envia a resposta.
4️⃣ O front-end exibe a resposta ao usuário.

💡 Exemplo prático:
Ao pedir uma pizza pelo app:

Front-End: Você escolhe a pizza e preenche o endereço.
Back-End: O sistema processa o pedido e envia para a pizzaria.

🌟 Curiosidades:

💡 1️⃣ Front-End e Back-End inspirados no teatro!
O nome vem do teatro:

Front-End: O palco que o público vê. 🎭
Back-End: Tudo o que acontece nos bastidores para a peça acontecer. 🎬

💡 2️⃣ O Google carrega páginas em milésimos de segundo!
Para ser rápido, o Google otimiza a comunicação entre o front-end e o back-end.

💡 3️⃣ Grandes sites usam várias linguagens ao mesmo tempo!
O Facebook, por exemplo, usa PHP no back-end e React (uma biblioteca JavaScript) no front-end.

💡 4️⃣ A segurança acontece no back-end!
Mesmo que o front-end mostre uma senha com “••••”, é o back-end que a protege e valida. 🔒

Google Sites

Report abuse