PLANO DE ENSINO

1. IDENTIFICAÇÃO:
CURSO: Bacharelado em Engenharia de Software SEMESTRE/ANO: 1/2023
COMPONENTE CURRICULAR: Desenvolvimento Front-end c/h: 80
PROFESSOR(A): Fabiano Oliveira de Carvalho
E-MAIL: fabiano.carvalho@p.ucb.br

2. EMENTA
Ementa: Introdução ao desenvolvimento para web com a implementação de páginas estáticas HTML e estilização
utilizando CSS. Responsividade, usabilidade e acessibilidade. Evolução da Internet e do processo de
desenvolvimento web e suas tecnologias. Frameworks front-end. Introdução a versionamento de software.

3. CONTRIBUIÇÃO PARA A FORMAÇÃO DO EGRESSO

Levando-se em consideração a flexibilidade necessária para atender domínios diversificados de
aplicação e as vocações institucionais, espera-se dos egressos dos cursos de Engenharia de Software que: 
 
1. Possuam sólida formação em Ciência da Computação, Matemática e Produção, visando a criação de
sistemas de software de alta qualidade de maneira sistemática, controlada, eficaz e eficiente que
levem em consideração questões éticas, sociais, legais e econômicas;  
2. Sejam capazes de criar soluções, individualmente ou em equipe, para problemas complexos
caracterizados por relações entre domínios de conhecimento e de aplicação;  
3. Sejam capazes de agir de forma reflexiva na construção de software, compreendendo o seu impacto
direto ou indireto sobre as pessoas e a sociedade;  
4. Entendam o contexto social no qual a construção de Software é praticada, bem como os efeitos dos
projetos de software na sociedade;  
5. Compreendam os aspectos econômicos e financeiros, associados a novos produtos e organizações;  
Reconheçam o caráter fundamental da inovação e da criatividade e compreendam as perspectivas de
negócios e oportunidades relevantes.

4. COMPETÊNCIAS E HABILIDADES
De acordo com a RESOLUÇÃO Nº 5, DE 16 DE NOVEMBRO DE 2016, o curso de bacharelado em
Engenharia de Software provê uma formação profissional que revela as habilidades e competências para:  

1. Investigar, compreender e estruturar as características de domínios de aplicação em diversos

contextos que levem em consideração questões éticas, sociais, legais e econômicas, individualmente
e/ou em equipe;  
2. Compreender e aplicar processos, técnicas e procedimentos de construção, evolução e avaliação de
software;  
3. Analisar e selecionar tecnologias adequadas para a construção de software;  
4. Conhecer os direitos e propriedades intelectuais inerentes à produção e utilização de software;  
5. Avaliar a qualidade de sistemas de software;  
 6. Integrar sistemas de software;  
7. Gerenciar projetos de software conciliando objetivos conflitantes, com limitações de custos, tempo e
com análise de riscos;  
8. Aplicar adequadamente normas técnicas;  
9. Qualificar e quantificar seu trabalho baseado em experiências e experimentos;  
10. Exercer múltiplas atividades relacionadas a software como: desenvolvimento, evolução, consultoria,
negociação, ensino e pesquisa;  
11. Conceber, aplicar e validar princípios, padrões e boas práticas no desenvolvimento de software;  
12. Analisar e criar modelos relacionados ao desenvolvimento de software;  
13. Identificar novas oportunidades de negócios e desenvolver soluções inovadoras;  
14. Identificar e analisar problemas avaliando as necessidades dos clientes, especificar os requisitos de
software, projetar, desenvolver, implementar, verificar e documentar soluções de software baseadas
no conhecimento apropriado de teorias, modelos e técnicas. 

5. CONTEÚDO
Unidade 1: HTML
 HTML (introdução)
 Estrutura HTML
 Tipos de arquivos
 Títulos
 Quebras de linhas e parágrafos
 Criação e edição de Tabelas
 Ajustes nas Tabelas
 Imagens e Links
 Formatação nas páginas
Unidade 2: CSS
 CSS (introdução)
 Estrutura CSS
 Fontes e Camadas
 Formatação CSS
Unidade 3: Bootstrap
 Bootstrap (ferramentas)

