Newsletter
Menu
Pesquisa
Edit.ES
Quero frequentar este Workshop
Marketing Digital
Design Digital
Front-End
Mobile
UX/UI
Business
Enviar

Lisboa

Front-end & Responsive Web Development - Foundations

Curso

Workshop

Vagas Disponíveis

DATA A DEFINIR

Workshop Fim de Semana

Investimento: 150€

Material Necessário Incluído
S
AB
 10h às 19h
D
OM
 10h às 19h
8h 1º dia
8h 2º dia
=
16h DURAÇÃO TOTAL DO WORKSHOP
Quero frequentar este Workshop

Sobre o Workshop

Possivelmente, o desenvolvimento em Front-End nunca foi tão relevante como nos dias hoje.

A atual variedade de aplicativos para aceder online (mobile, tablets, pc, etc) assim como a variedade de Sites (website & web apps) e o foco cada vez maior na importância em UX/UI, impõem enormes desafios para o Front-End Development.

Com a quantidade de ferramentas e frameworks existentes para acelerar o processo de desenvolvimento, muitas vezes os conhecimentos básicos são ignorados ou não existentes, com repercussões graves no produto final a nível de performance, SEO, UX, etc..

Este workshop tenta combater essa lacuna, focando-se nos conceitos básicos dos pilares do Front-End Development: HTML, CSS e Javascript, com especial foco em HTML5 e CSS3.

Público-alvo

Este workshop destina-se não só a developers (front-end ou back-end), como também a web designers e recém-licenciados nas áreas de tecnologias da informação e design, que pretendam iniciar ou aprofundar os seus conhecimentos nos fundamentos de Front-end & Responsive Web Development.

Tendo em conta o foco que se irá dar na criação de “structurally and semantically rich HTML” assim como na importância do Front-end Developer como ponte entre web designers e “final product”, este workshop poderá ser uma mais valia para SEO experts e UX designers.

Requisitos

Conhecimentos básicos de HTML e CSS.

Conteúdo Programático

#1

Módulo

Introdução ao Front-end Development.

Em que consiste.

Breve história.

Estado actual (frameworks, libraries, preprocessors, etc).

Front end development vs Back end development.

Para além de programação: web design, ux/ui, SEO, acessibilidades.

Conceitos Base.

Web standards and the front end holy trinity.

Progressive Enhancement (or Graceful degradation).

Como os browsers interpretam uma página web.

Responsive and adaptive design.

How to code and design for high pixel density displays.

Performance e optimização.

#2

Módulo

#3

Módulo

HTML5.

Arquitectura base de uma página HTML.

Structurally and Semantically Rich HTML: como programar e suas vantagens.

Elements and attributes.

Responsive design, seo e acessibilidades: elements e attributes que nos ajudam a atingir estes objectivos.

Exemplos practicos e case studies

CSS3.

Css Selectors.

The Cascade, Specificity and Inheritance.

Elements and attributes.

Box and Visual Formatting model: como posicionar elementos e criar uma Grid System.

CSS measurement units.

Tipografia, cor e imagem.

Transforms, transitions and animations.

Structuring CSS for Responsive design: media queries, configuring the viewport, etc.

Exemplos practicos e case studies.

#4

Módulo

#5

Módulo

Trabalho final.

Aplicar os conhecimentos adquiridos programando uma página tendo em conta: pixel perfect detail, responsive, retina display ready,  SEO and Accessibility optimized.

Documentação de Apoio às aulas

A inscrição no workshop inclui acesso a publicações e a documentação de suporte nas aulas e engloba um conjunto de recursos bibliográficos e formações on-line de suporte às atividades de ensino, investigação e aprendizagem.

EQUIPAMENTO

iMac 21”i5 (um por aluno).
Projetor HD.
Documentação em formato digital.

ADMISSÃO

Idade Mínima 18 anos
Licenciatura ou experiência comprovada em áreas de comunicação, audiovisual, marketing e design.

CERTIFICAÇÃO

Inclui: carga horária total do workshop, temáticas lecionadas e informação do tutor.

TEMAS
RELACIONADOS