Objetivos de aprendizagem e a sua compatibilidade com o método de ensino (conhecimentos, aptidões e competências a desenvolver pelos estudantes)
Espera-se do aluno aprovado:
O conhecimento do paradigma cliente/servidor da World Wide Web.
A capacidade de criar e estruturar documentos HTML, utilizando o HTML5, com ênfase na semântica dos elementos;
A capacidade de desenhar e implementar a apresentação de páginas HTML, respeitando o princípio da separação entre conteúdo (HTML) e apresentação (CSS), utilizando a linguagem CSS3
A capacidade de programar em Javascript para dar resposta a eventos que acontecem no browser
A capacidade de articular diferentes tecnologias da Web (HTML5, CSS3 e Javascript) de forma a construir sites simples e responsivos, considerando questões de estética, usabilidade, acessibilidade e desempenho.
A capacidade de entender e utilizar um front-end framework para o desenvolvimento de projectos responsivos e mobile first para a web
Conteúdos programáticos
Os pilares da Web
HTML, URL, HTTP
Web Browsers e Web Servers: comunicação cliente servidor
Fundamentos de HTML5
Estrutura de um documento HTML5; Elementos/tags/atributos; Sintaxe e semântica
Elementos de Layout. Block Elements versus Inline Elements
Validação de HTML5.
Fundamentos de CSS
Anatomia de uma regra; Selectores; Declarações de estilos
Propriedades, Valores, Unidades de medida
Herança e Cascata
Propriedades CSS
Tipografia
Cores, fundos e imagens
Box Model
Gradientes e Transições
Formatação Visual
Sistemas de Posicionamento: Normal Flow, Floating e Positioning
Float-based Layouts
Flexbox
Layout Grids
Responsive Web Design
Layouts e imagens fluídas
Media-queries
Programação em Javascript
Tipos de Dados, Funções, Objetos, Eventos e resposta a eventos
DOM Document Objet Model
Front-end Framework Bootstrap
Demonstração da coerência dos conteúdos programáticos com os objetivos de aprendizagem da unidade curricular
São expostos os pilares da Web e as suas tecnologias fundamentais que vão permitir ao aluno compreender a mecânica dos pedidos e respostas numa arquitectura ambiente cliente-servidor.
É apresentada a linguagem HTML5 as boas práticas na estruturação de documentos HTML
É apresentada a linguagem CSS e demonstrada e exercitada a sua aplicação na produção do visual das páginas HTML
É testada a visualização das páginas criadas nas aulas em diferentes dispositivos(smartphones, tablets, portáteis, desktops, e ensinados os princípios do Web Design Responsivo
É apresentada e utilizada a linguagem Javascript para dar resposta aos eventos que acontecem nas páginas
É apresentado e utilizado o framework de front end web mobile first Boostrap
Metodologias de ensino e de aprendizagem específicas da unidade curricular articuladas com o modelo pedagógico
Metodologia de ensino:
Aulas teórico-práticas em que o docente apresenta os conteúdos de forma oral, com apoio de apresentações eletrónicas e ilustração de casos de estudo, fomentando a participação crítica dos alunos, e onde a exposição da matéria é consolidada com a realização de exercícios e subsequente apresentação e discussão da solução dos mesmos.
Aulas práticas e experimentais, visando a aplicação e o treino dos conhecimentos adquiridos, a descoberta de novas problemáticas e a realização dos projetos da disciplina.
Avaliação
Realização de um teste prático com o peso de 50% da nota final
Conceção, desenho e implementação de um projeto (50% da nota final).
Demonstração da coerência das metodologias de ensino e avaliação com os objetivos de aprendizagem da unidade curricular
Com a exposição dos conceitos fundamentais e com a demonstração de código e de soluções de software é dado ao aluno a responsabilidade e a motivação para o seu envolvimento nos exercícios que lhe são atribuídos. É favorecida a autonomia do aluno e privilegiado o desejo e a capacidade da descoberta. O projecto final permite a articulação e a integração dos conceitos e tecnologias abordados, consolidando-os e abrindo as portas à procura de mais conhecimento.
Bibliografia de consulta (existência obrigatória)
Ben Frain, Responsive Web Design with HTML5 and CSS, Packt Publishing, 2022
Nick Morgan, JavaScript Crash Course: A Hands-On, Project-Based Introduction to Programming, No Starch Press, 2024
