Page cover

7.1.5 - Termos e conceitos comuns

🧠 Termos e Conceitos que Você Vai Ouvir Muito!

🧠 Termos e Conceitos que Você Vai Ouvir Muito!

Quando você entra no mundo da tecnologia, começa a ouvir uns nomes e expressões diferentes... Não se assuste! 😅 Vamos explicar tudo de forma simples pra você sair falando como um dev de verdade!


🎭 Frontend e Backend: o palco e os bastidores

Imagina que a internet é um teatro:

  • 🎭 O Frontend é o palco, onde o público (você!) vê tudo acontecer. É o que aparece na tela: botões, cores, animações, menus...

  • 🎬 O Backend é o que rola por trás das cortinas. É o servidor que pega e salva dados, faz contas, verifica senhas...

Termo
O que é
Exemplos

🎨 Frontend

Interface que o usuário vê e usa

HTML, CSS, JavaScript, React

🛠️ Backend

Lógica por trás do sistema

Node.js, Python, PHP, banco de dados


🌳 O que é DOM? (Document Object Model)

O DOM é como o mapa vivo de uma página web. É uma estrutura que o navegador usa pra organizar o que aparece na tela, como se fosse uma árvore!

Veja este código HTML:

<h1>Olá, mundo!</h1>
<p>Bem-vindo ao meu site!</p>

O DOM interpreta assim:

📦 document
 └── <html>
     └── <body>
         ├── <h1>Olá, mundo!</h1>
         └── <p>Bem-vindo ao meu site!</p>

Com JavaScript, você pode acessar e modificar qualquer parte dessa árvore!

document.querySelector("h1").innerText = "Oi, galera!";

Boom! O título da página muda na hora! Incrível, né?


🧰 Frameworks e Bibliotecas: Ferramentas que ajudam muito!

Você não precisa reinventar a roda toda vez que for criar algo. Por isso, a galera criou ferramentas prontas pra facilitar nossa vida:

  • Biblioteca: é uma coleção de funções e códigos prontos que você pode usar quando quiser. 📘 Exemplo: React (muito usado em sites modernos!)

  • Framework: é um conjunto mais completo — ele já traz uma estrutura pra seguir, com regras e caminhos definidos. 🏗️ Exemplo: Vue, Angular, Next.js

🔧 Essas ferramentas ajudam você a programar mais rápido e melhor!


🤝 O Poder do Open Source e da Comunidade

Open source significa que o código de um projeto é aberto para qualquer pessoa ver, usar e melhorar.

E onde isso acontece? Em lugares como:

  • 🐙 GitHub: uma plataforma onde devs do mundo todo compartilham projetos, colaboram e aprendem juntos.

  • Stack Overflow: um fórum onde você pode tirar dúvidas, responder perguntas e aprender muito.

💬 A comunidade de tecnologia é muito ativa, amigável e pronta pra ajudar!

💡 Você não está sozinho! Começar a programar é desafiador, mas a comunidade está cheia de gente disposta a dar uma força! 🚀


💪 Resumão da seção

Conceito
Explicação

🎭 Frontend

Parte que o usuário vê e interage

🛠️ Backend

Parte que cuida da lógica e dados

🌳 DOM

Estrutura da página que o JS pode alterar

⚒️ Framework/Biblioteca

Ferramentas que ajudam a programar

🌍 Open source

Código aberto e colaborativo

🧑‍🤝‍🧑 Comunidade

Pessoas incríveis que compartilham conhecimento


Comece devagar, estude com calma, e logo esses termos serão parte do seu vocabulário de tech! 🧑‍💻✨

Atualizado