Tutoriais interativos com exemplos reais que você pode editar e executar direto no navegador.
Python é uma das linguagens mais usadas no mundo, presente em desenvolvimento web, ciência de dados, IA, automação e muito mais. Sua sintaxe limpa permite focar na lógica sem se perder em detalhes técnicos.
1991 por Guido van Rossum. Hoje mantida pela Python Software Foundation.
Google, NASA, Instagram, Netflix, Spotify e centenas de empresas globais.
Mais de 400.000 pacotes disponíveis no PyPI para qualquer finalidade.
Python 3.12+ — sempre use a versão 3 em projetos novos.
Experimente o editor abaixo — edite o código e clique em ▶ Executar para ver o resultado:
range(5) gera em Python?range(5) começa em 0 e vai até 4 — nunca inclui o número final.JavaScript é a única linguagem que roda nativamente nos navegadores, tornando as páginas interativas. Com Node.js também roda no servidor. É essencial para qualquer desenvolvedor web.
10 dias em 1995 por Brendan Eich. Hoje é o padrão oficial da web com o ECMAScript.
React, Vue, Angular, Svelte — todos baseados em JavaScript.
Frontend, backend (Node.js), mobile (React Native), desktop (Electron).
Linguagem mais usada no GitHub por 11 anos consecutivos.
let e const?const por padrão e mude para let apenas quando precisar reatribuir o valor.HTML (HyperText Markup Language) define a estrutura e o significado do conteúdo. Não é uma linguagem de programação — é de marcação: você usa tags para dizer ao navegador o que cada parte representa.
Edite o código abaixo e veja o resultado em tempo real na pré-visualização:
<header>, <nav>, <main>, <article>, <footer> — dão significado ao conteúdo.
id, class, href, src, alt — informações extras nas tags.
<h1> é o cabeçalho de nível 1 — o título principal visível na página. <title> fica no <head> e aparece na aba do navegador.CSS (Cascading Style Sheets) controla a aparência visual dos elementos HTML. Separa o conteúdo da apresentação, facilitando manutenção e permitindo designs responsivos e modernos.
Conceitos fundamentais do CSS:
Todo elemento é uma caixa: margin → border → padding → conteúdo.
display: flex — alinha itens em linha ou coluna com facilidade.
display: grid — cria layouts bidimensionais complexos com poucos comandos.
@media (max-width: 768px) — adapta o layout para diferentes telas.
SQL (Structured Query Language) é a linguagem padrão para consultar e manipular bancos de dados relacionais como MySQL, PostgreSQL e SQLite. Todo back-end trabalha com SQL em algum momento.
SELECT nome, email, cidade FROM usuarios WHERE ativo = 1 AND cidade = 'São Paulo' ORDER BY nome ASC LIMIT 10;
Resultado de um SELECT simulado:
| nome | cidade | |
|---|---|---|
| Ana Silva | ana@email.com | São Paulo |
| Carlos Dev | carlos@dev.br | São Paulo |
| Maria Coder | maria@code.io | São Paulo |
Visual Studio Code da Microsoft é o editor preferido de mais de 70% dos desenvolvedores. Suporta qualquer linguagem, tem debug integrado, Git nativo e milhares de extensões.
Atalhos essenciais que todo dev precisa saber:
| Atalho (Win/Linux) | Mac | Ação |
|---|---|---|
| Ctrl + P | ⌘ P | Abrir arquivo rapidamente |
| Ctrl + Shift + P | ⌘ ⇧ P | Paleta de comandos |
| Ctrl + ` | ⌃ ` | Abrir terminal integrado |
| Alt + Shift + F | ⌥ ⇧ F | Formatar documento |
| Ctrl + D | ⌘ D | Selecionar próxima ocorrência |
| Ctrl + / | ⌘ / | Comentar/descomentar linha |
| F5 | F5 | Iniciar debug |
| Ctrl + B | ⌘ B | Mostrar/ocultar barra lateral |
Extensões recomendadas para desenvolvimento web:
Formatação automática de código ao salvar — mantém estilo consistente no projeto.
Detecta erros e problemas de código JavaScript em tempo real.
Mostra histórico Git, blame e comparações diretamente no editor.
Servidor local com recarga automática ao editar HTML/CSS/JS.
Git é o sistema de controle de versão. GitHub é a plataforma online para hospedar e colaborar em projetos Git. Juntos, permitem que times trabalhem no mesmo código sem conflito e com histórico completo de mudanças.
# Configurar identidade (uma vez) git config --global user.name "Seu Nome" git config --global user.email "email@exemplo.com" # Criar repositório git init meu-projeto cd meu-projeto # Conectar ao GitHub git remote add origin https://github.com/usuario/repositorio.git # Primeiro envio git add . git commit -m "feat: início do projeto" git push -u origin main
O terminal permite interagir diretamente com o sistema operacional através de comandos de texto. É onde você roda scripts, gerencia pacotes, navega em pastas e executa programas.
pwd significa "Print Working Directory" — imprime o caminho completo da pasta atual. dir é o equivalente no Windows.