
Programação Web Front-end
Lista de recursos HTML e CSS
- Combinação de cores
- Gerador de gradientes
- Ícones Material Design
- Flat Icons
- Google Fonts
- Banco de fotos Unsplash
- Banco de fotos Pexels
- Banco de fotos Wikimedia Commons
- Gerador de imagens responsivas
- Aprenda Layout com CSS
- Pare de chutar e aprenda as propriedades CSS de posicionamento
- Guia Flexbox
- Guia Flexbox - pt-br
- Flexbox Froggy
- Caniuse
- Protótipo do site Minhas Séries
- Curso em vídeo: Introdução ao JavaScript
Avaliação da disciplina
Trabalho 1
Implemente com HTML e CSS o protótipo do site do Curso CST em ADS, criando um repositório no GitHub com acesso público.
Individual
Prazo final para entrega até o dia 01/10/2019 com valor de 10 pontos.
Trabalho 2
Implemente com HTML e CSS o protótipo do site da Maratona de Programação, criando um repositório no GitHub com acesso público.
Individual
Prazo final para entrega até o dia 01/10/2019 com valor de 10 pontos.
Trabalho 3
Cada grupo irá desenvolver um novo site para os projetos listados a seguir.
- Grupo 1: DHANIELY, MANOEL, WALLYSON (Linux Mint)
- Grupo 2: EVALDO, IKARO, JEFFERSON (PlantUML)
- Grupo 3: GABRIEL, JHONI, MATHEUS, VICTOR (Emmet)
- Grupo 4: DANIEL, JULIANO, NELSON, RAYSSA (EditorConfig)
Projetos:
Linux Mint O Linux Mint é uma distribuição Linux baseada no Ubuntu. Pontos que devem ser focados: recursos oferecidos pela distribuição. Dica: utilize screenshots das principais funcionalidades disponíveis.
PlantUML O PlantUML é uma linguagem para gerar diagramas, com suporte a UML, mapas mentais, gantt, etc. Pontos que devem ser focados: tipos de diagramas que são suportados, com imagens e código; ferramentas que suportam o PlantUML. Dica: utilize o highlight.js para estilizar os códigos.
Emmet O Emmet é uma ferramenta para ajudar o desenvolvedor a gerar código. Pontos que devem ser focados: funcionamento com exemplos e ferramentas que suportam. Dica: crie gifs demonstrando o uso do Emmet.
EditorConfig O EditorConfig é uma ferramenta para deixar o estilo código consistente entre vários desenvolvedores, que podem utilizar variados ambientes de desenvolvimento. Pontos que devem ser focados: configurações possíveis e ferramenas que suportam. Dica: utilize o highlight.js para estilizar os códigos.
Requisitos básicos:
- Prototipar o design no Figma.
- Validar o protótipo com o professor.
- Utilizar repositório no GitHub.
- Deve ser responsivo.
- Todos os membros devem desenvolver.
- O deploy deve ser realizado com o GitHub Pages.
Entrega até o dia 11/09/2019 com valor 30 pontos
Apresentação no dia 11/09/2019 com valor de 10 pontos.
Trabalho 4
Cada grupo irá implementar novas funcionalidades no aplicativo de gerenciamento de tarefas.
- Grupo 1:
- Grupo 2:
- Grupo 3:
- Grupo 4:
As funcionalidades devem ser integradas com o repositório a definir com o uso de Pull Requests.
Entrega até o dia a definir com valor 30 pontos.
Apresentação no dia a definir com valor de 10 pontos.