Web Design & Development

CURSO ESPECIALIZAÇÃO PROFISSIONAL

web

O Web Design é um campo em mutação e evolução constantes no qual os Designers têm de conhecer e diferenciar as linguagens de programação essenciais e adequadas a cada projecto. HTML, CSS e Javascript continuam a ser core concepts que qualquer Designer Front-End precisa de dominar, mas na WorldAcademy vamos mais longe com treino nas tendências mais actuais, quer sejam Responsive Design, CMS e várias frameworks web e mobile.

CONTEÚDOS DO CURSO

| USER INTERFACE E USER EXPERIENCE (24h)
Especialidades e tendências actuais em Web Design: designer front-end; designer visual; designer UX (UserExperience); designer UI (Interação); Motion Graphics designer; estratega de conteúdos; programador front-end; especialista CMS (WordPress, Drupal, Joomla, entre outros).
UserExperience: 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 sub-menus.Ferramentas de pesquisa na página.
Prototipagem rápida. Prototipagem em papel e softwares para prototipagem.
Adobe Experience Design.
Boas práticas de utilização de Menus e Sub-Menus. Ferramentas de pesquisa na página.
Prototipagem rápida. Prototipagem em papel e softwares para prototipagem.

| WEB DESIGN: HTML + CSS (27h)
Editores de código. Brackets, Sublime, Atom, entre outros
Entender a função do HTML: A estrutura da página. Análise da Estrutura de documento HTML.
Sintaxe básica HTML. Elementos HTML Principais: headings; parágrafos; quebras de linha; texto; imagens.
Elementos HTML de estruturação: nav; article; section; aside; div.
Ligações para elementos na página e para elementos exteriores. Crição e configuração de listas.
Entender a função do CSS: O controlo visual de uma página e função dos selectors.
Prática de utilização dos vários seletores CSS: texto; floats; cor; margens; posição de elementos; layout, entre outros.

| WEB DESIGN: JAVASCRIPT (36h)
Introdução e aplicações mais usuais de Javascript. Diferenças entre Javascript e JSON. Sintaxe principal do Javascript: variáveis; operadores; código; funções; loops.
Objetos Javascript: strings; números; arrays, números; outros objetos.
Compreender a terminologia DOM: Document (a página) Object (as peças) Model (estrutura/standards): Standards que o DOM define; Nodes; Relações entre nodes
Interação do utilizador com a página: Eventos; Tipos mais frequentes de eventos; Boas práticas para a escrita dos Event Handlers.
Interação Javascript e HTML. Interação Javascript e CSS.
Introdução ao jQuery e outras bibliotecas.

| CRIAÇÃO DE WEBSITE: INTEGRAÇÃO HTML + CSS + JAVASCRIPT (30h)
Análise de briefing de cliente para a criação de website.
Planificação estrutural de website em papel ou software de prototipagem.
Recolha e preparação dos elementos gráficos.
Projeto individual prático de criação de Website integrando todas as linguagens core da Web: HTML/CSS/Javascript.

| RESPONSIVE E MOBILE DESIGN: HTML5, CSS3 E BOOTSTRAP (42h)
O que é Responsive Design? Uma nova forma de pensar o Web e Mobile Design.
Desenhar para multi-plataforma: o mesmo conteúdo, vários ecrãs.
As três propriedades de Marcotte: Grelhas fluídas, Media Queries, Media fléxiveis.
Web Fonts.
HTML5: Novos elementos principais.
Novos Seletores, e novas propriedades dos seletores, em CSS3
Novas funcionalidades em vários browsers: introdução aos prefixos.
Planificar um site com Responsive Design para ecrãs tradicionais e ecrãs mobile e tablet.
Exercício prático de criação de um site baseado em Responsive Design.
Introdução à utilização do Bootstrap 3: Filosofia de design Mobile-first; Instalação Bootstrap; Utilização de grelhas; Menus drop-down; carrosséis de imagens; modals; classes CSS; outros elementos presentes no Bootstrap.

