diff --git a/alged.md b/alged.md index fd680d6..d11c559 100644 --- a/alged.md +++ b/alged.md @@ -7,19 +7,19 @@ layout: default ## Sumário 1. [Algoritmo](#1-algoritmo) -- [Definição](#1-algoritmo) -- [Representações](#12-representações-de-um-algoritmo) +- 1.1 [Definição](#1-algoritmo) +- 1.2 [Representações](#12-representações-de-um-algoritmo) 2. [Dados](#2-dados) -- [Tipos Primitivos](#21-tipos-primitivos) -- [Variáveis e Constantes](#22-variáveis-e-constantes) +- 2.1 [Tipos Primitivos](#21-tipos-primitivos) +- 2.2 [Variáveis e Constantes](#22-variáveis-e-constantes) 3. [Estruturas de Controle](#3-estruturas-de-controle-e-repetição) -- [Estruturas de decisão](#31-estruturas-de-decisão) - - [If](#if--else) - - [Switch](#switch) -- [Estruturas de repetição](#32-estruturas-de-repetição) - - [For](#for) - - [While](#while) - - [Do While](#do-while) +- 3.1 [Estruturas de decisão](#31-estruturas-de-decisão) + - 3.1.1 [If](#if--else) + - 3.1.2 [Switch](#switch) +- 3.2 [Estruturas de repetição](#32-estruturas-de-repetição) + - 3.2.1 [For](#for) + - 3.2.2 [While](#while) + - 3.2.3 [Do While](#do-while) ## 1. Algoritmo diff --git a/db.md b/db.md index 89283c5..0fee322 100644 --- a/db.md +++ b/db.md @@ -7,16 +7,19 @@ layout: default ## Sumário 1. [Banco de dados](#1-banco-de-dados-bd) -- [Modelos de Dados](#11-modelos-de-dados) -- [Estrutura](#12-estrutura) -- [Arquiteturas](#13-arquiteturas) +- 1.1 [Modelos de Dados](#11-modelos-de-dados) +- 1.2 [Estrutura](#12-estrutura) +- 1.3 [Arquiteturas](#13-arquiteturas) 2. [Sistemas de gerenciamento de banco de dados](#2-sistema-de-gerenciamento-de-banco-de-dados-sgbd) -- [Visão geral](#21-visão-geral-dos-principais-sgbds) -- [Linguagens](#22-linguagens) +- 2.1 [Visão geral](#21-visão-geral-dos-principais-sgbds) +- 2.2 [Linguagens](#22-linguagens) 3. [MySQL](#3-mysql) -- [Principais operações em SQL](#31-principais-operações-em-sql) -- [Filtros e operadores](#32-filtros-e-operadores) -- [Relacionamentos](#33-relacionamentos) +- 3.1 [Principais operações em SQL](#31-principais-operações-em-sql) +- 3.2 [Filtros e operadores](#32-filtros-e-operadores) +- 3.3 [Relacionamentos](#33-relacionamentos) +- 3.4 [Normalização](#34-normalização) + +--- ## 1. Banco de Dados (BD) @@ -36,25 +39,27 @@ Sua importância está relacionada à facilidade de organização das informaç É um modelo de dados que organiza as informações em **tabelas** (relações). Os principais elementos onde as informações são armazenadas são: -- **Tabelas** ~> Estrutura que armazena os dados -- **Linhas (registros)** ~> Cada linha representa um registro da tabela -- **Colunas (atributos)** ~> Cada coluna representa uma característica do dado +- **Tabelas** -> Estrutura que armazena os dados +- **Linhas (registros)** -> Cada linha representa um registro da tabela +- **Colunas (atributos)** -> Cada coluna representa uma característica do dado A estrutura de um banco de dados relacional inclui: -- **Chave primária (Primary Key)** ~> Coluna ou conjunto de colunas que identifica de forma única cada registro em uma tabela. -- **Chave estrangeira (Foreign Key)** ~> Coluna que cria uma relação entre duas tabelas diferentes, referenciando a chave primária de outra tabela. -- **Índice (Index)** ~> Estrutura utilizada para melhorar a velocidade das consultas realizadas na tabela. +- **Chave primária (Primary Key)** -> Coluna ou conjunto de colunas que identifica de forma única cada registro em uma tabela. +- **Chave estrangeira (Foreign Key)** -> Coluna que cria uma relação entre duas tabelas diferentes, referenciando a chave primária de outra tabela. +- **Índice (Index)** -> Estrutura utilizada para melhorar a velocidade das consultas realizadas na tabela. ### 1.2 Estrutura -- **Esquema (Schema)** ~> É a estrutura lógica de um banco de dados que define como os dados são organizados e como eles se relacionam. +- **Esquema (Schema)** -> É a estrutura lógica de um banco de dados que define como os dados são organizados e como eles se relacionam. ### 1.3 Arquiteturas -1. **Monolítica** ~> Todos os dados e serviços estão centralizados em um único sistema. -2. **Cliente-Servidor** ~> Os dados ficam armazenados em servidores e são acessados por aplicações clientes. -3. **Distribuída** ~> Os dados são armazenados em múltiplos sistemas interconectados. +1. **Monolítica** -> Todos os dados e serviços estão centralizados em um único sistema. +2. **Cliente-Servidor** -> Os dados ficam armazenados em servidores e são acessados por aplicações clientes. +3. **Distribuída** -> Os dados são armazenados em múltiplos sistemas interconectados. + +--- ## 2. Sistema de Gerenciamento de Banco de Dados (SGBD) @@ -85,14 +90,14 @@ Alguns dos SGBDs mais populares são: As principais linguagens utilizadas em bancos de dados são: -- **DDL (Data Definition Language)** ~> Utilizada para criar e modificar a estrutura do banco de dados. +- **DDL (Data Definition Language)** -> Utilizada para criar e modificar a estrutura do banco de dados. **Exemplos:** - CREATE - ALTER - DROP -- **DML (Data Manipulation Language)** ~> Utilizada para manipular os dados armazenados. +- **DML (Data Manipulation Language)** -> Utilizada para manipular os dados armazenados. **Exemplos:** - INSERT @@ -100,9 +105,11 @@ As principais linguagens utilizadas em bancos de dados são: - DELETE - SELECT +--- + ## 3. MySQL -- **MySQL Workbench** ~> Ferramenta gráfica (GUI) utilizada para modelagem de banco de dados, desenvolvimento de consultas SQL e administração de servidores. +- **MySQL Workbench** -> Ferramenta gráfica (GUI) utilizada para modelagem de banco de dados, desenvolvimento de consultas SQL e administração de servidores. ### 3.1 Principais operações em SQL @@ -128,6 +135,8 @@ SELECT * FROM usuarios WHERE idade > 18 AND nome = 'Miguel'; SELECT * FROM usuarios WHERE nome LIKE 'M%'; ``` +--- + ### 3.3 Relacionamentos Relacionamentos definem como tabelas se conectam. É aqui que o banco deixa de ser “ilhas de dados” e vira uma rede inteligente. @@ -271,6 +280,8 @@ LEFT JOIN pedidos ON usuarios.id = pedidos.usuario_id; ``` Retorna todos os usuários, mesmo sem pedidos +--- + ### 3.4 Normalização (conceito essencial) Normalizar é organizar os dados para evitar repetição e inconsistência. @@ -291,3 +302,7 @@ Melhor: - tabela alunos - tabela cursos - tabela relacionamento + +---- + +🦉 *Este material faz parte do projeto Arthemis, com foco em aprendizado colaborativo para alunos do Senac.* \ No newline at end of file diff --git a/design.md b/design.md index 998b959..3187442 100644 --- a/design.md +++ b/design.md @@ -9,55 +9,61 @@ layout: default 2. [Design de Interação](#2-design-de-interação) - 2.1 [Pilares](#21-pilares-do-design-de-interação) - 2.1.1 [Estética](#211-estética) - - 2.1.2. [Legibilidade](#212-legibilidade) - - 2.1.3. [Usabilidade](#213-usabilidade) - - 2.1.4. [Funcionalidade](#214-funcionalidade) + - 2.1.2 [Legibilidade](#212-legibilidade) + - 2.1.3 [Usabilidade](#213-usabilidade) + - 2.1.4 [Funcionalidade](#214-funcionalidade) 3. [UI & UX](#3-ui--ux) -. [Feedback do Usuario](#3-feedback-do-usuário) - - 3.1 [Consistência](#31-consistência) - - 3.2 [Acessibilidade](#32-acessibilidade) - - 3.3 [Tempo de resposta](#33-tempo-de-resposta) - - 3.4 [Prevenção de erros](#34-prevenção-de-erros) - - 3.5 [Hierarquia visual](#35-hierarquia-visual) - -## 1. Design +4. [Feedback do Usuario](#4-feedback-do-usuário) + - 4.1 [Consistência](#41-consistência) + - 4.2 [Acessibilidade](#42-acessibilidade) + - 4.3 [Tempo de resposta](#43-tempo-de-resposta) + - 4.4 [Prevenção de erros](#44-prevenção-de-erros) + - 4.5 [Hierarquia visual](#45-hierarquia-visual) +5. [Psicologia das cores](#5-psiocologia-das-cores) + +--- + +## 1. Design > O **Design** envolve o planejamento e a organização de uma aplicação como um todo: como ela será apresentada ao usuário, quais funcionalidades terá e como essas funcionalidades serão utilizadas. Ele não se limita apenas à aparência visual, mas também à forma como o sistema funciona e se comunica com o usuário. +--- + ## 2. Design de Interação O **Design de Interação** é uma área do Design focada na forma como o usuário interage com um sistema. Seu principal objetivo é proporcionar a melhor experiência possível durante o uso de uma aplicação, independentemente da plataforma. O profissional responsável por essa área busca garantir que a interface seja: intuitiva, eficiente, agradável de usar. -## 2.1 Pilares do Design de Interação +### 2.1 Pilares do Design de Interação Para que o Design de Interação seja eficaz, alguns pilares fundamentais devem ser considerados: -### 2.1.1. Estética +#### 2.1.1. Estética Refere-se à aparência visual da interface (*look and feel*). * Impacta diretamente a primeira impressão do usuário * Influencia o conforto durante o uso -### 2.1.2. Legibilidade +#### 2.1.2. Legibilidade Diz respeito à facilidade de compreensão das informações apresentadas. * Uso adequado de textos, cores, contrastes e tipografia * Clareza na comunicação visual -### 2.1.3. Usabilidade +#### 2.1.3. Usabilidade Relaciona-se à facilidade de uso da interface. * Interface intuitiva * Navegação simples * Redução de esforço do usuário -### 2.1.4. Funcionalidade +#### 2.1.4. Funcionalidade Refere-se aos recursos oferecidos pela aplicação. * Deve atender às necessidades do usuário * Uma interface bonita sem funcionalidade perde seu propósito +--- ## 3. UI & UX ### 3.1 UI @@ -65,7 +71,7 @@ Refere-se aos recursos oferecidos pela aplicação. ### 3.2 UX > Estudo da experiência do usuário como um todo. A partir de informações, descobrindo as dores e necessidades do cliente / usuário. Onde é criado um sitemap ou wireframe. Criando soluções necessárias para o problema -> + ### 3.3 Diferença entre os dois > Às vezes, as pessoas confundem os dois, mas a UI é, na verdade, um subconjunto especializado em UX. De acordo com o embaixador e designer da Figma Hugo Raymond, uma UI envolvente estabelece a base para uma experiência de usuário positiva com um produto digital ou site. “O design eficaz da interface do usuário combina facilidade de uso e design interativo para criar uma conexão emocional entre usuários e produtos”, explica ele @@ -87,9 +93,9 @@ Os designers de UI escolhem cuidadosamente os núcleos e fontes em uma interface Os designers de UX geralmente criam esqueletos e protótipos básicos. UI designers podem transformá-los em mockups de produtos de alta qualidade, funcionais e interativos - --- - -### 4 Feedback do Usuário +--- + +## 4. Feedback do Usuário O sistema deve sempre responder às ações do usuário. * Mensagens de sucesso @@ -140,7 +146,7 @@ Organização dos elementos para guiar o usuário. --- -### 5 Psiocologia das cores +### 5. Psiocologia das cores A psicologia das cores é um campo de estudo que se concentra em como as cores afetam o comportamento humano e as emoções. As cores têm o poder @@ -157,7 +163,6 @@ pessoas. 🟡 Amarelo → energia, atenção - ---- 🦉 *Este material faz parte do projeto Arthemis, com foco em aprendizado colaborativo para alunos do Senac.* diff --git a/front.md b/front.md index 3313d7e..1b31bd7 100644 --- a/front.md +++ b/front.md @@ -8,18 +8,20 @@ layout: default 1. [O que é Front-end?](#1-front-end) 2. [HTML](#2-html-hypertext-markup-language) -- [O que é?](#2-html-hypertext-markup-language) -- [Tags Estruturais](#21-tags-estruturais) - - [Doctype](#211-doctype) - - [Title](#212-title) - - [Body](#213-body) - - [Organizando](#214-organizando-o-código) -- [Tags de Texto](#22-tags-de-texto) - - [Cabeçalho](#221-cabeçalho) - - [Itálico](#222-itálico) - - [Negrito](#223-negrito) - - [Sublinhado](#224-sublinhado) - - [Tachado](#225-tachado) +- 2.[O que é?](#2-html-hypertext-markup-language) +- 2.1 [Tags Estruturais](#21-tags-estruturais) + - 2.1.1 [Doctype](#211-doctype) + - 2.1.2 [Title](#212-title) + - 2.1.3 [Body](#213-body) + - 2.1.4 [Organizando](#214-organizando-o-código) +- 2.2 [Tags de Texto](#22-tags-de-texto) + - 2.2.1 [Cabeçalho](#221-cabeçalho) + - 2.2.2 [Itálico](#222-itálico) + - 2.2.3 [Negrito](#223-negrito) + - 2.2.4 [Sublinhado](#224-sublinhado) + - 2.2.5 [Tachado](#225-tachado) + +--- # 1. Front-end @@ -37,9 +39,13 @@ O desenvolvimento Front-end na web é baseado principalmente em três tecnologia | CSS | Define o estilo e aparência | | JavaScript | Adiciona interatividade e comportamento | +--- + # 2. HTML (HyperText Markup Language) > O HyperText Markup Language é uma linguagem de marcação para estruturar um site utilizando as tags, que são lidas pelo navegador para visualizar o site. Essas tags marcam a função que o navegador precisa rodar para mostrar o site. +--- + ## 2.1 Tags Estruturais ### 2.1.1 Doctype ``: A tag doctype, direciona o código para o tipo de documento que queremos formar, justamente, o Document type. Quando declaramos que é um html estamos focando em websites como qualquer um que vemos na internet, independente de qual você escolha muito provavelmente ele está rodando com html, css e javascript. @@ -56,6 +62,8 @@ também ser maiúscula, é recomendado escolher entre maiúsculo ou minúsculo p ### 2.1.4 Organizando o código Há uma sequência a ser seguida para fazer o html funcionar: “ -> -> (quaisquer tags que queira adicionar) -> -> ” O doctype especifica o formato do texto, o primeiro html o que será utilizado para o site, body o corpo visível do texto, o fechamento do body e o fim do html. +--- + ## 2.2. TAGS DE TEXTO Veremos agora um breve guia do uso dos modificadores de texto (itálico, negrito, sublinhado, tachado), relacionando suas tags com seu significado e uso na língua portuguesa para melhorar a absorção do seu significado e uso na produção de um código em html. diff --git a/gestao.md b/gestao.md index fef1de3..7363255 100644 --- a/gestao.md +++ b/gestao.md @@ -9,24 +9,30 @@ layout: default 1. [O que é um projeto?](#1-o-que-é-um-projeto) 2. [Gerenciamento de projetos](#2-gerenciamento-de-projetos) 3. [PMBOK](#3-pmbok) -- [Importância](#31-importância) +- 3.1 [Importância](#31-importância) 4. [Iniciação](#4-project-charter) -- [Project Charter](#41-objetivos) -- [Stakeholders](#42-elementos) +- 4.1 [Project Charter](#41-project-charter) +- 4.2 [Stakeholders](#42-stakeholders) 5. [Planejamento](#5-planejamento) -- [Escopo](#51-gerenciamento-de-escopo) -- [EAP](#52-estrutura-analítica-do-projeto) -- [Cronograma](#53-gerenciamento-de-cronograma) -- [Custos](#54-gerenciamento-de-custos) -- [Riscos](#55-gerenciamento-de-riscos) +- 5.1 [Escopo](#51-gerenciamento-de-escopo) +- 5.2 [EAP](#52-estrutura-analítica-do-projeto) +- 5.3 [Cronograma](#53-gerenciamento-de-cronograma) +- 5.4 [Custos](#54-gerenciamento-de-custos) +- 5.5 [Riscos](#55-gerenciamento-de-riscos) + +--- ## 1. O que é um projeto? > Projeto é um empreendimento único no qual recursos humanos, materiais e financeiros são organizados de forma a tratar um escopo único de trabalho a partir de uma dada especificação, com restrições de custo e de tempo, para atingir uma mudança benéfica definida por meio de objetivos quantitativos e qualitativos. **(Turner e Müller)** +--- + ## 2. Gerenciamento de projetos O gerenciamento de projetos é a aplicação de conhecimentos, habilidades, ferramentas e técnicas às atividades do projeto com o propósito de atender aos seus requisitos e garantir o sucesso do projeto como um todo. +--- + ## 3. PMBOK É um conjunto de práticas na gestão de projetos organizado pelo Project Management Institute (PMI) e é considerado a base do gerenciamento de projetos. O gerenciamento de projetos pelo PMBOK é dividido em cinco grupos de processos: @@ -39,6 +45,8 @@ O gerenciamento de projetos é a aplicação de conhecimentos, habilidades, ferr ### 3.1 Importância Fornece um quadro de referência comum para os gerentes de projeto navegarem pelos desafios complexos dos projetos modernos. Além disso, muitas organizações exigem que seus gerentes de projeto sejam proficientes no PMBOK. +--- + ## 4. Iniciação ### 4.1 Project Charter É o termo de abertura do projeto. No caso, o documento responsavel por autorizar formalmente que o projeto exista. @@ -81,6 +89,8 @@ Os **Stakeholders** são todas as partes que impactam ou que são impactadas pel - Primários -> Têm influência direta nos resultados financeiros ou operacionais do negócio. - Secundários -> Têm interesse indireto, como mídia ou associações comerciais. +--- + ## 5. Planejamento ### 5.1. Gerenciamento de Escopo O Gerenciamento do Escopo define o que está e o que não está incluído no projeto.