• Variáveis:

  • var vs. let;
  • const.

• Operadores:

  • Aritméticos:
    • +;
    • -;
    • /;
    • %;
    • **;
    • +=;
    • -=;
    • *=.
  • Lógicos:
    • ==;
    • ===;
    • !=;
    • !==;
    • <;
    • >;
    • <=;
    • >=;
    • &&;
    • ||. -[ ] Ternários:
    • (true) ? true : false.

• Funções:

  • Declaração function;
  • Parametros (params);
  • Contexto {};
  • Métodos ().

• Condicionais*:

  • if, else if, else;
  • switch, case, continue, break default.

*Conteúdo precisou ser ministrado no dia 05/12.

• Lista de valores (Array):

  • Declaração;
  • Acessando os valores através do indice;
  • indexOf();
  • includes();
  • push();
  • pop();
  • shift();
  • unshift();
  • join().

• Ciclo de repetições:

  • for();
  • while();
  • forEach().

• Callbacks;

• Objeto literais:

  • Armazenando multiplos objeto em vetores;
  • Ciclo de repetição em vetores de objetos.

• JSON:

  • JSON.parse();
  • JSON.stringfy().

• Internet e Web são a mesma coisa?;
• Protocolo HTTP;
• Divisão Cliente x Servidor.

• Nodejs:

  • npm:
    • Dependências de produção e desenvolvimento.

• Express

  • get():
    • require:
      • params;
      • body;
      • query.
    • response:
      • send();
      • sendStatus();
      • sendFile();
      • download();
      • json();
      • render();
      • redirect().
  • listen().

• http:

  • router:
    • /path;
    • /path/:paramns;
    • /path?queries.

• BONUS: Projeto Integrador

  • Apresentação do Briefing
  • OKR (Objectives and key results)

• npm;
• Node.js;
• express;
• http - get;
• Request (Requisição) - paramns, query;

• Padrão de projeto:

  • MVC - model, view, controller;
  • MVP - model, view, presenter;
  • MVVM - model, view, view-model.

• Controller (Controlador).

• Importar e exportar módulos:

  • module.exports;
  • require().

• Revisão instalação, configuração, implementação das rotas e controles.

  • Controller (Controlador).
  • Importar e exportar módulos:
    • module.exports;
    • require().
  • Request (Requisição) - paramns, query
  • Importar e exportar módulos:
    • module.exports;
    • require().

• Views (Telas - Interfaces visuais):

  • Configurando a pasta responsável pela View - api.set("view", CAMINHO_DINAMICO);
  • Configurando a View Engine - api.set("view engine", "ejs");

• Tipos de Views (Telas - Interfaces visuais):

  • Estática .html;
  • Reativas / dinâmicas .ejs.

• Revisão instalação, configuração, implementação das rotas, controles e tela de interface gráfica (views):

  • Controller (Controlador).
  • Importar e exportar módulos:
    • module.exports;
    • require().
  • Request (Requisição) - paramns, query
  • Importar e exportar módulos:
    • module.exports;
    • require().
  • Configurando a pasta responsável pela View - api.set("view", CAMINHO_DINAMICO);
  • Configurando a View Engine - api.set("view engine", "ejs").

• Manipulando e apresentando dados em Views:

  • render('NOME_DA_VIEW', { dados });
  • Diretivas:
    • Atribuição <%= %>;
    • Condicionais <% if(condição) {%> <% } else if(condição) { %> <% } else { %> <% } %>;
    • Estrutura de repetição <% for(item of items) { %> <% } %>.
  • Dividindo a página em componentes <%- include(partils/componente) %>;
  • Configurando e disponibilizando arquivos estáticos api.use(express.static(path.join(__dirname, 'public')));.

• Revisão instalação, configuração, implementação das rotas, controles e tela de interface gráfica (views):

  • Controller (Controlador).
  • Importar e exportar módulos:
    • module.exports;
    • require().
  • Request (Requisição) - paramns, query
  • Importar e exportar módulos:
    • module.exports;
    • require().
  • Configurando a pasta responsável pela View - api.set("view", CAMINHO_DINAMICO);
  • Configurando a View Engine - api.set("view engine", "ejs").

• Revisão da manipulando e apresentando dados em Views:

  • render('NOME_DA_VIEW', { dados });
  • Diretivas:
    • Atribuição <%= %>;
    • Condicionais <% if(condição) {%> <% } else if(condição) { %> <% } else { %> <% } %>;
    • Estrutura de repetição <% for(item of items) { %> <% } %>.
  • Dividindo a página em componentes <%- include(partils/componente) %>;
  • Configurando e disponibilizando arquivos estáticos `api.use(express.static(path.join(__dirname, 'public')));

• Simulando a criação e acesso da dados do banco de dados:

  • Requisição de items a partir de um filtro de paginação;
  • Requisição de um item a partir do seu código de indentificação unica primary key.