Mestrado Profissional em Desenvolvimento e Conceituação Web (Full Stack Development)

Geral

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

Descrição do programa

web design, laptop, html

720 horas (12 meses)

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

objetivos

Se você deseja ingressar em uma das profissões com maior futuro no mercado de trabalho, faça o seu mestrado. Porque para o conhecimento que todo desenvolvedor web deve ter (HTML5, CSS3, Javascript, JQuery, PHP7, SQL, UX / UI) adicionamos tudo o que é necessário para lidar com o CMS mais utilizado hoje para design de páginas web: WordPress. Torne-se um desenvolvedor web off-road com este mestrado profissional!

No primeiro módulo, Web Design, as duas linguagens básicas de estrutura e layout para qualquer desenvolvedor serão abordadas em profundidade: HTML5 e CSS3. Além disso, os dois campos-chave no desenvolvimento ou programação front-end de um site serão introduzidos: JavaScript e jQuery. Portanto, e do ponto de vista atual, conforme destacado pelo aprimoramento do design móvel para todos os tipos de dispositivos, neste módulo serão adquiridas as bases para o treinamento em programação full stack.

No módulo Full Stack Development Web Development, serão aprofundados os conhecimentos necessários para que o aluno se torne um desenvolvedor web 360º. Por um lado, grande parte da carga acadêmica se concentrará nos aspectos de front-end, com JavaScript e jquery, a parte mais visual de um site. Por outro lado, o módulo será concluído com o PHP7 e SQL necessários para dominar a programação no lado do servidor e bancos de dados, ou back-end.

O módulo WordPress abordará tudo que um programador web deve saber sobre o CMS (Sistema de Gerenciamento de Conteúdo) mais usado no planeta. Software livre cuja versatilidade nos permite oferecer soluções profissionais para todos os tipos de projetos, desde um blog a um site corporativo, passando por e-commerce. Uma ferramenta intuitiva que todo programador deve conhecer, já que 33% dos sites do planeta são desenvolvidos em WordPress.

Com o módulo Design in User Experience and Interfaces, o aluno será capaz de entrar em um dos aspectos mais modernos do desenvolvimento web atual: UX / UI. No decorrer deste bloco, será buscado um equilíbrio entre as duas propriedades mais importantes que compõem um site: estética e usabilidade. Tudo focado em tirar o máximo proveito de tudo o que foi aprendido em web design, desenvolvimento e / ou programação.

informação

  • 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
  • Web design WordPress
  • Conceituação e esboço da web
  • Cotação e planejamento da web
  • Desenvolvimento e otimização web em WordPress
  • UX / UI Fundamentals
  • Pesquisa do usuário
  • Design de interface (Figma, Adobe XD)
  • prototipagem

duração

720 horas no total

  • Pessoalmente ou online
  • 560 horas de aula
  • Segunda a quinta-feira (+ alguma sexta-feira)
  • 160 horas de projetos finais

Horário

Manhãs

  • 09.00 - 12.00 horas
  • 12h00 - 15h00

Tardes

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

preço

€ 5.600

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

Módulo de Web Design com Wordpress

01- Web Design com Wordpress. Da conceituação ao desenvolvimento

introdução

  • A teia. Tipos e estruturas
  • Índice Google Mobile First
  • WordPress. O que é?
  • O design da web. Processo criativo

Fazendo pesquisas

  • Processo de investigação
  • Técnicas de análise

Cotação e planejamento

  • Quanto vale o meu site?
  • Planejamento de trabalho temporário
  • Sistemas de gestão para trabalhar web design

Conceitualizando a web

  • Inspiração e referência
  • A identidade visual. Manual de Estilos da Web
  • Criação de árvore de conteúdo
  • Sketch ou wireframes
  • Criação de maquetes com Sketch
  • Prototipagem da Web com Invision
  • Apresentação ao cliente e preparação do conteúdo

Criação de conteúdo

  • Redação
  • Tipos de Conteúdo
  • A geração de conteúdo em WordPress. Postagem e páginas
  • As imagens. Tipos e tratamento para web
  • LOPD. Instalação e regulação

Desenvolvendo nosso site

Conhecendo WordPress

  • Instalação local e servidor
  • Preparação de um WordPress. Etapas essenciais
  • Estrutura do WordPress e sua interface

