tiagombp / insperjor-programacao-web

Materiais do curso de Introdução a Programação Web, do Master em Jornalismo de Dados, Automação e Data Storytelling

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Programação Web - 2022-1T

Este é o repositório do curso de Programação Web, do Master em Jornalismo de Dados, Automação e Data Storytelling.

Aqui você vai encontrar os materiais que serão usados nas aulas e outros materiais de apoio.

Preparando de trás para a frente

Que tipo de projeto queremos que os alunos saiam sabendo fazer?

Pegar um exemplo do Pudding. Vai ter interatividade? Gráficos construídos em ferramenta externa?

O que é necessário saber?

  1. Filosofia do curso. Onde queremos chegar. Não é desenvolvimento web para construir uma plataforma de e-commerce. Desenvolvimento web para construção de histórias guiadas por dados interativas na web.
  2. Web e HTML -- história
  3. HTML, CSS e JS -- o que cada um faz (exemplo da mesma página só com HTML, depois com HTML e CSS e depois com os três)
  4. HTML -- Dando significado ao conteúdo. Filosofia.
  5. CSS -- na vida, tudo são retângulos. Estilos básicos, Layout. Posicionando coisas na tela.
  6. CSS -- filosofia. Design para mídias e formatos desconhecidos.
  7. JS

Sugestões alunos, para o semestre:

Sugestões para professores (sobre plano de aula, métodos de ensino, etc)

3 Disponibilizar slides previamente no Blackboard, se possível

6 Informar ou disponibilizar exercícios previamente no Blackboard

9 Sempre lançar exercício no Blackboard (pois incluem data de entrega e nota, se for o caso)

1 Pedir para algum aluno tente reexplicar cada subtópico após explanação para reforçar conceitos e garantir pausas/absorção gradual dos tópicos durante a aula

8 Dar feedback dos exercícios passados. Preferencialmente por escrito para documentar mas caso não seja possível, feedback oral em aula.

5 Conceitos mais abstratos ou distantes da prática jornalística podem ser reforçados com a recomendação de literatura complementar direcionada. Ou seja, para um dado tópico indicar um capítulo, vídeo ou post de blog que ajude a esclarecer o assunto. Pode ser também acompanhado de uma ficha de leitura não obrigatória, mas que pode auxiliar na documentação.

7 Apresentações com tempo explicitamente delimitado por grupos para garantir que todos terão o mesmo tempo de fala.

4 As aulas com programação devem ser "live coding", e não apenas trazer um código pronto

5 Mais trabalhos individuais, principalmente os que são de uma semana para a seguinte (Vejo dificuldade em encontrar horários para fazer trabalhos em conjunto, o que só reforça a concentração de tarefas em poucas pessoas do grupo)

3 Pensar previamente aonde as disciplinas vão chegar no fim para, sempre que possível, propor trabalhos complementares. Por exemplo, no trimestre passado, o trabalho final da disciplina de Transparência, Reprodutibilidade e Uso Ético dos Dados foi subir os códigos que fizemos para outras matérias no GitHub. Mas é possível pensar em algo como: disciplina A faz um código de automação e disciplina B usa esse mesmo código (ou dados utilizados ou parte deste código) para um outro fim.

Sugestões para Coordenação (sobre cronograma, orientação pedagógica, etc)

4 Disponibilizar cronograma de aulas logo no início da disciplina

3 O cronograma de aulas deve dar um panorama do que será ensinado na disciplina, considerando também a sua relação com o jornalismo

About

Materiais do curso de Introdução a Programação Web, do Master em Jornalismo de Dados, Automação e Data Storytelling


Languages

Language:HTML 58.3%Language:CSS 33.6%Language:JavaScript 7.2%Language:R 0.8%