Disciplina Desenvolvimento de Interfaces Web

Esta Unidade Curricular fornece formação completa em desenvolvimento front-end, abordando HTML, CSS, JavaScript, React e Next.js. São integradas práticas profissionais, incluindo Git Flow, GitHub, Codespaces, GitHub Pages e Vercel, permitindo que os alunos adquiram competências em ambientes colaborativos e de produção. A UC visa desenvolver tanto a capacidade técnica como a criatividade, incentivando a criação de aplicações eficientes, funcionais e com boa experiência de utilizador. Esta formação prepara os alunos para enfrentar desafios reais em projetos empresariais, promovendo a utilização de ferramentas e metodologias modernas essenciais para qualquer profissional da área de informática.

Não aplicável

Módulo 1: A Web e seus Paradigmas Funcionamento da Web: IP, HTTP, client-server Visão geral de tecnologias, paradigmas e padrões de desenho da Web Módulo 2: HTML e CSS para Desenho de Páginas Web HTML e seus elementos para estruturação de conteúdos multimédia Formulários para envio de dados HTML5 e elementos semânticos CSS e seus seletores para estilização de conteúdos Propriedades CSS Layouts dinâmicos com CSS Flexbox e CSS Grid Design responsivo com media queries Efeitos e animações CSS Princípios de Web Design Módulo 3: JavaScript para Programação Front-End Introdução ao JavaScript Programação Orientada a Eventos Manipulação de elementos do DOM Comportamento de conteúdos Data-attributes, Local Storage, Cookies AJAX Interação com REST APIs Single Page Applications Módulo 4: React e Next.js Componentes e JSX Gestão de estado e Context API Roteamento e renderização com Next.js Fetching de dados e API routes Estilização e design responsivo  

Documentação dos projetos em GitBooks, garantindo organização e acesso contínuo. Uso da metodologia Git Flow para práticas colaborativas e controlo de versões. Desenvolvimento em GitHub com Codespaces, simulando ambientes reais de programação. Publicação das aplicações em GitHub Pages e Vercel, cobrindo todo o ciclo de vida do software. Live coding nas aulas teóricas para exemplificar boas práticas e resolução de problemas. Exercícios em grupo para promover interação, partilha de ideias e competências colaborativas.  

J. Meloni and J. Kytnin, “HTML, CSS, and JavaScript All in One”, Sams Publishing, 2018 B, Frain, “Responsive Web Design with HTML5 and CSS by Ben Frain”, 3rd Ed., Packt Publishing, 2022 M. Riva, ”Real World Next.JS”, Packt Publishing, 2022 F. Portela, R. Queirós, “Introdução ao desenvolvimento moderno para a Web”, FCA, 2018