| USER INTERFACE E USER EXPERIENCE (28h)
Funções em Front-End: designer front-end; designer UX (UserExperience); designer UI (Interação); Motion Graphics designer; estratega de conteúdos; programador back-end; especialista CMS (WordPress, Drupal, Joomla, entre outros).
User Experience: entender o utilizador; interação homem-máquina. Design consistente; standard design; estruturas de navegação; estruturas de organização de conteúdo; arquitetura de informação; navegação progressiva. Boas práticas de utilização de menus e submenus. Ferramentas de pesquisa na página. UI e UX: Prototipagem rápida. Prototipagem em papel e softwares para prototipagem.
Prática de UI e UX com Figma.

| CRIAÇÃO COM HTML E CSS (32h)
HTML: Evolução do HTML, Roadmap Backend/Frontend, Estrutura HTML, Elementos e atributos, Elementos de texto, Listas, Hiperligações, Imagens, Tabelas, Formulários, Elementos multimédia, Elementos semânticos, Acessibilidade, Boas práticas. CSS:  Evolução CSS, Utilizar CSS, Sintaxe e boas práticas. Selectores, Unidades, Cores, Tipografia, Links e botões,  Backgrounds e Gradients, Borders e Shadows, Box mode, Display, Elementos de navegação, Position, Transform,Transition, Animation, Máscaras, Novos Métodos de layout, Flex, Novos Métodos de layout, Grid, Pré-processadores de CSS, O futuro do CSS e passos seguintes.

| RESPONSIVE WEB DESIGN (40h)
Evolução do design web. Conceito Adaptive design e Mobile First. Imagens responsivas. Media Queries. Funções lógicas. Macro e micro Layouts. Tipografia Responsiva. SVG e iconografia. User preferences. Frameworks CSS. Colocar um site online. Introdução aos conceitos fundamentais de tecnologias web, modelo cliente-servidor. Hosting, domínios, DNS, FTP, directórios em server.

| SISTEMA DE GESTÃO CONTEÚDOS: WORDPRESS (28h)
Os principais CMS do mercado: WordPress; Drupal; Joomla. Domain e hosting. A diferença entre WordPress.com e a plataforma CMS WordPress. O que é PHP e MySQL? Breve introdução teórica.
Criação de Site a partir de um tema WordPress, em interação com outro curso.

| PROGRAMAÇÃO WEB COM JAVASCRIPT (40h)
História e evolução dos vários standards da linguagem. Tipos de dados. Estruturas de decisão e repetição em javascript. Estruturas de dados complexas; criação de propriedades e métodos. Conceito e manipulação do DOM numa aplicação web. Trabalhar com Eventos em Javascript.
Comunicação com API’s do servidor através de chamadas assíncronas em AJAX e manipulação de dados em formato JSON; utilização de “Promises”.
Gerir erros em Javascript, debug de aplicações.
Filtrar, ordenar e pesquisar numa estrutura de dados em JS; utilização de métodos de Arrays e Objectos em ES5 e ES6.
Utilização de algumas Bibliotecas e API’s de HTML5.
Utilização de utilitários de gestão de projetos como “Git” e “npm” ou “yarn”.

| WEB APPS FRAMEWORKS: REACT JS (32h)
Bibliotecas Javascript. Estabelecer o workflow de criação React. A sintaxe de React. Introdução ao framework React. JSX. Componentes e propriedades. Criação de projectos React. Props, states e eventos. Utilização de Apis.
Exercício prático de criação de uma Aplicação Web.

| APLICAÇÕES MOBILE: REACT NATIVE (44h)
As diferentes abordagens e linguagens utilizadas na criação de aplicações mobile. A framework React Native. De React.js para React Native. Instalação e workflow React Native. Criação de UI com React Native. React Native com iOS e com Android. Componentes, elementos e APIs. Planificação de uma aplicação mobile. Exercício de criação de uma Aplicação Mobile, em interação com outro curso.

| FORMAÇÃO COMPLEMENTAR
Alguns módulos de outros cursos (noutros horários e calendários) estão acessíveis aos alunos de Web & Motion para participarem em carácter demonstrativo, sem avaliação. Em Web & Motion, este módulos são:

TECNOLOGIAS DIGITAIS (16h) (MOTION & VFX)
Tipologias de imagem: Imagens Raster (pixels) e Images vectoriais. A compressão de Imagem: imagens comprimidas e não comprimidas. Espaços de cor, canais de cor e canal alpha. O digital e os bits por canal. Ficheiros com outras capacidades (layers, etc). Tipologias de vídeo: Vídeo SD, HD, 2K, 4K entre outros. Vídeo interlaçado e vídeo progressivo, frame rates, A compressão em vídeo. Compressão do frame, Color Sampling, e Long GOP. A importância da data rate e da compressão no trabalho de Motion Graphics. Formatos sem compressão. Codecs mais indicados para Motion Graphics. Tecnologia HDR. As ferramentas principais do mercado de Motion Graphics. Tipos de Software e interacção entre softwares. Produção e tecnologias em estúdio de gravação com integração de motion graphics e animação.