Posts

Aula 10: Banco de Dados Avançado - Relacionamentos e Otimização - Curso Grátis Introdutório de Programação, Web e Jogos

  Aula 10: Banco de Dados Avançado - Relacionamentos e Otimização   📌 Objetivo: Melhorar nosso banco de dados usando relacionamentos e técnicas de otimização. 1️⃣ O Que São Relacionamentos em Banco de Dados? Até agora, nossa tabela de clientes era simples. Mas em projetos reais, precisamos conectar diferentes tabelas. 📌 Exemplo: Tabela clientes (id, nome, email) Tabela pedidos (id, cliente_id, produto, valor) Aqui, um cliente pode ter vários pedidos → Isso é um relacionamento 1:N (um para muitos) . 🔥 Vamos implementar isso agora! 2️⃣ Criando Relacionamento no SQLite 🔹 Adicionando a Tabela pedidos 📌 Abra seu arquivo database.py e modifique: python Copiar Editar import sqlite3 # Conectar ao banco conn = sqlite3.connect( "banco.db" ) cursor = conn.cursor() # Criar tabela de clientes cursor.execute( """ CREATE TABLE IF NOT EXISTS clientes ( id INTEGER PRIMARY KEY AUTOINCREMENT, nome TEXT NOT NULL, email TEXT UNIQUE NOT NUL...

Aula 9: Deploy - Colocando Sua Aplicação Online - Curso Grátis Introdutório de Programação, Web e Jogos

  Aula 9: Deploy - Colocando Sua Aplicação Online   📌 Objetivo: Aprender a publicar sua aplicação na internet para que qualquer pessoa possa acessá-la. 1️⃣ O Que é Deploy? Deploy significa tornar seu site ou sistema acessível online . Hoje, vamos colocar nossa API Flask e nosso Front-End no ar para que funcionem na internet! Para isso, usaremos: ✅ Render → Para hospedar nossa API Flask (grátis e fácil). ✅ Vercel ou Netlify → Para hospedar o Front-End (rápido e eficiente). 2️⃣ Preparando a API Flask Para Deploy 📌 Antes de publicar, precisamos fazer algumas mudanças. 🔹 Criando um arquivo requirements.txt O Render precisa saber quais pacotes nossa API usa. 📌 Crie um arquivo chamado requirements.txt na pasta do seu projeto e adicione: nginx flask flask-cors sqlite3 🔥 Isso informa ao servidor quais bibliotecas instalar! 🔹 Modificando o app.py para produção Atualmente, nossa API roda apenas localmente ( 127.0.0.1 ) . Precisamos permitir que outras pess...

