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...
🎨 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
🎭 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