Módulo do Curso de Engenharia de Software (UFAC/COMPAL)
-
Ementa
Introdução ao Front-End; Terminal e Comandos Básicos; HTML, CSS e JavaScript; Angular; Responsividade; Bootstrap; Consumo de APIs.
-
Objetivos Gerais
O objetivo deste curso é capacitar os participantes a desenvolverem aplicações front-end utilizando as principais tecnologias da web, como HTML, CSS e JavaScript. Além disso, o curso também abordará o framework Bootstrap e o framework Angular, permitindo aos alunos criar interfaces modernas e interativas.
-
Objetivos Específicos
Ao final deste curso, os participantes deverão ser capazes de:
- Compreender os conceitos básicos de desenvolvimento web.
- Utilizar as tags e elementos do HTML para criar a estrutura de uma página web.
- Estilizar páginas utilizando as propriedades e seletores do CSS.
- Implementar interatividade e funcionalidades utilizando o JavaScript.
- Utilizar o framework Bootstrap para criar layouts responsivos.
- Desenvolver aplicações front-end utilizando o framework Angular.
- Conteúdo Programático
- Unidade 1 - Introdução à criação de páginas web
- Unidade 2: Introdução ao JavaScript
- Unidade 3: Framework Bootstrap
- Unidade 4: Framework Angular
- Unidade 5: Desenvolvimento de projetos
-
Procedimentos Metodológicos
A disciplina será oferecida presencialmente com aulas expositivas para apresentar os conceitos fundamentais do Front-End, como estrutura básica da web, HTML, CSS, JavaScript, Bootstrap e Angular com auxílio de recursos visuais, exemplos práticos e demonstrações para facilitar a compreensão dos alunos.
Atividades práticas para possam aplicar os conceitos aprendidos, através da criação de páginas web, estilização de elementos, implementação de funcionalidades interativas e desenvolvimento de projetos.
Os encontros ocorrem três vezes por semana (segunda, quarta e sexta-feira) no período das 18h às 21:20, no Laboratório de Estatística Sala 01, Bloco Jersey Nazareno.
Ao começo de cada encontro, ocorre uma revisão rápida do conteúdo abordado no encontro anterior para melhor acompanhamento das atividades. Todo o conteúdo utilizado será disponibilizado em um repositório virtual.
-
Recursos Didáticos
Slides de apresentação destacando os principais pontos, exemplos de código, diagramas e ilustrações relevantes.
Ambiente de desenvolvimento integrado (IDE) para que os alunos possam escrever e testar o código HTML, CSS e JavaScript (Visual Studio Code).
Exemplos práticos e projetos para que os alunos possam desenvolver ao longo do curso, aplicando os conhecimentos adquiridos de forma mais abrangente.
Documentação online oficial do HTML, CSS, JavaScript, Bootstrap e Angular. Esses recursos fornecem informações detalhadas sobre as características, propriedades e funcionalidades de cada tecnologia, servindo como referência útil para consultas futuras.
Livros e eBooks que abordam os tópicos do curso de forma mais detalhada.
Palestras com profissionais convidados da indústria de Front-End para compartilhar suas experiências, melhores práticas e desafios enfrentados no mundo real, para ajudar a contextualizar os conceitos aprendidos no curso e oferecer perspectivas adicionais.
-
Avaliação
A avaliação será realizada por meio de atividades sobre os conteúdos ministrados, priorizando atividades práticas que envolvam a publicação de seus resultados, além de participação nas aulas e qualidade das interações.
-
Referências
Bibliografia Básica
-
Diego Eis. Guia Front-End: O caminho das pedras para ser um dev Front-End. Casa do Código. 2015.
-
Diego Eis, Elcio Ferreira. HTML5 e CSS3 com farinha e pimenta. Tableless. 2012.
Bibliografia Complementar
- Documentação do HTML: https://developer.mozilla.org/pt-BR/docs/Web/HTML
- Documentação do CSS: https://developer.mozilla.org/pt-BR/docs/Web/CSS
- Documentação do JavaScript: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript
- Documentação do Bootstrap: https://getbootstrap.com/docs/
- Documentação do Angular: https://angular.io/docs
-