|SISTEMAS DE GESTÃO DE CONTEÚDOS: WORDPRESS (30h)
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.
Criação de um site base com WordPress.
Utilização de temas como pontos de partida.
Ferramentas WordPress: Plugins; temas;
Criação de temas wordpress de raiz.
Exercício prático de criação de site WordPress a partir de um tema.
Exercício prático de criação de um tema de raiz.

| WEB APPS FRAMEWORKS: ANGULAR.JS (30h)
Bibliotecas Javascript.
Introdução ao framework Angular.js; arquitectura MVC: models, views e controladores.
Serviços Angular.js. Módulos e plugins.
Exercício prático de criação de uma aplicação Web.

| APLICAÇÕES MOBILE COM IONIC (31h)
As diferentes abordagens e linguagens utilizadas na criação de aplicações mobile. A framework Ionic. UI e UX com  Ionic. Comand Line Program (CLI). Ionic Creator.  Ionic View.  Ionic e Angular.
Exercício de criação de uma aplicação mobile com Ionic.

| ESTÁGIO CURRICULAR
Estágio em contexto real de trabalho, com período mínimo de 160h e máximo de 480h (1 a 3 meses). Sujeito a avaliação prévia positiva (10 em escala 0-20) na componente académica do curso. Datas dos estágios a marcar entre Julho e Outubro de 2018. Todos os estágios incluem orientador na entidade acolhedora.

FORMADORES

profile-01
Gonçalo Vieira
Web Designer


Hugo Froes
UX Designer


João Prior
Digital Director

nuno-pereira
Nuno Pereira
Programador 

pedro-gaspar
Pedro Gaspar
Digital Developer

OUTRAS INFORMAÇÕES

| PARCEIROS PRINCIPAIS
APPM
Blueticket
Clube Criativos de Portugal
Cofina
Excentric Grey
Fuel TV
Gerador
Hi-Interactive
LisbonLabs
Longbö
Medialuso
Música no Coração
Oskar & Gaspar
Panavideo
PH Neutro
RTP
Shortfuse
SIC
Social Animals
Sporting TV
The Hotel
TVI
Vicoustic

| ESPAÇO E EQUIPAMENTOS
Sala de aula com 16 computadores.
Software|Adobe Creative Cloud: Photoshop, Illustrator, After Effects e Edge Animate. Editores de código opensource.

| UTILIZAÇÃO DE MEIOS
Os alunos poderão solicitar espaços e meios extra aulas, mediante disponibilidade e capacidade de uso.

| MODALIDADE DA FORMAÇÃO
Inicial

| PRÉMIOS
Os melhores alunos são premiados no final de cada ano, com ações de formação ou disponibilidade de meios de produção.

| BOLSAS
Todos os anos a World Academy abre vagas para estágios internos, na modalidade de troca por curso, para alunos com bom perfil mas que comprovem dificuldades financeiras sérias.

Inscrição

 Inscrições Abertas

| CANDIDATURA
Marcação de entrevista para orientação e seleção.
Apresentação de currículo, ficha de candidatura (download para preenchimento) e portfolio.
Conhecimentos de Adobe Photoshop e Adobe Illustrator.
Mínimo de 17 anos à data da candidatura.
12º ano de escolaridade ou percurso académico/ profissional relevantes para o curso.

| PROCESSO DE INSCRIÇÃO
Depois de aprovação em entrevista é necessário:
– leitura e aceitação escrita do Regulamento e do Contrato.
– entrega de currículo, cópia do certificado de habilitações,* apresentação do cartão de cidadão, cartão de contribuinte, fotografia “passe” e comprovativo de morada.

*A cópia/digitalização do cartão de cidadão, para arquivo da World Channels, S.A, apenas será feita com autorização expressa do titular do mesmo, uma vez que de acordo com artigo 5.º da Lei n.º 7/2007 de 5 de fevereiro, este procedimento não é obrigatório.

| CONDIÇÕES GERAIS
As condições de funcionamento e organização da formação, deveres e direitos do aluno, entre outras regras e procedimentos, devem ser consultados no Regulamento da World Academy. A leitura e aceitação dos termos do mesmo são obrigatórias antes do ato de inscrição.

A World Academy pode alterar o conteúdo aqui divulgado.