Mestrado Avançado em Web Design e Desenvolvimento (Full Stack Development)

Geral

2 lugares disponíveis
Saiba mais sobre este programa no website da instituição

Descrição do programa

136329_pexels-photo-1779487.jpeg

540 horas

O conteúdo deste programa é indicativo, podendo variar por motivos de atualização ou modificação do conteúdo.

objetivos

Você acha que pode dominar as ferramentas de design gráfico (Adobe Tools) e, ao mesmo tempo, transformar seus próprios designs em páginas da web? Feliz ou infelizmente, esse perfil é cada vez mais procurado por empresas e agências do setor. Às vezes não basta apenas ser um bom designer gráfico ou desenvolvedor web, pois muitas empresas exigem um perfil duplo ou polivalente. Neste mestrado, aprenderemos a dominar as ferramentas mais importantes do design gráfico (Adobe Illustrator, Photoshop e Indesign) e, além disso, o aluno se tornará um full stack web developer, um programador com um perfil técnico muito completo que conhece bem tanto o que referindo-se ao back-end como referindo-se ao front-end, e cada vez mais procurado e mais valorizado nas empresas.

Para isso, este Master é composto por três módulos: Adobe Tools, Web Design com HTML5, CSS3, Javascript e jQuery e Full Stack Development com as ferramentas anteriores mais PHP7 e SQL.

No primeiro módulo o aluno aprenderá a manejar as ferramentas mais importantes do design gráfico. Começaremos com o desenho vetorial (Adobe Illustrator), para continuar com o processamento digital de imagens (Adobe Photoshop) e o desenho editorial (Adobe Indesign). Depois de concluir este módulo, o aluno será capaz de fazer qualquer design de interface gráfica que imaginar.

No segundo módulo o aluno aprende tudo relacionado a estrutura web (HTML5), layout e design web visual (CSS3) e iremos nos aprofundar em programação web com Javascript e jQuery.

No terceiro módulo, o aluno se tornará um desenvolvedor web completo ou desenvolvedor full stack. O que significa isto? Que o aluno seja capaz de programar aplicações ou páginas web tanto no lado cliente (desenvolvimento front-end) como no lado servidor (desenvolvimento back-end). A posição de full stack developer é cada vez mais procurada pelas empresas e, por isso, é uma das mais valorizadas economicamente em nosso setor de mão de obra.

informação

  • Ilustrador da Adobe
  • Adobe photoshop
  • Adobe InDesign
  • Editor de texto simples especializado em web: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
  • HTML5 / CSS3
  • Indexação que prioriza o celular. Bootstrap
  • Posicionamento da web de SEO. Acessibilidade e usabilidade
  • JavaScript
  • jQuery
  • Variáveis complexas e estruturas de controle de fluxo
  • Funções em JavaScript
  • O DOM
  • JavaScript avançado
  • AJAX em JavaScript
  • jQuery avançado
  • Primeiros passos com PHP7
  • Tipos de dados em PHP7
  • Estruturas de controle em PHP7
  • Funções em PHP7
  • Gerenciar sessões

duração

540 horas no total

  • Pessoalmente ou online
  • 420 horas de aula
  • Segunda a quinta-feira (+ alguma sexta-feira)
  • Projetos Finais de 120 Horas

Horário

Manhãs

  • 09.00 - 12.00 horas
  • 12h00 - 15h00

Tardes

  • 16,00 - 19,00 horas
  • 19,00 - 22,00 horas

preço

€ 4.450

Verifique as ofertas e promoções atuais em www.cei.es

Oficial

  • Nossa escola é um dos cinco Centros de Treinamento Autorizados Adobe na Espanha . Este fato mostra que o CEI atendeu a todos os requisitos que a Adobe solicita e, da mesma forma, constitui uma garantia de qualidade para todos os nossos alunos.
  • CEI é um Centro de Treinamento Autorizado da Apple . Portanto, nossos alunos poderão obter a Certificação Profissional Apple e avançar em suas carreiras em design e tecnologias da informação, ambientes de negócios e mercados B2B.
  • A IBM confia em nós e, por esse motivo, nos concedeu o emblema de Parceiro de Educação IBM . O selo premia escolas que mantêm e promovem treinamentos de qualidade.
  • Nossa escola se consolida como o Centro de Treinamento Maxon de referência na Espanha e nos tornamos a 1ª escola na Europa a ser Provedor de Treinamento Maxon para R18 .

Módulo de Design Gráfico (Ferramentas Adobe)

