Módulo do Curso de Engenharia de Software (UFAC/COMPAL)

1. Ementa

   Introdução ao Front-End; Terminal e Comandos Básicos; HTML, CSS e JavaScript; Angular; Responsividade; Bootstrap; Consumo de APIs.

2. 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.

3. 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.

4. 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

5. 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.

6. 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.

7. 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.

8. 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