Skip to content

Latest commit

 

History

History
502 lines (423 loc) · 25.8 KB

OUTLINE.md

File metadata and controls

502 lines (423 loc) · 25.8 KB

Roteiro das Aulas

# 01 - Apresentação da Disciplina (16/03/2018)
# 02 - Estrutura com HTML (23/03/2018)
# 03 - Estilo com CSS (06/04/2018)
# 04 - Estilizando texto e box (13/04/2018)
# 05 - Criando Dashboard Admin (20/04/2018)
# 06 - Avalição de HTML e CSS (27/04/2018)
# 07 - Introdução ao php (04/05/2018)
# 08 - Introdução ao Javascript (11/05/2018)
# 09 - Geração Dinâmica com JS (18/05/2018)
# 10 - Consumindo JSON e Geração Dinâmica com JS (08/06/2018)
# 11 - Pacotes JS e Simulado de Javascript Avaliação de JS (15/06/2018)
# 12 - Avalição de Javascript e Servidor LAMP (29/06/2018)
# 13 - Fundamentos de PHP (06/07/2018)
# 14 - APIs em PHP (13/07/2018)
# 15 - PHP Web (20/07/2018)
# 16 - MySQL (27/07/2018)
# 17 - PHP PDO (28/07/2018)
# 18 - Acompanhamento do Projeto (03/08/2018)
# 19 - Acompanhamento do Projeto (04/08/2018)
# 20 - Avaliação de PHP e Projeto Final (10/08/2018)

# 01 - Apresentação da Disciplina (16/03/2018)

Conteúdo:

  • Apresentação da disciplina:
    • Objetivo, conteúdo, avaliação, comunicação, bibliografia e ferramentas
    • O que você vai aprender em DW?
    • Conteúdo
      • Fundamento e finalidade do frontend (HTML, CSS, JS) e backend (PHP, MySQL)
      • Exibindo a arquitetura da Web (Tripé: URL, HTTP, HTML; slide)
      • Fundamentos de uma Linguagem de Marcação (guide)

Exercício:

  • Analisar o site da discplina e se inscrever no channel #dw20181 do slack do ifpb.
  • Configurar seu computador com essas ferramentas.
  • Descreva o que acontecer ao acessar uma página da Web, como a do IFPB
  • Pesquisar sobre a evolução da Web.
  • Descreva o que é uma Linguagem de Marcação.

# 02 - Estrutura com HTML (23/03/2018)

Conteúdo:

Exercício:

# 03 - Estilo com CSS (06/04/2018)

Conteúdo:

Exercício:

# 04 - Estilizando texto e box (13/04/2018)

Conteúdo:

Reflexão:

  • Quais estilos podemos aplicar em um texto?
  • O que é um elemento de bloco e de linha?
  • Que configurações de tamanho podemos aplicar em um elemento de bloco?
  • Como utilizamos fontes do Google Fonts?
  • Como utilizamos ícones?
  • Que estilos podemos aplicar em uma tabela?

Exercício:

# 05 - Criando Dashboard Admin (20/04/2018)

Conteúdo:

Reflexão:

  • Como reutilizar estilos de terceiros?
  • Quais são os prós e contras de utilizar o Bootstrap?
  • Como habilitamos o Bootstrap no HTML e CSS?
  • Com o Bootstrap é possível normalizar o estilo do seu HTML?
  • É possível definir alguma layout usando Bootstrap?
  • Qual é a diferença entre Content e Components no Bootstrap?

Exercício:

# 06 - Avalição de HTML e CSS (27/04/2018)

Avaliação de HTML e CSS

Especificação do Projeto Final

# 07 - Introdução ao Javascript (04/05/2018)

Conteúdo:

Reflexão:

  • Para que serve os formulários e como estruturamos um?
  • Por que o Javascript pode ser divido em recursos do EcmaScript e W3C?
  • Como executamos código Javascript?
  • Como declaramos variáveis no Javascript?
  • Quais são os tipos primitivos e objetos do Javascript?
  • Quais são os operadores do Javascript? Como podemos montamos expressões?
  • O que acontece quando passamos uma quantidade de argumentos diferente do total de parâmetros?
  • Para chamar uma função é necessário declará-lo antes de sua chamada?
  • O que são parâmetros default dentro das funções no Javascript?
  • Como integramos Javascript com HTML no Navegador?
  • É possível acessar recusos do Navegador com o Javascript? Por exemplo, é possivel acessar os botões de navegação de histórico? Ou a URL da barra de endereço?
  • Qual a importância da árvore DOM para o Javascript?
  • Um Elemento no HTML pode ser analisado como sendo mais de um objeto no DOM? Mostre algum exemplo.
  • Como acessamos um elemento do HTML via document no Javascript?
  • Como acessamos ou alteramos o conteúdo dos elementos <div>, <input type="text"> e <input type="radio">?(selecionado)?
  • Como atribuímos um evento em um botão no Javascript?

Exercício:

# 08 - Introdução ao Javascript (11/05/2018)

Conteúdo:

Reflexão:

  • Quais são as estruturas de repetição do Javascript?
  • No Javascript, como manipulamos (criar, alterar, iterar, ações) String, Array e JSON?
  • Como estruturamos dados compostos em Javascript?

