Material de estudo em Desenvolvimento Web

Conhecimento em contrução 🛠️

Javascript: Fundamentos ✔️

• Var, Let e Const;
• Tipagem Fraca;
• Number, String, Boolean, Array, Object;
• Math;
• Template String;
• Null & Undefined;
• Funções e Objetos;
• Variáveis com Var e Let;
• Let e Var em Loop;
• Hoisting;
• Par Nome/Valor;
• Notação ponto;
• Operadores: Atribuição, destructuring, aritméticos, relacionais, lógidos, unários, ternários;
• Tratamento de erro: Try, Catch e Throw.

Javascript: Estruturas de Controle ✔️

• If/Else/Else If, Switch, While, Do/While, For, For/In, Break e Continue.

Javascript: Função ✔️

• Params e Return;
• Variáveis;
• This e bind;
• Funções arrow, funções anônimas, funções callback, funcões construtoras, funções factory;
• Call & Apply. ### Javascript: Objeto ✔️
• Constantes, notação literal, getters/setters;
• Herança;
• JSON;
• Classes.

Javascript: Array ✔️

• forEach;
• Map;
• Filter;
• Reduce;
• Concat;
• FlatMap.

Node ✔️

• Sistema de Módulos;
• Módulos de Terceiros;
• Require;
• Exports;
• Arquivo package.json;
• Instância;
• Objeto Global;
• This;
• Dependências e scripts;
• Lendo e escrevendo arquivos;
• Frameworks Web;
• Padrão middleware;
• Postman;
• Projeto: API com Express;
• Tarefas agendadas com temporizador.

ESNext ✔️

• Revisão;
• Rest/Spread;
• Tagged Template;
• Map;
• Set;
• For Of;
• Promises;
• Callbacks aninhadas;
• Async/Await.

Conceitos sobre Web ✔️

• Introdução à Web;
• Protocolo HTTP;
• Servidor Web;
• Client Side vs Server Side;
• Conteúdo Estático vs Dinâmico;
• HTML, CSS e JS;
• DNS;
• HTTP Seguro (HTTPS);
• Web Service;
• Computação em Nuvem.

HTML ✔️

• Anatomia da TAG;
• Anatomia de uma Página HTML;
• Um Pouco de CSS;
• Estruturando os Exercícios;
• Texto Puro vs Browser;
• Tag para Textos #01 e #02;
• Listas;
• Listas Aninhadas e Desafio;
• Links #01 e #02;
• Tabela;
• Formulário #01, #02 e #03;
• Imagens;
• Desafio Slider #01 e #02;
• Vídeo;
• Desafio Controlar Vídeo;
• Tags não visuais.

CSS ✔️

• CSS: Introdução;
• Anatomia CSS;
• CSS Interno, Externo e Inline;
• Criando a Classe .tag;
• Seletores CSS #01 e #02;
• Especificidades CSS #01 e #02;
• Herança;
• Box Model #01 e #02;
• Margin Collapse;
• Propriedade Display;
• Inline-block: Comporante Estranho;
• Altura & Largura;
• Box Sizing;
• Propriedade Overflow;
• Propriedade Float;
• Cores;
• Utilidades #01, #02 e #03;
• Texto;
• Position;
• Media Query;
• Desafio Menu #01 e #02;
• Desafio Card #01 e #02;
• Flex Box e CSS Grid;
• Flex Box Nomenclatura;
• Flex Box #01, #02 e #03;
• Desafio Menu (Flex Box);
• CSS Grid #01, #02 e #03.

Integrando HTML, CSS e JS ✔️

• DOM;
• Selecionando Elementos #01, #02, #03 #04;
• Acessando Atributos #01, #02, #03 e #04;
• Acessando Classes;
• Modificando HTML #01 e #02;
• Trabalhando c/ Eventos #01, #02, #03 e #04;
• Desafio Flappy Bird #01, #02, #03, #04, #05, #06.

Ajax ✔️

• Conceitos de Ajax;
• Implementando server.js;
• XMLHttpRequest #01, #02 e #03;
• Fetch API #01 e #02;
• Axios #01 e #02;
• Ajax com jQuery;
• Carregando HTML via Ajax.

Gulp: ✔️

• Introdução do Módulo;
• Documentação do Gulp;
• Entendendo o Gulp;
• Instalando Gulp e dependências;
• Fundamentos de Gulp #01 e #03;
• O que é Babel?
• Processando Javascript com Gulp;
• O que é Typescript?;
• Processando Typescript com Gulp;
• O que é SASS?
• Processando SASS com Gulpe #01 e #02;
• Projeto SPA;
• Conclusão do Módulo.

Webpack ✔️