01- Adobe Illustrator

  • Perfis e modos de cores
  • Local de trabalho
  • Formas básicas
  • Ferramentas de Seleção
  • Amostras / cor / gradiente
  • Traços / preenchimentos
  • Painel de aparência
  • Mesas de trabalho
  • Camadas
  • Transformações
  • Alinhar
  • Procura traços
  • A pena
  • O lápis
  • Pincéis
  • Texto
  • Borracha / Tesoura / Lâmina
  • Expandir
  • Pintura interativa
  • Motivos, padrões
  • Símbolos
  • Inserir imagens
  • Traçado interativo
  • Grades de perspectiva
  • Transparência
  • Máscara de recortar
  • Malhas de gradiente
  • Edição de efeitos
  • Efeito 3D
  • Texto
  • Imprimir e produzir

02- Adobe Photoshop

  • Modos de cor
  • Espaços de trabalho
  • O pixel
  • Camadas
  • Formulários básicos
  • Ferramentas de seleção
  • Lata de tinta
  • Degradado
  • Transformações
  • Objeto inteligente
  • Fusões
  • Pincéis
  • Conta-gotas
  • O lápis
  • Plug clone
  • Patches
  • Ferramentas de retoque de fotos
  • A pena
  • Máscaras de corte
  • Máscaras de camada
  • Efeitos
  • Canais
  • Configurações de imagem
  • Camadas de ajuste
  • Filtros
  • Imprimir e produzir

03- Adobe Indesign

  • Documento / Livro / Biblioteca
  • Páginas e spreads
  • Local de trabalho
  • Margens e colunas
  • Regras
  • Guias e grades (gratícula)
  • As amostras
  • Ferramentas de criação
  • Objetos (recipientes)
  • Camadas
  • Transformação
  • Lineups
  • Efeitos
  • Painel de links
  • Renda
  • Página mestra
  • Tipografia
  • Opções de personagem
  • Opções de parágrafo
  • Trabalhe com estilos
  • Composição
  • Paginação automática
  • Elementos interativos
  • Imprimir e produzir

Módulo de Web Design com HTML5, CSS3 e Javascript

01- Web Design, HTML5 E CSS3

Introdução ao uso de equipamentos de informática

Sistemas operacionais:

  • janelas
  • Mac
  • Linux

Instalação e gerenciamento de software:

  • Navegadores
  • Editores de texto

Sistema de arquivos e pastas

  • Crie arquivos e pastas
  • Organização de projetos web
  • Caminhos absolutos, relativos e de URL

Navegação na web

Princípios na administração de rede

Arquitetura cliente-servidor

Servidores e protocolos

  • Certificados SSL
  • HTTP / HTTPS
  • FTP / SFTP / FTPS

Equipe do cliente

Introdução aos roteadores e switches

DNS (domínios e IPs)

  • IP Público
  • IP local
  • Nomes de domínio

Hospedagem, hospedagem e CPD

Princípios básicos para a criação de sites estáticos

  • Idiomas usados (HTML5 e CSS3)
  • Fluxo de execução de código
  • Estrutura visual de um site

Princípios de usabilidade e acessibilidade

Prototipagem de um site (UX / UI)

  • Interface do usuário (Marvel)
  • Experiência do usuário (InVision)

HTML5

  • Tags e atributos
  • Semântica e uso
  • Padrão e estrutura do documento HTML5
  • Comentários
  • Parágrafos, títulos e formatos de texto
  • Multimídia (imagens, áudio e vídeo)
  • Links e botões
  • Listas
  • Tabelas
  • Formulários
  • iFrames
  • Meta tags
  • Favicom

CSS3

CSS de link

Seletores e pseudo-seletores

Atributos

  • Cores
  • Dinheiro
  • Formato e transformação de textos
  • Alto gancho
  • Arestas
  • Margens
  • Recheios
  • Posições
  • alinhamento
  • Sombreado e gradientes
  • Opacidade
  • Transformações
  • Filtros

Pseudoclasses (ativo, hover, verificado, primeiro filho, último filho, enésimo filho)

Pseudoelementos (depois, antes)

Importação e implementação de fontes (mídia e fonte)

Importação e implementação de ícones (fontes e SVG)

Variáveis CSS

Animações CSS (frames-chave)

Indexação primeiro para celular

  • Estruturas gerais (flutuadores)
  • Estruturas simples (Flexbox)
  • Estruturas Complexas (CSS Grid)

Frameworks e APIs

  • Bootstrap 4
  • Materializar
  • Design material

