HTML, CSS e JS
Professor: Jemerson
HTML5 e CSS3; Fundamentos de HTML5 e CSS3; Responsividade com Media Queries; Seletores; SASS; UX; Javascript; ES6;
Assuntos abordados
- HTML5 e CSS3;
- Fundamentos de HTML5 e CSS3;
- Responsividade com Media Queries;
- Seletores;
- SASS;
- UX;
- Javascript;
- ES6;
Calendário
- 27/03/2021 - Aula 01
- HTML5
- Modernizer
- HTML5
- Boilerplate
- Formulários e Validações
- CSS3
- 10/04/2021 - Aula 02
- CSS3 (continuação)
- SASS
- Javascript
- JQuery
- 24/04/2021 - Aula 03
- JQuery (continuação)
- ES6
Materiais utilizados na disciplina
- 27/03/2021
- 10/04/2021
- Máterial em PDF aula 01 (Nova versão)
- Máterial em PDF aula 02
- 24/04/2021
- Máterial em PDF aula 02 (Nova versão)
- Máterial em PDF aula 03
- Trabalho
Repositórios (Forks)
Atividades solicitadas para serem entregues
Atividade 1
Página 32 do 'Máterial em PDF aula 01'
Entregue durante a aula
Criar um arquivo index.html que contenha os seguintes elementos
- Cabeçalho com titulo do website (HTML5, CSS3, JS)
- Links de navegação para noticias e formulário
- Área principal contendo 3 artigos
- Titulo
- Data e email(autor)
- Imagem
- Introdução
- Link para noticia original
- Rodapé
- Nome
- Nome da pós
Atividade 2
Página 39 do 'Máterial em PDF aula 01'
Entregar até próxima aula, dia 10/04
Criar um formulário para cadastro de noticias, contendo campos para:
- Título
- Cor do titulo
- Data
- Imagem
- Introdução
- Endereço de origem (URL)
- Botão enviar
Atividade 3
Atividade extra (Não vale nota)
- Adicionar estilos SASS ao formulário da atividade 2
Atividade 4
Página 61 do 'Máterial em PDF aula 02'
Atividade extra (Não vale nota)
- Criar um arquivo, que contenha uma tabela, e nesta tabela deve conter um link que ao clicar remove a linha toda da tabela.
Atividade 5
Atividade durante a aula (Não vale nota)
Durante a aula do dia 24/04/2021, foi realizado a implementação de Jquery em um formulário feito na atividade 2, utilizando ele como base faça:
- Fazer com que o fomulário insira os campos em uma tabela abaixo do formulário;
- Fazer com que essa tabela tenha um botão para remover a linha;
Atividade 6
Atividade durante a aula (Não vale nota)
Na atividade 1, utilizando ela como base faça:
- Adicionar recurso de Drag/Drop para as noticias;
Trabalho final
Entregar até o dia 08/05/2021