Sumário #
Visão Geral #
HTML e CSS #
Introdução HTML e CSS #
HTML #
- Como funciona uma página web
- Os fundamentos do HTML
- Estrutura básica de uma página html
- Como Rodar um código html
Tags e Elementos #
Div #
Introdução a CSS #
- Importando arquivos css
- Identificação de elementos
- Identificação por nome de tag
- Identificação por classe
- Identificação por ID
Posicionamento de Elementos #
- Posicionamento Estático
- Posicionamento Relativo
- Posicionamento Absoluto
- Posicionamento Fixo
- Posicionamento em Grade
Posicionamento de Texto #
Posicionando #
Tipos de Listas #
Navegação #
Elementos de Formulário #
- Rótulo
- Campo de Entrada de Dados
- Campo de texto
- Campo de senha
- Caixa de seleção
- Botão de opção
- Botão de Verificação
- Botão Input
- Area de Texto
- Botão
- Botão padrão
- Botão com imagem
- Botão com ícone
- Botão de envio de formulário
- Botão de resetar formulário
- Botão com função JavaScript
Formulário #
Tabelas #
Normalização de Css #
Unidades do CSS #
- Pixels (px)
- Porcentagem (%)
- Em (em)
- Rem (rem)
- Viewport Width (vw) e Viewport Height (vh)
- Unidades Absolutas (cm, mm, in, pt)
Propriedade do CSS #
Seletores #
- Seletor de elemento
- Seletor de classe
- Seletor de ID
- Seletor de atributo
- Seletor de descendência
- Seletores de pseudo-classes
- Pseudo-classe "hover"
- Pseudo-classe "active"
- Pseudo-classe "focus"
- seletor de pseudo elementos
- Pseudo-elemento "before"
- Pseudo-elemento "after"
- Pseudo-elemento "first-letter"
Cores Css #
Backgrounds CSS #
- background-color
- background-image
- background-repeat
- background-position
- background-size
- Exercícios de Fixação
Bordas Css #
Fontes #
Gradientes #
Resolução exercicios de fixação #
Introdução ao JavaScript #
Conceitos Básicos #
- Como Rodar Um Código JavaScript
- Utilizando o console do navegador
- Executando JavaScript com o Nodejs
- Sintaxe Javascript
- Espaço em branco
- Formatação e Indentação de Código em JavaScript
- Princípios de Formatação de Código em JavaScript
- Princípios de Indentação de Código em JavaScript
- Tipos de comentários em JavaScript e sua aplicação
- Palavras Reservadas
- Tipos de identificadores em JavaScript
- Escopo de Variáveis em JavaScript
- Tipos de dados em JavaScript
- Tipos de dados primitivos
- Tipos de dados não primitivos (Tipos estruturados)
- Operadores JavaScript
- Operadores Aritméticos
- Precedência de Operadores Aritméticos
- Operadores de Atribuição em JavaScript
- Operadores de Comparação
- Operadores Lógicos
- Operadores de Incremento e Decremento
- Como trabalhar com coleções
- Manipulando Arrays
- Manipulando objetos
- Uso das coleções dos pacotes
- Documentação de Programas JavaScript
- Exercicios de fixação
- Respostas exercicios de fixação
Estruturas de Decisão e Repetição #
- Estrutura de Decisão
- if
- switch-case
- ternário
- try/catch/finally
- Estruturas de Repetição
- WHILE
- FOR
- Condição
- Incremento/Decremento
- For of
- FOR IN
- Exercicios de fixação
- Exercicio de Estruturas de decisão
- Exercicio de Estruturas de repetição
- Respostas Exercicios de fixação
- Estruturas de decisão
- Resposta Estruturas de repetição
Tipos de Funções e Manipulação de Dados #
- Introdução a Funções em Javascript
- Ordem de função
- Arrow functions
- Funções Anônimas em JavaScript
- CALLBACK
- PROMISE
- ASYNC/AWAIT
- Conversões e manipulação de dados
- Conversão de tipos de dados em JavaScript
- Manipulação de arrays em JavaScript
Introdução #
Definição de classe #
Instanciação de objetos #
Encapsulamento #
Herança #
Polimorfismo #
Métodos estáticos #
Pacotes #
TypeScript #
Projeto Prático #
Teste de software e ferramentas de teste #
Resolução desafio #
Introdução ao Node.js #
Apliações típicas do Node.js #
- Desenvolvimento de aplicativos web
- Desenvolvimento de aplicativos de rede
- Automação de tarefas
- Desenvolvimento de aplicativos de desktop
Introdução a API #
API RESTful com Node.js #
Iniciando um projeto Node.js #
- 1 Instalando Node.js
- Passo 1: Abra o terminal
- Passo 2: Atualize o gerenciador de pacotes
- Passo 3: Instale o Node.js
- Passo 4: Verifique a instalação
- Aquitetura e Padrões de Projeto
- Padrões de Projeto
- Arquitetura
- 2. Crie um projeto Node.js
- Passo 1 Crie um diretório para o projeto e navegue até ele
- Passo 2 Inicialize o projeto Node.js com o npm
3. Instale os Pacotes, Bibliotecas e Frameworks necessários #
- Instale os pacotes necessários para criar uma API RESTful em Node.js
- Framework Express
- Pacote Body-parser
- CORS e Biblioteca cors
Persistência de dados #
4. Modelo dados #
- Modelo conceitual
- Modelo lógico: e ORM Sequelize
- ORM
- Sequelize
- sequelizerc
- database.js
- Métodos mais comuns da interface de conexão com BD
- Modelos e Migrações
- Conectando os Models
- Métodos para operações CRUD com Sequelize
- Chamada de stored procedures