6. AVALIAÇÃO
Critérios e instrumentos:
 Serão 4 projetos (2,5 pontos cada);
 Utilização de API para desenvolvimento em equipe.
Será considerado aprovado o estudante que obtiver a média final igual ou superior a 7 (sete)
pontos e frequência mínima de 75%.
Média (M) = 1 + 2 + 3 + 4 = 10 pontos.

Recuperação:
  O discente poderá realizar a Avaliação Substitutiva quando:
o a média (M) for no mínimo 4,0 (quatro inteiros) e no máximo 6,9 (seis inteiros e nove
décimos) e a frequência no mínimo de 75% das aulas ministradas ou;
o tiver perdido uma das avaliações da disciplina por qualquer motivo.
 A Avaliação Substitutiva (N3) valerá 10,0 (dez) pontos. Prova teórica.
 A média final (MF) será obtida por meio da média aritmética: MF = (M+N3) / 2.

O aproveitamento final dos estudantes nas atividades avaliativas é expresso em escala numérica de 0
(zero) a 10 (dez), com intervalos de 0,1 (um décimo). A nota mínima para aprovação é 7 (sete) e a
frequência mínima de 75%.

7. BIBLIOGRAFIA:
BÁSICA:
 ALVES, William Pereira. HTML & CSS aprenda como construir páginas web. São Paulo: Expressa,
2021.
 HAROLD, Elliotte R. Refatorando HTML. Porto Alegre: Bookman, 2010.
 MARCOLINO, Anderson da Silva. Frameworks front end. São Paulo Conteúdo Saraiva 2021 1
recurso online ISBN 9786589965077.
TEIXEIRA, Fabricio. Introdução e boas práticas em UX Design. São Paulo, SP: Casa do Código, 2015. 270 p.
ISBN 9788566250480

COMPLEMENTAR:
 FERREIRA, Arthur Gonçalves. Design patterns e gerência de configuração do projeto ao controle de
versões. São Paulo Conteúdo Saraiva 2021 1 recurso online ISBN 9786589965312.
 TERUEL, Evandro Carlos. HTML 5 guia prático. São Paulo: Erica, 2014.
 NIELSEN, Jakob; LORANGER, Hoa. Usabilidade na web. Rio de Janeiro, RJ: Elsevier, 2007. xxiv, 406
p. ISBN 8535221905
 ALVES, William Pereira. Projetos de sistemas Web conceitos, estruturas, criação de banco de dados e
ferramentas de desenvolvimento. São Paulo Erica 2019 1 recurso online (Eixos). ISBN 9788536532462.
OLIVEIRA, Cláudio Luís Vieira. JavaScript descomplicado, programação para a Web, IoT e dispositivos
móveis. São Paulo Erica 2020 1 recurso online ISBN 9788536533100.

ACERVO DIGITAL:
https://pergamum.ucb.br/biblioteca/index.php

8. OBSERVAÇÕES
Importante:
 O plano de ensino é flexível e pode sofrer alterações ao longo do semestre, desde que acordadas
antecipadamente com os estudantes.
 A descrição das atividades e metodologias está descrita no PLANO DE TRABALHO SEMESTRAL.
 Sugere-se que, para melhor aproveitamento das aulas, o uso do celular deverá ser limitado a
assuntos urgentes ou para realização de atividades pedagógicas, quando solicitado pelo professor.
 Plano de Trabalho Semestral
Aula Data Conteúdo e Objetivos Pré-aula Aula Pós-aula Evidência
de Aprendizagem

1. 13/03 Apresentação da Não se aplica Apresentação da disciplina Formação de equipes para Atividade postada
disciplina e objetivo. e objetivo. Dinâmicas em o desenvolvimento dos no AVA do plano
grupo para interação e projetos. de ensino.
formação de futuras
equipes.

