UI/UX & FRONT-END DEVELOPMENT

CURSO ESPECIALIZAÇÃO PROFISSIONAL 2022/2023

front-end development

Num mundo cada vez mais ligado à grande rede global que é a Internet, as áreas de UI/UX e Front-End Development revelam-se essenciais na resposta às necessidades modernas de comunicação digital. HTML5, CSS e Javascript continuam a ser core concepts que qualquer Front-End Developer precisa de dominar. Na World Academy vamos mais longe com treino nas tendências e ferramentas mais actuais, quer sejam Responsive Web Design, CMS, frameworks web e mobile com React.

CONTEÚDOS DO CURSO

| 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 HTML5 E CSS (36h)

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 butões
– Backgrounds e Gradients
– Borders e Shadows
– Box model
– 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: HTML5, CSS E BOOTSTRAP (56h)

– 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

| SISTEMAS DE GESTÃO DE 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 e no âmbito do Festival World Academy.

| PROGRAMAÇÃO WEB COM JAVASCRIPT (56h)
Introdução, história e evolução dos vários standards da linguagem.
Tipos de dados em Javascript
Estruturas de decisão e repetição em javascript.
Estruturas e estruturas de dados complexas como Funções, Arrays e Objectos, criação de propriedades e métodos.
Conceito e manipulação do DOM (Document Object Model) 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” com a “Fetch” API de HTML5.
Gerir erros em Javascript, debug de aplicaçãoes.
Filtrar, Ordenar e pesquisar numa estrutura de dados em JS, utilização de novos métodos de Arrays e Objectos em ES5 e ES6 como map(), filter(), reduce().
Introdução e utilização de algumas Bibliotecas e API’s de HTML5 (LocalStorage, SessionStorage, Geolocation, Canvas, …)
Utilização de utilitários de gestão de projetos como “Git” e “npm” ou “yarn”.

| WEB APPS FRAMEWORKS: REACT.JS (48h)
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 (38h)
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.

| MASTERCLASS
O curso inclui ainda uma Masterclass com um Profissional de referência no mercado.

| FORMAÇÃO EXTRA
Os alunos deste curso são pontualmente convidados a  participar em um ou mais eventos da escola ou de parceiros.

| FORMAÇÃO INTERCURSOS
Todos os alunos e cursos da escola interagem, pelo menos uma vez, com outro curso. Estimulando assim o trabalho em equipa e dando uma experiência ainda mais real de mercado.

| 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 (12 em escala 0-20) na componente académica do curso. Datas dos estágios a marcar entre Julho e Dezembro de 2022. Todos os estágios incluem orientador na entidade acolhedora.

FORMADORES


André Pires Calvário
Gestão de Projecto, Scrum 


João Gonçalves
Web Designer e Programador


João Pinheiro
UX/UI Designer


Paulo Figueiredo
Web Designer, UI/UX Designer

OUTRAS INFORMAÇÕES

| PARCEIROS PRINCIPAIS
5002
Adsales
Altice Arena
Angry Ventures
APPM
Blueticket
Canal Q
Clube Criativos de
Portugal
Group M
Productized
Excentric Grey
Expresso
Fullsix
Gerador
Hi-Interactive
JWT
LisbonLabs
Mindshaker
Música no Coração
Observador
Others
RTP
Shift Thinkers
SIC
Social Animals
The Hotel
TVI
Waynext
Young Creative Network
+ outros no site

| ESPAÇO E EQUIPAMENTOS
Sala de aula com 14 computadores, tv e internet.
Software | Adobe Creative Cloud, incluindo Photoshop, Illustrator e Figma. 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

| 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 a partir de 1 Maio 2023

 

Valores de 2022/2023, a actualizar em 2023/2024

NOTA: As modalidades de pagamento apresentadas são válidas apenas para cidadãos da União Europeia. Os cidadãos de fora da UE deverão contactar a secretaria para mais informações.

| 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 mínimos de computação gráfica (em qualquer software) e de programação (html, css), até ao início do curso.
Conhecimentos de Adobe Photoshop e Adobe Illustrator.
Mínimo de 17 anos à data da candidatura.
Mínimo 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, fotografia “passe” e comprovativo de morada.

| 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.

Download da Ficha de Curso | Front-End Development |

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

Cursos Relacionados

Call Now Button