Plugins

Biblioteca de mídia: otimização de imagem

Os temas

  • Tipos de tópicos
  • Explicando um tópico

Movendo nosso design para WordPress

  • Desenhar o body

Compositores visuais: compositor visual e elementor

Addons e complementos

Criação da web no celular primeiro

Formulários de contato

  • Projetando cabeçalhos personalizados. Os menus
  • Criação de rodapés personalizados
  • Criação própria de templates e snippets
  • Criação de layouts personalizados para postagem
  • Criação de tipos de postagem personalizados e seus layouts
  • Crie campos personalizados

Ecommerce: Woocommerce

  • Explicação e configuração de uma loja online
  • Crie modelos de produtos personalizados
  • Modificação e configuração de checkout
  • Plugins necessários

Gerenciamento de usuários em WordPress

  • Funções do usuário
  • Registro do usuário
  • Criação de áreas privadas e associações
  • Ver o conteúdo de acordo com as funções

Tradução do site

  • Usando o plugin
  • Tradução de temas e plugins

Exportação e backup para WordPress

Outros plugins de interesse: sliders, compartilhamento em redes sociais, feeds, chats.

Otimizando e protegendo nosso site

Otimização de desempenho do nosso WordPress

  • Otimização de código
  • Instalação de cache

Proteção Wordpress

  • Proteção de acesso ao WordPress
  • Proteção de conteúdos e pastas
  • Proteção contra ataques externos

Desenvolvendo nosso site

  • Introdução ao Inbound Marketing para WordPress
  • Criação de mapas do site
  • Instalação e configuração do plugin SEO

Desenvolvendo nosso site

Técnicas de manutenção WordPress

Projeto de Módulo em Experiência do Usuário e Interfaces (UX / UI)

01- Introdução

  • Apresentação e objetivos do curso
  • Fundamentos em UX / UI
  • O que é UX? Qual é a IU?
  • Diferenças e semelhanças

02- O cliente

  • Briefing
  • Dados de negócios
  • Levando requisitos
  • análise competitiva

03- Pesquisa UX

  • Pesquisa e análise
  • Mapas de calor
  • Eye Tracking
  • Classificação de cartas
  • Teste A / B
  • Teste de usuário
  • Persona do Comprador
  • Avaliação Heurística

04- Arquitetura da Informação

  • Inventário de Conteúdo
  • Árvore de conteúdo
  • Sistemas de organização
  • Sistemas de rotulagem
  • Sistemas de navegação
  • Sistemas de busca
  • Formulários

05- Metodologias de Design

  • Design Thinking
  • Design Atômico
  • Fluxogramas com lunático
  • Jornada do Cliente
  • Classificação de cartas

06- Dispositivos móveis primeiro, tendências, design responsivo

07- Design Web Version

  • Psicologia do Design, Leis da Gestalt
  • Princípios de design
  • Tipografia
  • Cores
  • Rede
  • Desenho
  • Sistemas de design
  • Design com Figma
  • Prototipagem com Figma
  • Design com Adobe XD
  • Prototipagem com Adobe XD

08- Versão Web de Animações

  • Animação com Figma
  • Animação com Adobe Xd

09- Design de aplicativos

  • Psicologia do design, leis da Gestalt aplicadas a aplicativos
  • Princípios de design em aplicativos
  • Investigação de interações em aplicativos
  • Interações móveis
  • Medições de dispositivos móveis
  • Tipografia em aplicativos
  • Cores
  • Rede
  • Desenho
  • Sistemas de design
  • Design com Figma
  • Prototipagem com Figma
  • Design com Figma
  • Prototipagem com Figma
  • Design com Adobe XD
  • Prototipagem com Adobe XD

10- Versão do aplicativo da Web de animações

  • Animação com Figma
  • Animação com Adobe Xd

11- UX e SEO

  • Semelhanças entre UX e SEO
  • Fatores de SEO (web)
  • Fatores ASO (aplicativos)

12- Gestão de Projetos

  • Elaboração de um orçamento web: conceitos e itens
  • Planejamento de projeto
  • Cronograma e prazos de entrega
  • Apresentação do projeto
  • Software de planejamento
  • Pesquisa de Recursos

13- Portfólio

Exportação de projetoPublicação de projetos para rrssApresentação de projetos para web
Ú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