Professional Documents
Culture Documents
Dicionario HTML, CSS e PYTHON
Dicionario HTML, CSS e PYTHON
CATEGORIA
ESTRUTURA BÁSICA DA
CABEÇALHOS
PÁGINA:
<h1>Título Principal</h1>
<!DOCTYPE html>
<h2>Título Secundário</h2>
<html>
<h3>Título Terciário</h3>
<head>
<title>Título da Página</title>
</head>
<body> PARÁGRAFOS
<!-- conteúdo da página aqui -->
</body> <p>Este é um parágrafo de texto.</p>
</html>
LISTAS
<ul> IMAGENS
<li>Item 1</li> <img src="caminho/para/imagem.jpg"
<li>Item 2</li> alt="Texto Alternativo">
<li>Item 3</li>
</ul>
<ol> LINKS
<li>Item 1</li>
<li>Item 2</li> <a
<li>Item 3</li> href="https://www.exemplo.com">Link
</ol> para Exemplo</a>
FORMULÁRIOS
<form>
<label for="nome">Nome:</label>
<input type="text" id="nome" name="nome"><br>
<label for="email">E-mail:</label>
<input type="email" id="email" name="email"><br>
<label for="mensagem">Mensagem:</label>
<textarea id="mensagem" name="mensagem"></textarea><br>
FORMATAÇÃO DE TEXTO
Negrito: <strong>texto</strong>
Itálico: <em>texto</em>
Sublinhado: <u>texto</u>
Tachado: <s>texto</s> ou <strike>texto</strike>
Monoespaçado: <code>texto</code>
Texto grande: <big>texto</big>
Texto pequeno: <small>texto</small>
Texto em superscript: <sup>texto</sup>
Texto em subscript: <sub>texto</sub>
Citação: <blockquote>texto</blockquote>
Texto justificado: <p style="text-align: justify;">texto</p>
Texto centralizado: <p style="text-align: center;">texto</p>
Texto alinhado à direita: <p style="text-align: right;">texto</p>
Letras maiúsculas: <span style="text-transform: uppercase;">texto</span>
Letras minúsculas: <span style="text-transform: lowercase;">texto</span>
Capitalização: <span style="text-transform: capitalize;">texto</span>
Espaçamento entre linhas: <p style="line-height: 1.5;">texto</p>
Espaçamento entre letras: <p style="letter-spacing: 2px;">texto</p>
Cor do texto: <p style="color: blue;">texto</p>
Fundo do texto: <p style="background-color: yellow;">texto</p>
IMAGEM: PARÂMETRO
VIDEO: PARÂMETRO
CAMPOS DE TEXTO:
PARAMETRO
placeholder - texto exibido antes do preenchimento. Exemplo: <input
type="text" placeholder="Digite seu nome">
required - campo obrigatório. Exemplo: <input type="email" required>
pattern - define um padrão de entrada. Exemplo: <input type="text" pattern="
[A-Za-z]{3}" title="Três letras apenas">
maxlength - número máximo de caracteres. Exemplo: <input type="text"
maxlength="10">
minlength - número mínimo de caracteres. Exemplo: <input type="text"
minlength="3">
disabled - campo desativado. Exemplo: <input type="text" disabled>
readonly - campo somente leitura. Exemplo: <input type="text" readonly>
autofocus - campo com foco automático. Exemplo: <input type="text"
autofocus>
autocomplete - sugestão automática de preenchimento. Exemplo: <input
type="text" autocomplete="on">
name - nome do campo de texto. Exemplo: <input type="text" name="nome">
BOTÃO: PARÂMETRO
type - Define o tipo do botão (ex: submit, reset, button) Exemplo: <button
type="submit">Enviar</button>
disabled - Desativa o botão Exemplo: <button disabled>Desativado</button>
form - Especifica a qual formulário o botão pertence Exemplo: <button
form="form1">Enviar</button>
name - Define o nome do botão Exemplo: <button name="botao1">Clique
aqui</button>
value - Define o valor do botão Exemplo: <button value="ok">OK</button>
autofocus - Define que o botão deve ser selecionado automaticamente ao
carregar a página Exemplo: <button autofocus>Clique aqui</button>
formaction - Especifica a URL para envio do formulário Exemplo: <button
formaction="enviar.php">Enviar</button>
formenctype - Especifica o tipo de codificação dos dados do formulário
Exemplo: <button formenctype="multipart/form-data">Enviar</button>
formmethod - Especifica o método de envio dos dados do formulário
Exemplo: <button formmethod="get">Enviar</button>
formtarget - Especifica o nome da janela para onde os dados do formulário
serão enviados Exemplo: <button formtarget="_blank">Enviar</button>
Exemplo:
<form>
Nome de usuário: <input type="text" name="username"><br>
Senha: <input type="password" name="password"><br>
<input type="submit" value="Entrar">
<input type="reset" value="Limpar">
</form>
<h1>Título da página</h1>
<p>Texto de exemplo</p>
<a href="https://www.google.com/">Link para o Google</a>
<img src="imagem.jpg" alt="Imagem de exemplo">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<div>Conteúdo da divisão</div>
SEPARAÇÃO DE TEXTO
<p>: Cria um novo parágrafo.
<br>: Insere uma quebra de linha.
<hr>: Insere uma linha horizontal.
<blockquote>: Cria uma seção de citação em bloco.
<q>: Cria uma seção de citação em linha.
<pre>: Cria um bloco de texto pré-formatado.
<code>: Cria um trecho de código.
<em>: Enfatiza o texto.
<strong>: Destaca o texto.
<cite>: Indica uma referência.
CSS
CATEGORIA
1. Seletores básicos:
Seletor de tipo: h1, p.
Seletor de classe: .classe.
2. Box model:
Propriedades de tamanho: width, height.
Propriedades de margem: margin, padding.
3. Layout:
Posicionamento: position.
Display: display.
4. Texto:
Fontes: font-family, font-size.
Estilo de texto: text-align, text-decoration.
5. Cores:
Cor de fundo: background-color.
Cor do texto: color.
6. Bordas:
Espessura da borda: border-width.
Estilo da borda: border-style.
7. Imagens:
Propriedades de imagem de fundo: background-image, background-size.
Propriedades de imagem: width, height.
8. Animações:
Propriedades de animação: animation, transition.
Transformações: transform.
9. Responsividade:
Media queries: @media.
Unidades de medida responsivas: em, %.
10. Pseudoclasses:
Pseudoclasse hover: :hover.
Pseudoclasse active: :active.
ALGUMAS CATEGORIAS DE FUNÇÕES CSS PARA
AVANÇADO:
Seletores avançados:
Seletor de descendência: div p.
Seletor de irmão adjacente: h1 + p.
Flexbox:
Propriedades do contêiner: display: flex;, flex-direction: row;.
Propriedades do item: flex: 1;, align-self: center;.
Grid:
Propriedades do contêiner: display: grid;, grid-template-columns: 1fr 2fr;.
Propriedades do item: grid-column: 1 / 3;, grid-row: 2 / span 3;.
Pseudoelementos:
Pseudoelemento after: content: "";, display: block;.
Pseudoelemento before: content: "";, display: inline-block;.
Variáveis:
Declarar variáveis: --cor-de-fundo: #fff;.
Usar variáveis: background-color: var(--cor-de-fundo);.
Transições:
Propriedades de transição: transition-property: all;, transition-duration: 1s;.
Função de timing: transition-timing-function: ease-in-out;.
Animações avançadas:
Chaves de animação: @keyframes nome-da-animacao {}.
Propriedades de animação: animation-name: nome-da-animacao;, animation-
duration: 2s;.
Filtros:
Filtro de cor: filter: grayscale(50%);, filter: sepia(100%);.
Filtro de desfoque: filter: blur(5px);, filter: contrast(200%);.
Blend modes:
Modo de mistura: background-blend-mode: multiply;, background-blend-mode:
exclusion;.
Imagem de fundo: background-image: url("imagem.jpg");.
Customização de formulários:
Estilizar inputs: input[type="text"] {width: 100%; border: 1px solid #ccc;}.
Estilizar selects: select {background-color: #fff; padding: 10px;}.
PYTHON
CATEGORIA
FUNÇÕES BASICAS
FUNÇÕES AVANÇADAS
BIBLIOTECA INICIANTE
EXPLICANDO BIBLIOTECS
NumPy
Criação de arrays numéricos: numpy.array([1, 2, 3])
Operações matemáticas em arrays: numpy.add(), numpy.subtract()
Estatísticas descritivas em arrays: numpy.mean(), numpy.std()
Matplotlib
Gráficos de linhas: matplotlib.pyplot.plot(x, y)
Histogramas: matplotlib.pyplot.hist(data, bins)
Gráficos de dispersão: matplotlib.pyplot.scatter(x, y)
Pandas
Leitura de dados de arquivo: pandas.read_csv('file.csv')
Seleção de colunas: dataframe['column_name']
Filtros de dados: dataframe[dataframe['column_name'] > 10]
Scikit-learn
Separação de dados de treinamento/teste:
sklearn.model_selection.train_test_split()
Treinamento de um modelo de regressão linear:
sklearn.linear_model.LinearRegression()
Avaliação do desempenho do modelo: sklearn.metrics.mean_squared_error()
TensorFlow
Criação de tensores: tensorflow.constant(value)
Cálculos com tensores: tensorflow.add(), tensorflow.subtract()
Treinamento de uma rede neural: tensorflow.keras.models.Sequential()
Keras
Criação de um modelo de rede neural: keras.Sequential()
Adição de camadas ao modelo: keras.layers.Dense(units, activation)
Treinamento do modelo: model.fit(X_train, y_train)
Seaborn
Visualização de distribuição de dados: seaborn.distplot(data)
Visualização de relação entre variáveis: seaborn.pairplot(dataframe)
Visualização de correlação entre variáveis: seaborn.heatmap(dataframe)
BeautifulSoup
Extração de dados de HTML: BeautifulSoup(html, 'html.parser')
Navegação pelo DOM: soup.find_all('tag')
Extração de conteúdo de tags: tag.get_text()
Pygame
Criação de janelas e superfícies: pygame.display.set_mode()
Adição de imagens: pygame.image.load()
Captura de eventos do teclado: pygame.event.get()
Requests
Envio de requisições HTTP: requests.get(url)
Recebimento de dados em JSON: response.json()
Envio de dados em formulário: requests.post(url, data)
Bitcoinlib:
Criação de transações Bitcoin
Interação com a API do Bitstamp
Gerenciamento de chaves privadas
Pybitcointools:
Criação e manipulação de chaves Bitcoin
Criação de transações Bitcoin
Criação de endereços Bitcoin
PyCoin:
Criação de chaves e endereços Bitcoin
Criação e manipulação de transações Bitcoin
Criação de blocos Bitcoin
ElectrumX:
Servidor de carteira de Bitcoin
Gerenciamento de múltiplas carteiras
Possui alta escalabilidade
BtcPy:
Verificação de transações Bitcoin
Visualização da blockchain do Bitcoin
Extração de dados da blockchain do Bitcoin
Bit:
Criptografia de chave simétrica
Criptografia de chave assimétrica
Funções hash criptográficas
Coincurve:
Assinatura de curva elíptica
Verificação de assinaturas de curva elíptica
Criação de chaves públicas e privadas de curva elíptica
Python-BitcoinRPC:
Interação com o cliente Bitcoin RPC
Criação e manipulação de transações Bitcoin
Visualização de informações da blockchain do Bitcoin
PyBTC:
Criação e manipulação de chaves Bitcoin
Criação de transações Bitcoin
Criação de endereços Bitcoin
EXEMPLOS BIBLIOTECAS USADAS NO BITCOIN
bitcoin-python:
Criação e manipulação de chaves Bitcoin
Criação de transações Bitcoin
Criação de endereços Bitcoin
PYTHON
CATEGORIA
AAAA
aaa