Exercício:

Host Address Mask
PC 1 192.168.0.1 255.255.255.0
Server 10.0.0.1 255.255.255.0

# 09 - Geração Dinâmica com JS (18/05/2018)

Conteúdo:

Reflexão:

  • O que são funções anônimas?
  • Como adicionamos eventos a um elemento selecionado?
  • No exercício do IMC gráfico, explique como adicionamos eventos de teclado para ao pressionar:
    • A tecla 'Enter' exiba o resultado do IMC;
    • A tecla 'Escape' limpe os valores digitados nos <input> e foque no primeiro input.
  • Como alteramos o estilo de um elemento no Javascript?
  • No exercício do IMC gráfico, explique como alteramos a cor do resultdo do IMC conforme o resultado, por exemplo, vermelho para obeso e assim por diante.
  • Como acessamos ou alteramos o conteúdo dos elementos <div>, <input type="text"> e <input type="radio"> (selecionado)?
  • Como inserimos um novo parágrafo no final da <div> a seguir sem recriar seus elementos internos?
<div>
  <p>Lorem ipsum dolor</p>
  <p>Dolor ipsum lorem</p>
</div>

Exercício:

# 10 - Consumindo JSON e Geração Dinâmica com JS (08/06/2018)

Conteúdo:

Reflexão:

  • Por que as Web API geralmente respondem com JSON?
  • O que o Fetch API permite fazer?
  • Como exibimos apenas a cidade do IP 8.8.8.8 usando a API do ipinfo.io? Use essa rota https://ipinfo.io/8.8.8.8/json e o Fetch API.
  • Como removemos um elemento no HTML via Javascript?

Exercício:

Projeto:

Apresentação das propostas de projetos.

# 11 - Pacotes JS e Simulado de Javascript Avaliação de JS (15/06/2018)

Conteúdo:

Reflexão:

  • Como montamos gráficos usando Javascript?

Exercício:

# 12 - Avalição de Javascript e Servidor LAMP (29/06/2018)

Conteúdo:

Reflexão:

  • Como configurar um ambiente backend com PHP e MySQL?

Avaliação:

Todos os detalhes da avaliação estão disponíveis nesta página

# 13 - Fundamentos de PHP (06/07/2018)

Conteúdo:

Reflexão:

  • Como executamos código PHP?
  • Como declaramos variáveis no PHP?
  • Quais são os tipos de dados do PHP?
  • Quais são os operadores do PHP?
  • Quais são as estruturas de controle e repetição do PHP?
  • Como criamos uma função em PHP?
  • O que acontece quando passamos uma quantidade de argumentos diferente do total de parâmetros?
  • Como executamos comandos via PHP?
  • Qual a finalidade do script ping.php?

Exercício:

# 14 - APIs em PHP (13/07/2018)

Conteúdo:

Reflexão:

  • Como contruir uma página dinâmica no Front-end e no Back-end?
  • Quais são as diferença entre o $_POST e $_GET?
  • Como obter dados no PHP?
  • Como executamos chamadas de sistema em PHP com e sem privilégio?
  • Como editamos um arquivo de configuração por meio do PHP?
  • Como formatar dados no PHP para retornar JSON?

Exercício:

  • Crie uma API para listar arquivos de um path no formato JSON.
  • Crie uma API dos serviços de um SO no qual é possível realizar as seguintes as ações start e stop. Dica, use o comando service.
  • Crie o esquema da API do seu projeto baseado nos templates existentes em Web API.

# 15 - PHP Web (20/07/2018)

Conteúdo:

Reflexão:

  • Como o PHP consegue tratar requisições HTTP GET e POST?
  • O que munda no processamento de PHP quando a renderização de conteúdo é feito no lado Cliente e Servidor?
  • Para que serve as sessões no PHP?
  • Como criar um autenticação via sessão o PHP?
  • Como consumir APIs para gerar interfaces Web dinâmicas?

Exercício:

# 16 - MySQL (27/07/2018)

Conteúdo:

Reflexão:

  • O que é e para que serve um banco de dados?
  • Qual é a arquitetura básica de um serviço de banco em MySQL?
  • Qual é a finalidade da linguagem SQL?
  • Como criamos um banco, tabela e dados no MySQL?
  • Como fazer CRUD em uma Tabela?
  • O que é integridade de entidade e referencial?
  • Quais são as restrinções em um banco de dados relacional?

Exercício:

  • Crie um banco de dados para seu projeto.

# 17 - PHP PDO (28/07/2018)

Conteúdo:

Reflexão:

  • Como o PHP consegue manipular um banco de dados MySQL?
  • Como usar o PDO para realizar um CRUD em uma Tabela?
  • Como criar um modelo, API e interface Web de uma fonte de dados?

Exercício:

  • Faça com que algum serviço da API do seu projeto seja persistido em banco.

# 18 - Acompanhamento do Projeto (03/08/2018)

Projeto Final

# 19 - Acompanhamento do Projeto (04/08/2018)

Projeto Final

# 20 - Avaliação de PHP e Projeto Final (10/08/2018)

Entrega do Projeto Final e da avaliação de PHP.

E agora?