Internet

  • Crie um domínio
  • Criação de uma hospedagem na web
  • Conexão e upload de um site para o servidor

SEO

  • Vincule a web ao Google Search Console
  • Implementação de link canônico

02- Desenvolvimento Web (Front-End)

JavaScript

  • Introdução à programação front-end
  • JavaScript. Sintaxe geral
  • Incluir JavaScript em documentos HTML
  • JavaScript em anexos
  • JavaScript dentro do código HTML
  • JavaScript. Variáveis e operadores
  • Variáveis locais e variáveis globais
  • Variáveis numéricas
  • Métodos para variáveis numéricas
  • Operadores de atribuição
  • Operadores de incremento e decremento
  • Operadores matemáticos
  • Strings de texto (strings)
  • Métodos para strings de texto
  • Variáveis indefinidas
  • Variáveis NULL
  • Variáveis NaN
  • Operadores lógicos em JavaScript
  • Operadores relacionais

jQuery

  • Introdução ao Jquery
  • Passos para usar jQuery
  • Primeiro script com jQuery
  • JQuery Basics: Adicionando e Removendo Classes CSS
  • Noções básicas de JQuery: mostrar e ocultar elementos da página
  • JQuery Basics: Quick Effects com jQuery
  • JQuery Basics: retorno de chamada da função jQuery
  • JQuery Basics: Usando Basic Ajax com jQuery
  • JQuery Basics: Ajax jQuery com mensagem de carregamento

Módulo de Desenvolvimento Web Desenvolvimento Full Stack

01- Desenvolvimento Front-End com JavaScript e jQuery

Variáveis complexas e estruturas de controle de fluxo

  • JavaScript. Tipos de variáveis complexas
  • Arrays em JavaScript
  • Métodos para matrizes
  • Condicionais em JavaScript
  • If / else
  • Interruptor
  • Loops em JavaScript
  • Para o ciclo
  • Loop while

Funções em JavaScript

  • Funções em JavaScript
  • Sintaxe e uso
  • Escopo de JavaScript
  • Trabalhe com funções

O DOM

  • JavaScript. O DOM
  • Introdução ao DOM
  • Objeto de notação
  • Crie nós
  • Adicionar nós
  • Modificar, substituir e excluir nós
  • Acesso a atributos DOM
  • Modificar Estilos de Elemento
  • Eventos DOM

JavaScript avançado. Objetos

  • Definição de objeto
  • Matrizes associativas
  • Propriedades
  • Métodos
  • Métodos Apply () e Call ()
  • Introdução à notação JSON
  • Trabalhar com JSON em JavaScript (I)
  • Trabalhar com JSON em JavaScript (II)

AJAX em JavaScript

  • AJAX em JavaScript
  • Primeiros passos
  • Primeira aplicação
  • Como funciona um aplicativo AJAX
  • Métodos e propriedades do objeto XMLHttpRequest
  • Objetos para AJAX
  • Eu trabalho com AJAX. Listas suspensas
  • Eu trabalho com AJAX. Formulário de preenchimento automático
  • Eu trabalho com AJAX. Leitor RSS
  • Eu trabalho com AJAX. Mapas do Google

jQuery Advanced

  • JQuery 3. Métodos essenciais
  • Função JQuery ou função $ ()
  • Core / each: cada um dos núcleos jQuery
  • Método Size () e propriedade length do núcleo jQuery
  • Método principal do jQuery Data ()
  • Seletores JQuery
  • Seletores de hierarquia em jQuery
  • Métodos de atributo em jQuery
  • Acesse e modifique atributos HTML de jQuery
  • Método attr () da JQuery, outros usos e removeAttr ()
  • Método JQuery prop () e diferenças com attr ()
  • Métodos JQuery CSS
  • Método JQuery css ()
  • Funções JQuery CSS para saber o tamanho e a posição dos elementos
  • Eventos em jQuery
  • Manipuladores de eventos em jQuery
  • Introdução de objeto de evento em jQuery
  • Eventos de mouse no jQuery mouseenter e mouseleave
  • Eventos de teclado em jQuery
  • Defina eventos com bind () e remova-os
  • Eventos definidos com live () em jQuery
  • Eventos delegados em jQuery
  • Efeitos em jQuery
  • jQuery animate (): animação de propriedades CSS
  • Animações coloridas com jQuery
  • Fading in jQuery
  • Filas de efeitos em jQuery
  • Método Queue () para acessar uma fila de efeitos
  • Coloque funções em uma fila de efeitos jQuery
  • Pare a execução de uma fila de efeito jQuery
  • Método Delay () para atrasar a execução de efeitos de fila
  • Fila de efeitos pessoais (não padrão) em jQuery
  • Desenvolvimento de plugins em jQuery
  • Introdução ao desenvolvimento de plugins em jQuery