Aula 8: Criando o Front-End com HTML, CSS e JavaScript - Curso Grátis Introdutório de Programação, Web e Jogos

  Aula 8: Criando o Front-End com HTML, CSS e JavaScript 📌 Objetivo: Criar uma interface web para exibir os dados da nossa API usando HTML, CSS e JavaScript. 1️⃣ O Que é um Front-End? O front-end é a parte visual de um site ou aplicação, aquilo que o usuário vê e interage. Ele usa três tecnologias principais: ✅ HTML → Estrutura da página (como ossos do corpo). ✅ CSS → Estilização (como roupas e aparência). ✅ JavaScript → Funcionalidade (como os músculos que permitem o movimento). 2️⃣ Criando o Arquivo HTML Vamos criar um site simples que lista os clientes da nossa API. 📌 Crie um arquivo index.html e cole isso: html <!DOCTYPE html > < html lang = "pt-br" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > Lista de Clientes </ title > < style > body { font-famil...

Aula 7: Criando um Back-End com Flask (API Web) - Curso Grátis Introdutório de Programação, Web e Jogos

  Aula 7: Criando um Back-End com Flask (API Web) 📌 Objetivo: Aprender a criar uma API usando Flask para conectar um site ou app ao banco de dados. 1️⃣ O Que é um Back-End? O back-end é a parte de um sistema que roda no servidor e gerencia dados. 💡 Exemplo: Quando você acessa um site de pedidos de comida, o back-end processa o pedido, armazena no banco de dados e envia a resposta ao usuário. Para criar um back-end, usaremos Flask , um framework leve do Python. 2️⃣ Instalando o Flask Abra o terminal e digite: bash pip install flask 3️⃣ Criando uma API Simples Agora, vamos criar um servidor que responde "Olá, mundo!" quando acessamos. 📌 Crie um arquivo app.py e cole o código abaixo: python from flask import Flask app = Flask(__name__) @app.route( '/' ) def home (): return "Olá, mundo!" if __name__ == '__main__' : app.run(debug= True ) ✅ Explicação: Criamos um servidor com Flask. @app.route('/') def...

Aula 6: Introdução a Banco de Dados e SQL - Curso Grátis Introdutório de Programação, Web e Jogos

  Aula 6: Introdução a Banco de Dados e SQL 📌 Objetivo: Aprender como armazenar dados permanentemente usando bancos de dados e consultas SQL. 1️⃣ O Que é um Banco de Dados? Um banco de dados é um local onde armazenamos informações de forma organizada. 💡 Exemplo do mundo real: Imagine um restaurante anotando os pedidos em fichas de papel. Um banco de dados digital faz isso automaticamente, permitindo que os dados sejam buscados e modificados facilmente. Os bancos de dados mais usados são: ✅ MySQL – Usado em sites e sistemas. ✅ PostgreSQL – Muito usado em grandes empresas. ✅ SQLite – Leve e fácil de usar, ótimo para testes. 2️⃣ Instalando SQLite (Banco de Dados Leve e Fácil) O SQLite já vem embutido no Python! 🎉 Para usar, basta importar a biblioteca: python import sqlite3 3️⃣ Criando um Banco de Dados Vamos criar um banco de dados chamado meu_banco.db . python import sqlite3 # Conectar ao banco (ou criar se não existir) conexao = sqlite3.connect( "...

Aula 5: Estruturas de Dados (Listas e Dicionários) - Curso Grátis Introdutório de Programação, Web e Jogos

  Aula 5: Estruturas de Dados (Listas e Dicionários) 📌 Objetivo: Aprender a armazenar e manipular conjuntos de dados usando listas e dicionários. 1️⃣ Listas – Armazenando Vários Valores As listas são usadas para armazenar múltiplos valores em uma única variável. 🖥 Criando uma Lista python frutas = [ "Maçã" , "Banana" , "Laranja" , "Morango" ] print (frutas) # Exibe toda a lista 📌 Acessando um Item da Lista python print (frutas[ 0 ]) # Exibe "Maçã" (o primeiro item) print (frutas[ 2 ]) # Exibe "Laranja" 💡 Obs: Os índices começam em 0 . 📌 Adicionando e Removendo Itens python frutas.append( "Uva" ) # Adiciona "Uva" à lista frutas.remove( "Banana" ) # Remove "Banana" print (frutas) 📌 Percorrendo uma Lista com "for" python for fruta in frutas: print (fruta) 💡 Explicação: Para cada item na lista, o loop exibe o nome da fruta. 2️⃣ Dicionários...

Aula 4: Funções – Como Criar e Usar- Curso Grátis Introdutório de Programação, Web e Jogos

  Aula 4: Funções – Como Criar e Usar 📌 Objetivo: Aprender a criar funções para organizar e reutilizar código. 👀 O que são Funções? Funções são blocos de código reutilizáveis . Elas ajudam a evitar repetições e tornam o código mais organizado. 💡 Exemplo do mundo real: Pense em uma máquina de café. Você aperta um botão e ela segue um processo pré-definido (ferver água, moer café, servir). Em programação, podemos criar funções que fazem tarefas específicas sempre que forem chamadas . 📌 Criando uma Função em Python Usamos def para definir uma função. 🖥 Exemplo 1: Função Simples python Copiar Editar def saudacao (): print ( "Olá, seja bem-vindo!" ) # Chamando a função saudacao() 💡 Explicação: def saudacao(): → Criamos uma função chamada saudacao . Dentro dela, usamos print() . Para executá-la , basta escrever saudacao() . 📌 Função com Parâmetros Podemos passar valores para a função. 🖥 Exemplo 2: Função com Nome python Copiar Editar def ...