• Visão Geral;
• Estrutura Básica do Projeto;
• Sistema de Módulos;
• Configurando Pasta de Saída;
• Carregando Arquivo .CSS;
• Externalizando .CSS;
• Carregando Arquivo .SCSS (SASS);
• Desenvolvimento & Produção;
• Carregando Arquivos de Imagens;
• Adicionando WebServer.

jQuery ✔️

• O que é jQuery?
• Entendendo o jQuery;
• Selecionando Elementos #01 e #02;
• Modificando HTML #01, #02, #03 (Desafio) e #03(Resposta);
• Manipulando Atributos;
• Manipulando CSS;
• Eventos #01, #02 e #03;
• Animação #01 e #02;
• Plugin #01 e #02.

Bootstrap ✔️

• Instalação;
• Adicionando Navegação;
• Tipografia;
• Espaços (Margin & Padding);
• Título e Breadcrump;
• Cores;
• Flexbox;
• Imagens;
• Float;
• Sistema de Grid #01, #02, #03, #04, #05 e #06;
• Botões;
• Barra de Progresso;
• Alertas;
• Paginação;
• Tooltip;
• Slider;
• Accordion;
• Formulário.

React ✔️

• Criando Projeto;
• Primeiro Componente;
• Componente com Parâmetro;
• Múltiplos Componentes;
• Componente de Classe #01 e #02;
• Componentes: Pai e Filho #01 e #02.

VueJS 🔜

• Conceitos Básicos;
• Binding;
• Eventos;
• Diretivas: v-if, v-for e v-show;
• Aplicando Estilo CSS;
• Template na Vue Instance;
• Componente #01 e #02;
• Diretiva Personalizada.

Angular 9 🔜

• Introdução;
• Backend com JSON Server;
• Visão Geral do Angular;
• Conceitos Essenciais;
• Criando App com Angular CLI;
• Conhecendo os Arquivos do Projeto;
• HTML do AppComponent;
• Instalar os Componentes do Material;
• Componente Cabeçalho;
• Componente Rodapé;
• Componente Navegação;
• Elementos do Angular #01, #02 e #03;
• Componente Início (Home);
• Navegando entre Componentes;
• Diretivas na Prática #01 e #02;
• Componente Criar Produto;
• Bindings;
• Navegar para Tela de Criar Produtos;
• Produto Modelo;
• Produto Service;
• Método Criar Produto;
• Formulário Criar Produto;
• Componente Obter Produto;
• Exibindo Produtos com - [ ]ngFor;
• Gerando Componente Tabela;
• Entendendo Componente Gerado;
• Tabela Produtos;
• Adicionando Coluna Ações;
• Novos Métodos em Produto Service;
• Componentes Atualizar Produto #01 e #02;
• Método Excluir Produto;
• Exibindo Errors;
• Atualizando Títulos.

Banco Relacional 🔜

• Instalação MySQL Server & Workbench;
• Modulo E/R;
• Chave Primária;
• Relacionamentos;
• SQL: Visão Geral;
• Criar Schema & Plugin VSCode;
• Visão Geral do Modelo;
• Criar Tabela Estados;
• Inserir Estados;
• Consultar Estados;
• Atualizar Estados;
• Inserir Estados com ID;
• Excluir Estados;
• Consultar Estados com Agregação;
• Criar Tabela Cidades;
• Inserir Cidades;
• Consultar Múltiplas Tabelas (JOIN);
• Tipos de JOINs;
• Criar Tabela Prefeitos;
• Inserir Prefeitos;
• Explorando os Tipos de JOINs;
• Criar Tabela Empresas;
• Inserir Empresas;
• Consultar Empresas e Cidades.

Banco Não Relacional 🔜

• Instalação do MongoDB;
• NoSQL: Visão Geral;
• Relacional e Não Relacional;
• Comandos Básicos;
• Inserir Dados;
• Desafio Inserir (São Paulo);
• Consultas #01;
• Consultas Agregadas (Teoria);
• Consultas #02 e #03;
• Update;
• Remove;
• Inserir Empresas;
• Consulta com Lookup #01 e #02.

Express 🔜

• Introdução;
• Criando o Projeto;
• Configuração e Launcher #01 e #02;
• Tratando a Primeira Requisição;
• Tipos de Resposta;
• Middleware #01 e #02;
• Lendo Dados da Requisição;
• Entendendo o Body Parser;
• Comunicação Entre Modulos #01 e #02.

Gulp Versão 3 🔜

• O que é Gulp?
• Instalando Gulp;
• Fundamentos de Gulp;
• Processando Javascript com Gulp;
• O que é Typescript?;
• Processando Typescript com Gulp;
• O que é SASS?
• Processando SASS com Gulp;
• Projeto SPA