Front-end Development
CURSO ESPECIALIZAÇÃO PROFISSIONAL 2019/2020
Front-End Development é um campo em mutação e evolução constantes no qual os developers têm de conhecer e diferenciar as linguagens de programação essenciais e adequadas a cada projecto. HTML5, CSS e Javascript continuam a ser core concepts que qualquer Front-End Developer precisa de dominar, mas na World Academy vamos mais longe com treino nas tendências mais actuais, quer sejam Responsive Design com Bootstrap, CMS e frameworks web e mobile com React.
| DURAÇÃO
280h
+ 160h a 480h de estágio
| DATAS1ª Edição: 06 Novembro 2019 a Julho 2020
2ª Edição: 21 Janeiro 2020 a 29 Julho 2020
As informações aqui apresentadas podem sofrer alterações.
| HORÁRIO1ª Edição: 2ª, 4ª e 6ª| 13h30-16h30
2ª Edição: 3ª e 5ª | 19h00-23h30
(Julho 2020 – 2ª a 6ª)
Aulas em outros dias da semana, para reposições e/ou exercícios curriculares.
| PARTICIPANTES
14 Participantes por turma (mínimo de 8)
| A QUEM SE DESTINA
A todos os interessados na especialização em tecnologias de criação Web Front-End, assim como nas tendências mais actuais de criação de conteúdos responsivos e web mobile apps.
| OBJETIVOS
Formar Front-End Developers.
| SAÍDAS PROFISSIONAIS
Front-End Developers para agências digitais, agências de comunicação e publicidade, produtoras de conteúdos Web, empresas tecnológicas, start-ups ou empresas em geral.
MARCAÇÃO DE ENTREVISTA
Insere os teus dados e aguarda o nosso contacto telefónico para marcação de Entrevista de Aconselhamento Pedagógico.
Em alternativa, liga 935 591 313, entre as 9h00 e as 13h00 e as 14h00 e as 20h00.
CONTEÚDOS DO CURSO
| USER INTERFACE E USER EXPERIENCE (24h)
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 Adobe Experience Design.
| CRIAÇÃO COM HTML5 E CSS (48h)
HTML5:
Como os browsers entendem o HTML.
Editores de código. Brackets, Sublime, Atom, Notepad ++ entre outros.
Entender a função do HTML: a estrutura da página. Análise da estrutura de um documento HTML (html, title, body…)
Sintaxe básica HTML. Formatação da página (heading, parágrafos, enfatização, quebras de linha, span…)
Boas práticas de escrita HTML: dois espaços, nesting de tags. Adicionar comentários às secções do código. Inclusão de links, imagens e vídeos. Adicionar identifiers nas tags. Criação de listas ordenadas e não ordenadas.
Estruturação do HTML (nav; article; section; div.) e ligação de elementos dentro da mesma página ou para outros documentos HTML. Estruturação e separação de ficheiros HTML. A relação entre o documento HTML e o CSS. A relação entre o documento HTML e o Javascript.
CSS:
Como os browsers entendem o CSS. Entender a função do CSS: o controlo visual de uma página e função dos seletores. Sintaxe e terminologia.
Tipografia para a Web. Layout gráfico de páginas Web.
Prática de utilização dos vários selectores CSS: texto; floats; cor; margens; posição de elementos; layout, entre outros.
Boas práticas de escrita de código CSS.
Projeto individual prático de criação de Website integrando as linguagens HTML e CSS.
| RESPONSIVE WEB DESIGN: HTML5, CSS E BOOTSTRAP (55h)
Saber colocar um site online: hosting, domínios, DNS, ftp, directórios em server, boas práticas, entre outros.
Introdução aos conceitos fundamentais de tecnologias web, como funciona, modelo cliente-servidor, conceito de abordagem de desenvolvimento “Mobile First” e “Responsive Web Design”
Novas estruturas semânticas em HTML5, Tag´s semânticas, Novos “inputs” de formulários, validação de formulários, …
Nova estrutura de “Standards” de CSS por Modulos, novos tipos de selectores, pseudo-selectores e pseudo-classes, funções, unidades de medida, etc. Novas técnicas de Layout com CSS, criação de layouts com Flexbox e CSS Grid.
Técnicas de Responsive Web Design: Grids Fléxiveis, Media Flexivel e Media Queries. Novas abordagens de Responsive Web Design com Flexbox e Css Grids. Utilização de bibliotecas de Responsive Web Design, como Bootstrap, Foundation, Material Design, …
Utilização de pré-compiladores de CSS como Sass, Less ou Scss.
| SISTEMAS DE GESTÃO DE CONTEÚDOS: WORDPRESS (24h)
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.
| PROGRAMAÇÃO WEB COM JAVASCRIPT (57h)
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 (36h)
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 (36h)
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.
| 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 Dezembro de 2019. Todos os estágios incluem orientador na entidade acolhedora.
FORMADORES
João Gonçalves
Pedro Gaspar
OUTRAS INFORMAÇÕES
| PARCEIROS PRINCIPAIS
Adsales
Angry Ventures
APPM
Blueticket
Canal Q
Clube Criativos de Portugal
Excentric Grey
Fuel TV
Fullsix
Gerador
Hi-Interactive
Impresa Publishing
LisbonLabs
Mindshaker
Música no Coração
Others
PH Neutro
Post United
RTP
SIC
Social Animals
Sporting TV
The Hotel
TVI
Waynext
+ outros no site
| 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
| 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
| INSCRIÇÃO
75€ | até 30 Junho 2019
150€ | a partir de 1 Julho 2019
| PREÇOS
Pronto Pagamento: 2.347€
(já inclui desconto)
9 meses| 299€
(Jan 2020 a Set 2020)
12 meses | 229€ / Mês
(Jan 2020 a Dez 2020)
| DESCONTOS *
Ex-alunos e formadores World Academy:
20% | Pronto pagamento | 15% | Restantes modalidades
Público em geral:
15% | Pronto pagamento OU Inscrição em 2 cursos (no de valor superior)
10% | Parceiros nos pagamentos mensais
* descontos não acumuláveis
| 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, fotografia “passe” e comprovativo de morada.
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.
| 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.