Experiência

Minha experiência sobre o conteúdo da disciplina

A Principal dificuldade foi não ter conhecimento sobre css e html prévio, foi muito difícil compreender como funciona o sistema em cascata para que um elemento não seja modificado de forma impropria.

Facilidade foi ja ter experiência saber procurar informação de forma correta e gravar tantos as tag semânticas, assim como entender algumas propriedades de css.

Umas das descobertas foi ter aprendido sobre seletores como media query e pseudo classes. Com elas podemos fazer muitas coisas avançadas.

Minha afinidade com css aumentou 100%, primeira vez que tentei fazer uma landing page, cheguei a desistir por causa do tamanho do css, mas depois fui vendo que deixando tudo o mais organizado possível evita repetir muito código posteriormente.

Design Responsivo

Quando é recomendando a criação de um site separado para mobile? Seria este o caso deste site da Câmara de Deputados?

Sempre devemos dar prioridade para o mobile, devido a alta demanda onde a grande maioria dos usuários usarem ser o mobile, devemos inclusive começar nossa criação de site por esse estilo (mobile first).

No caso de um CSS específico para impressão (print), como ele deve ser inserido?

Podemos fazer usando outra folha de estilo ou atraves de media types. Abrir e fechar automaticamente uma janela popup quando finalizado.

Precisa ser feito a configuração da pagina de impressão, fazendo um reset dos estilos, fazendo um controle do layout, configurando outro estilo para os textos,

Multimídia Web

O elemento audio permite como elemento-filho o elemento source. Quais são os atributos que o source permite e qual conteúdo eles suportam? Quais os outros atributos do elemento audio e quando devem ser utilizados?

src: endereço do arquivo de mídia, type: o tipo do arquivo

controls: para poder controlar o audio, played: indicando que o audio foi todo reproduzido, src: a URL do audio a ser usado.

O elemento video permite como elemento-filho o elemento source. Quais são os atributos que o source permite e qual conteúdo eles suportam? Quais os outros atributos do elemento video e quando devem ser utilizados?

src: endereço do arquivo de mídia, type: o tipo do arquivo

controls: para poder controlar o audio, played: indicando que o audio foi todo reproduzido, height: altura da area de exibição do video, width: largura da area de exibição do video, src: a URL do video a ser usado.

No caso do canvas, HTML 5 nunca, em momento algum, fez qualquer animação. Isso porquê o HTML 5 é uma simples linguagem de marcação. Dessa forma, o que é necessário para criar animações com HTML5? O que são APIs do HTML5?

Para ser feita as animações com o uso do canvas precisamos usar uma linguagem de programação para desenhar dentro dessa tag, no caso o JavaScript.

As APIs do HTML5 são maneiras de atualizar os dados dos pixels em elemento HTML de forma programática, podendo construir cenas 2d e 3d. Exemplos são o próprio canvas e WebGL.

Como o CSS3 pode ser aplicado na aparência da multimídia HTML5. Demonstre com um exemplo.

Recursos avançados

Faça uma breve descrição dos elementos/propriedades utilizadas e quais navegadores não são compatíveis com eles.

Scroll-behavior - serve para deixar a rolagem quando clica em algum link mais suave - Browsers não suportados: IE(todos), Edge(12-18), chrome(4 - 60) e safari(3.1 - 15.3)

FlexBox - serve para facilitar o posicionamento de elementos de forma flexível - Browsers não suportados: IE(6 - 9), Opera(10 - 11.5) e Opera Mobile(12)

Flex Gap - serve para criar espaçamento entre os elementos dentro de um container flexbox - Browsers não suportados: IE(todos), Edge(12-83), Chrome(4-83) e Safari(3.1-14)

Media Querys - serve para consulta com base na presença do apontador do usuário - Browsers não suportados: IE(todos), Firefox(2-63), Chrome(4-40) e Safari(3.1-8)

Grid - serve para montar a grade de layout em linhas e colunas - Browsers não suportados: IE(6-9), firefox(2-51), Chrome(4-56) e Safari(3.1-10)