Curso de CSS/Javascript/Python

Palavras Projetos Editoriais

Apresentação

Esse curso tem objetivo duplo: primeiro, vamos nos aprofundar em ferramentas para design de livros digitais e para desenvolvimento web — CSS e Javascript —, firmando seus conceitos fundamentais e experimentando algumas funcionalidades avançadas, focando principalmente naquilo que faz sentido para a criação de EPUBs. Depois, vamos travar contato com o pensamento computacional e a lógica de programação, usando como ferramentas duas importantes linguagens de programação: JavaScript e Python.

A ideia é ganharmos autonomia para resolver problemas que antes não conseguiríamos sozinhos e, quem sabe, resolver com mais qualidade os problemas que já sabemos enfrentar.

As aulas terão momentos de conversa, em que alguns conceitos chave serão apresentados e debatidos. A principal atividade, contudo, será a resolução de exercícios. Alguns vão ser resolvidos em grupo, outros individualmente. Alguns serão mais simples, e servem mais para fixar algum tema, outros vão se parecer mais com situações reais (quem sabe, até serão problemas reais...) e exigirão mais criatividade e engenhosidade.

Conteúdos

Os conteúdos apresentados são uma sugestão de fio condutor para o curso. Cada tópico referencia uma página em que mais informações sobre ele podem ser encontradas.

Tópicos em CSS

Duração estimada: 4 aulas.

  1. Seletores e combinadores
  2. Pseudoclasses e pseudoelementos
  3. Porque “cascading”? Cascata, especificidade e herança
  4. O modelo de caixa
  5. Variáveis e cálculo no CSS
  6. CSS layout: Grid vs. Flexbox
  7. Adaptando-se à tela do usuário: design responsivo
  8. Transformações, transições e animações
  9. Sistema hexadecimal e sistemas de cores (RGB, HSL e LCH)
  10. Acessibilidade em páginas HTML/CSS
  11. SVG e animações

Javascript

Duração estimada: 8 aulas

  1. O que é JavaScript?
  2. Javascript no console:
  3. Expressões e valores
  4. Tipos, operações e coerção de tipos
  5. Mensagens de erro
  6. Javascript interno (inline) e externo
  7. console.log
  8. DOM: querySelector e getElementById.
  9. Condicionais
  10. Funções
  11. Iteração: while e for
  12. Event listeners
  13. Objetos

Python

Duração estimada: 8 aulas

  1. Setup do ambiente
  2. O que é Python?
  3. O console do Python
  4. Expressões e instruções
  5. Mensagens de erro
  6. Tipos, operações e conversão: diferenças para o js
  7. Linha de comando vs. scripts
  8. Condicionais
  9. Iteração: while, for, range
  10. Funções
  11. Laços aninhados
  12. Expressões regulares (regex)
  13. Plugins para o Sigil