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.