2. 20/03 Unidade 1: Introdução Não se aplica Unidade 1: Introdução ao Prática das atividades Atividade postada
ao HTML e HTML e desenvolvimento aprendidas. no AVA
desenvolvimento estrutural
estrutural.
3. 27/03 Unidade 1: Apresentação das atividades Unidade 1: Prática das atividades Atividade postada
- Tipos de arquivos anteriores. - Tipos de arquivos aprendidas. no AVA
- Títulos Conteúdo postado no AVA - Títulos
1º PROJETO (1/3) 1º PROJETO (1/3)
4. 03/04 Unidade 1: Conteúdo postado no AVA Unidade 1: Prática das atividades Atividade postada
- Quebras de linhas e - Quebras de linhas e aprendidas. no AVA
parágrafos parágrafos
- Criação e edição de - Criação e edição de
Tabelas Tabelas
- Ajustes nas Tabelas - Ajustes nas Tabelas
1º PROJETO (2/3) 1º PROJETO (2/3)
5. 10/04 Unidade 1: Conteúdo postado no AVA Unidade 1: Organizar as etapas e Atividade postada
- Imagens e Links - Imagens e Links preparar o início do novo no AVA
- Formatação nas - Formatação nas páginas projeto.
páginas 1º PROJETO (3/3)
1º PROJETO (3/3)
6. 17/04 Unidade 2: Apresentação das atividades Unidade 2: Prática das atividades Atividade postada
- CSS (introdução) anteriores. - CSS (introdução) aprendidas com a inclusão no AVA
2º PROJETO (1/3) Conteúdo postado no AVA 2º PROJETO (1/3) do CSS nos projetos.
7. 24/04 Unidade 2: Conteúdo postado no AVA Unidade 2: Prática das atividades Atividade postada
- Estrutura CSS - Estrutura CSS aprendidas. no AVA
- Fontes e Camadas - Fontes e Camadas
2º PROJETO (2/3) 2º PROJETO (2/3)
8. 01/05 RECESSO RECESSO
9. 08/05 Unidade 2: Preparação para a Unidade 2: Organizar as etapas e Atividade postada
- Formatação CSS apresentação do Projeto. - Formatação CSS preparar o início do novo no AVA
2º PROJETO (3/3) 2º PROJETO (3/3) projeto.
10. 15/05 Unidade 2: Apresentação das atividades Unidade 2: Prática das atividades Atividade postada
- Aplicação de todos anteriores. - Aplicação de todos os aprendidas com a inclusão no AVA
os ensinamentos Conteúdo postado no AVA ensinamentos HTML e CSS. do HTML e CSS nos
HTML e CSS. 3º PROJETO (1/3) projetos com novas IDEs.
3º PROJETO (1/3)
11. 22/05 3º PROJETO (2/3) Preparação para a 3º PROJETO (2/3) Prática das atividades Atividade postada
apresentação do Projeto. aprendidas. no AVA
12. 29/05 Unidade 3: Preparação para a Unidade 3: Pesquisa sobre Bootstrap e Atividade postada
- Bootstrap apresentação do Projeto. - Bootstrap (ferramentas) projetos criados pelo no AVA
(ferramentas) 3º PROJETO (3/3) mesmo.
3º PROJETO (3/3)
13. 05/06 4º PROJETO (1/3) Pesquisa sobre Bootstrap e 4º PROJETO (1/3) Prática das atividades Atividade postada
projetos que por meio da aprendidas. no AVA
ferramenta.
14. 12/06 4º PROJETO (2/3) Continuação do projeto. 4º PROJETO (2/3) Prática das atividades Atividade postada
aprendidas. no AVA
15. 19/06 4º PROJETO (3/3) Preparação para a 4º PROJETO (3/3) Analisar todos os projetos Atividade postada
apresentação do Projeto. e a melhora no no AVA
desenvolvimento ao longo
das atividades.
16. 26/06 Entrega das notas e Não se aplica Entrega das notas e Verificação das notas no Atividade postada
 correções das correções das atividades sistema. no AVA
atividades
17. 03/07 Avaliação Avaliação SUBSTITUTIVA
SUBSTITUTIVA
18. 10/07 Entrega das NOTAS Para quem fez a SUB ou não Entrega das NOTAS FINAIS Aplicar o conhecimento no Atividade postada
FINAIS (NF) pegou as notas dos projetos. (NF) mercado de trabalho. no AVA
Entrar em contato com o
professor para auxiliar, pois
terá total apoio em seu
desenvolvimento pós aula.