02- Desenvolvimento Back-End com PHP7

Primeiros passos com PHP7

  • Introdução à programação back-end
  • Estrutura básica de uma página PHP
  • Tags PHP
  • A função de eco
  • Separador de instrução
  • Comentários
  • Misture PHP e HTML
  • Regras de nomenclatura
  • Configuração PHP
  • O arquivo de configuração php.ini
  • Informação de configuração
  • Conjunto de personagens
  • Use PHP na linha de comando
  • O básico da linguagem PHP
  • Constantes Definição e escopo
  • Variáveis Inicialização e atribuição
  • Variáveis Escopo e duração
  • Variáveis dinâmicas (ou variáveis variáveis)

Tipos de dados em PHP7

  • Tipos de dados
  • Tipos Disponíveis
  • Tipos de dados escalares e especiais
  • Arrays
  • Arrays. Criação, manipulação e escopo
  • Operadores
  • O operador de atribuição por valor
  • O operador de atribuição por referência
  • Os operadores aritméticos
  • O operador string
  • Os operadores combinados
  • Os operadores lógicos e de comparação
  • O operador ternário
  • O operador de união NULL
  • O operador de comparação combinada
  • Operador precedente

Estruturas de controle em PHP7

  • Estruturas de controle no PHP 7. Condicionais
  • A estrutura if
  • A estrutura do switch
  • Estruturas de controle no PHP 7. Loops
  • A estrutura if
  • A estrutura while
  • A estrutura do ... enquanto
  • A estrutura para
  • A estrutura foreach
  • As declarações continue e break
  • Incluir um arquivo
  • Operação e uso
  • Interromper o script
  • Interfaces
  • Constantes de classe
  • Traços
  • Aulas anônimas
  • Exceções
  • Gerenciar erros em um script PHP
  • Informações gerais
  • Mensagens de erro PHP
  • Funções de tratamento de erros

Funções em PHP7

  • Use funções PHP
  • Preâmbulo
  • Manipule constantes, variáveis e tipos de dados
  • Constantes
  • Variáveis
  • Tipos de dados
  • Conversões
  • Manipular variáveis numéricas
  • Manipular strings variáveis
  • Manipular matrizes
  • Use expressões regulares
  • Estrutura de uma expressão regular

Bancos de dados MySQL

  • Gerenciando formulários e links
  • Recuperação de dados
  • Codificação de caracteres
  • Dados requeridos
  • Enviar e baixar arquivos
  • Acesse um banco de dados
  • Conexão e desconexão
  • Consultas SQL básicas (visualizar, editar, excluir e inserir)
  • Criação de mesa
  • Armazenar registros de PHP
  • Integração de resultados
  • Codificação de dados
  • Validação de campo

Gerenciar sessões

  • Gerenciar sessões
  • Informações gerais
  • Identificação por formulário
  • Identificação via autenticação HTTP
  • Verifique as credenciais de ID inseridas
  • Use cookies
  • Use o gerenciamento de sessão PHP
  • implementação
  • Autogerenciamento da transmissão do identificador de sessão
  • Guarde as informações de visita em visita
  • Breve resumo das variáveis Get / Post / Cookie / Session
Última actualização Ago. 2020

Sobre a instituição de ensino

CEI - Centro de Estudios de Innovación - es una Escuela de Diseño Digital del siglo XXI, fundada en el siglo XX (año 1991). Somos un centro de formación oficial de Adobe, Apple, IBM, Maxon y Google Pa ... Leia mais

CEI - Centro de Estudios de Innovación - es una Escuela de Diseño Digital del siglo XXI, fundada en el siglo XX (año 1991). Somos un centro de formación oficial de Adobe, Apple, IBM, Maxon y Google Partner, especializado en el sector del diseño y marketing digital, con sedes en Madrid, Sevilla y próximamente también en Lisboa. Nuestros cursos, masters y títulos superiores se desarrollan en cuatro áreas: Diseño gráfico, Desarrollo web, Marketing Digital y Edición y Postproducción de Vídeo Digital (VFX) y Motion Graphics. Ler Menos
Madri , Sevilha , Madri + 2 Mais Menos