Título Superior en Desarrollo Web y Marketing Digital - CEI Escuela de Diseño y Marketing

Otorgar conocimientos acerca de la captura de elementos del DOM, la gestión de eventos del navegador, el proceso creativo del diseño web, el proceso de investigación, y las técnicas de análisis.
Dictar un interesante plan de contenidos, en el cual se profundiza sobre la optimización de imágenes, la planificación temporal del trabajo, la inspiración y toma de referencias, y los formularios de contacto.
Estudiar sobre la creación de plantillas de producto, la política de privacidad, las copias de seguridad de WordPress, y la optimización del código.

Título Superior en Desarrollo Web y Marketing Digital - Full Stack Development y posibilidad de titulación universitaria

MÓDULO DISEÑO WEB CON HTML5, CSS3 Y JAVASCRIPT
CONTENIDO, ESTRUCTURA Y APARIENCIA
INTRODUCCIÓN Y HERRAMIENTAS
- Introducción al desarrollo web integral
- El diseñador web como programador creativo, el lenguaje de la web
- Herramientas de apoyo
- Elección de un editor de texto, factores a tomar en cuenta
- Todo diseño web debe ser responsive
HTML, PRIMERA PARTE: INTRODUCCIÓN
- Introducción a los lenguajes de etiquetas
- Elementos, etiquetas y atributos
- HTML semántico, el contenido como guía
- Elementos semánticos y elementos estructurales
- Títulos, párrafos, listas, tablas, enlaces e imágenes... el contenido es el rey
- Flujo normal (normal flow), elementos block e inline
CSS, PRIMERA PARTE: INTRODUCCIÓN
- Reglas, selectores y propiedades
- Tipos de selectores
- Interludio HTML: elemento style, identificadores únicos y clases
- Vinculación de ficheros CSS a ficheros HTML
CSS, SEGUNDA PARTE: EL NAVEGADOR COMO HERRAMIENTA DE DISEÑO
- Diseñando en el navegador, inspector de elementos + editor de texto, o cómo dejar atrás las simulaciones
- CSS y su relación a los programas de diseño tradicionales
TIPOGRAFÍA
- Introducción a la tipografía
- Elección de tipografías para web y las distintas alternativas a nuestra disposición
- Unidades de medida, absolutas y relativas
- Propiedades tipográficas
- Contenido dinámico vs. contenido estático y sus consecuencias a la hora de estilizar la tipografía
COLOR
- Distintas formas de hablar en RGB
- Color de fondo y color del texto
LAYOUT, PRIMERA PARTE: HTML + CSS
- Relación de las etiquetas estructurales a los típicos “bloques” de un programa de diseño, todo es un rectángulo
- Unidades de medida
- Márgenes, por dentro y por fuera
- Modelo de caja
- Posicionamiento estático, o lo que está detrás del flujo normal
- Rompiendo el flujo normal: posicionamiento relativo, absoluto y fijo
- Introducción al diseño responsive, media queries
CSS, TERCERA PARTE: LA CAJA DE HERRAMIENTAS GRÁFICAS
- Bordes
- Imágenes de fondo y su diferencia con las imágenes de contenido
- Degradados de color
- Sombras
- Modos de fusión
- Filtros
- Transformaciones
HTML, SEGUNDA PARTE: FORMULARIOS
- Introducción a los formularios
- Elementos de entrada de datos
LAYOUT, SEGUNDA PARTE: FLEX
- El modelo de caja flexible
- Flex vs. flujo normal
- Opciones de Flex
- Flex y su relación al diseño responsive
- Limitaciones de Flex
LAYOUT, TERCERA PARTE: GRID
- Cuadrículas a la hora de diseñar una web
- Grid vs. Flex vs. flujo normal
- OPCIONES DE GRID
LAYOUT, GRAND FINALE: DISEÑANDO EN EL NAVEGADOR
- Todo es combinable
- Maquetación idiomática, o como pensar en CSS
- Todo diseño web será responsive
JAVASCRIPT
DINAMISMO Y FUNCIONALIDAD
WORDPRESS, KIT DE SUPERVIVENCIA
- Naturaleza dinámica del contenido
- ¿Qué es WordPress?
- Introducción a PHP
- ¿Qué es JavaScript?
- Introducción a la programación
- Variables, condicionales, bucles y funciones
LA API DEL DOM, O LO QUE TRADICIONALMENTE ASOCIAMOS A JAVASCRIPT
- ¿Qué es una API?
- El DOM
- Distintas formas de capturar elementos del DOM
- Sintaxis de punto como piedra angular de la API del DOM, getters/setters
- Gestión de clases
- Gestión de atributos
- Añadir y eliminar elementos: HTML dinámico, primera parte
- El bucle de eventos, o cómo convertir HTML en un espacio interactivo
- Callbacks
- El objeto event y cómo gestionar los eventos básicos del navegador
AJAX, O CÓMO COMUNICARNOS CON EL BACKEND
- ¿Qué es el backend?
- Peticiones y respuestas, el protocolo HTTP
- Conexiones asíncronas con el servidor, el objeto XHR
- Strings que van y Strings que vienen, JSON como lengua franca entre lenguajes de programación
JQUERY
- Libraries, frameworks
- ¿Qué es jQuery?
- Manipulación del DOM
- AJAX
- Ecosistema WordPress
- Al final, todo es HTML y CSS
MÓDULO DISEÑO WEB CON WORDPRESS
INTRODUCCIÓN
- La web. Tipos y estructuras
- Google Mobile First Index
- WordPress. ¿Qué es?
- El Diseño web. Proceso creativo
INVESTIGANDO
- Proceso de investigación
- Técnicas de análisis
COTIZANDO Y PLANIFICANDO
- ¿Cuánto vale mi página web?
- Planificación temporal del trabajo
- Sistemas de gestión para trabajar el diseño web
CONCEPTUALIZANDO LA WEB
- La inspiración y toma de referencias
- La identidad visual. Manual de estilos web
- Creación del árbol de contenidos
- Boceteo o wireframes
- Creación de mockups
- Prototipado de la web
- Presentación al cliente y preparación de contenidos
CREANDO CONTENIDOS
- Copywriting
- Tipos de contenidos
- La generación de contenidos en WordPress.
POST Y PÁGINAS
- Las imágenes. Tipos y tratamiento para web
- Política de Privacidad y la Política de Cookies
DESARROLLANDO NUESTRA WEB I
- Conociendo WordPress
- Instalación en local y servidor
- Preparación de un WordPress. Pasos esenciales
- Estructura de WordPress y su interfaz
- Los plugins
- Biblioteca de medios: optimización de imágenes
- Los temas
- Tipos de temas
- Explicando un tema
- Trasladando nuestro diseño a WordPress
- Diseñando el body
- Compositores visuales: Elementor
- Addons y complementos
- Creando web en Mobile first
- Formularios de contacto
- Diseñando headers personalizados.
- Los menús
- Diseñando footers personalizados
- Creación propia de plantillas y snippets
- Creación de layouts personalizados para post
- Creación de post types personalizados y sus layouts
- Creación de campos personalizados
- Ecommerce: WooCommerce
- Explicación y configuración de una tienda online
- Creación de plantillas de producto personalizadas
- Modificación y configuración del checkout
- Plugins necesarios
- Gestión de usuarios en WordPress
- Roles de usuarios
- Registro de usuarios
- Creación de áreas privadas y membrecías
- Visualización de contenidos según roles
- Traducción de páginas web
- Uso del plugin
- Traducción de temas y plugins
- Exportación y copias de seguridad de WordPress
- Otros plugins de interés: sliders, compartir en redes sociales, feeds, chats, etc.
- Desarrollando la Web: Introducción al editor visual (Gutenberg).
- Integración de WordPress con servicios de terceros como por ejemplo: Recaptcha,
MAILCHIMP, GOOGLE ANALYTICS, GOOGLE SEARCH CONSOLE
DESARROLLANDO NUESTRA WEB II
- Introducción al Inbound marketing para WordPress
- Creación de mapas del site
- Instalación y configuración de plugin de SEO
DESARROLLANDO NUESTRA WEB III
- Técnicas de mantenimiento de WordPress
OPTIMIZANDO Y PROTEGIENDO NUESTRA WEB
- Optimización de rendimiento de nuestro WordPress
- Optimización del código
- Instalación de cachés
- Protección del WordPress
- Protección de los accesos a WordPress
- Protección de contenidos y carpetas
- Protección contra ataques exteriores
MÓDULO DESARROLLO WEB
FULL STACK DEVELOPMENT
INTRODUCCIÓN Y HERRAMIENTAS
- Introducción al desarrollo web integral
- Elección de un editor de texto, factores a tomar en cuenta
- Uso de git como sistema de control de versiones
DESARROLLO FRONT-END
PRIMEROS PASOS
- Breve reseña de HTML (elementos, etiquetas, atributos) y CSS (reglas, selectores, propiedades)
- Introducción a JavaScript, ¿qué es? Alcance y limitaciones
- Sintaxis del lenguaje JavaScript, su naturaleza funcional y su uso de la sintaxis de punto para acceder a métodos y propiedades
- Conceptos básicos de programación y su aplicación en JavaScript: variables, condicionales, bucles, funciones
VARIABLES, CONSTANTES, TIPOS DE DATOS Y ESTRUCTURAS BÁSICAS
- Números y operadores aritméticos
- Strings (cadenas de caracteres), su longitud y métodos principales ¿es todo un string?
- Introducción a los Arrays, longitud y uso de índices
- Booleans y operadores lógicos
- Estructuras condicionales y concepto de bloque
- Bucles
- Objetos simples y su notación
FUNCIONES
- Funciones como objetos de primera clase y la naturaleza funcional de JavaScript
- Argumentos, longitud de una función y el objeto arguments
- Funciones como programas en miniatura y como generadores de datos, el uso de la palabra return
- Scope y clausuras
- Funciones anónimas y funciones invocadas inmediatamente
- Funciones flecha, primera parte
- Métodos como funciones
- Callbacks, primera parte
ARRAYS EN PROFUNDIDAD
- Operaciones básicas con arrays
- Métodos iterativos. Callbacks, segunda parte
- Introducción a la programación funcional
LA API DEL DOM, O LO QUE TRADICIONALMENTE ASOCIAMOS A JAVASCRIPT
- ¿Qué es una API?
- El DOM
- Distintas formas de capturar elementos del DOM
- Sintaxis de punto como piedra angular de la API del DOM, getters/setters
- Gestión de clases
- Gestión de atributos
- Añadir y eliminar elementos: HTML dinámico, primera parte
- El bucle de eventos, o cómo convertir HTML en un espacio interactivo
- Callbacks, tercera parte: primer encuentro con el JavaScript asíncrono y this
- El objeto event y cómo gestionar los eventos básicos del navegador
- Programación orientada a objetos en JavaScript
- Funciones constructoras y prototipos
- Sintaxis de clases moderna, métodos y propiedades
- ¿Qué es this? y sus múltiples significados
- Funciones flecha, segunda parte
- Herencia
AJAX, PRIMERA PARTE: LA FRONTERA DEL DESARROLLO FRONT-END
- Conexiones asíncronas con el servidor, el objeto XHR
- Strings que van y Strings que vienen, JSON como lengua franca entre lenguajes de programación
EN LA FRONTERA ENTRE EL FRONT-END Y EL BACK-END
PHP, PRIMERA PARTE
- Introducción a PHP, ¿qué es? Alcance y limitaciones
- Sintaxis del lenguaje PHP, sus dos grandes aplicaciones: HTML dinámico y lenguaje de back-end
- Números y operadores aritméticos
- Strings
- Arrays
- Booleans y operadores lógicos
- Estructuras condicionales
- Bucles
- Funciones
AJAX, SEGUNDA PARTE: CONTACTO ESTABLECIDO
- El protocolo HTTP, funcionamiento y métodos
- Peticiones y respuestas
- Cabeceras
NODE
- ¿Qué es Node?
- Procesos y la naturaleza modular de Node
- El sistema de ficheros
- Streams (flujos)
- El módulo HTTP y la posibilidad de usar JavaScript como back-end
- NPM, el gestor de paquetes de Node
- Express
JAVASCRIPT ASÍNCRONO EN PROFUNDIDAD
- Timers
- Promesas, async y await
- AJAX, tercera parte: fetch
EXPRESIONES REGULARES
- ¿Qué son?
- Sintaxis
- Múltiples aplicaciones de las expresiones regulares
DESARROLLO BACK-END
PHP, SEGUNDA PARTE
- Uso de PHP como lenguaje de plantillas
- Gestión de formularios con PHP
BASES DE DATOS, MYSQL
- Motores de bases de datos
- SQL ¿Qué es? y su sintaxis
- Consultas
- CRUD, o crear, leer, actualizar y borrar
PHP Y MYSQL
- Distintas formas de comunicarse con la base de datos
- El objeto de datos de PHP
- Consultas preparadas
PROGRAMACIÓN ORIENTADA A OBJETOS EN PHP
- Objetos en PHP, sintaxis
- Métodos, propiedades
- Herencia
DESARROLLO FULL-STACK
- Navegación y gestión de rutas
- Páginas privadas y páginas públicas, gestión de cookies y sesiones
- Frameworks, libraries y el panorama a futuro: a manera de cierre
MÓDULO DISEÑO EN EXPERIENCIA DE USUARIO E INTERFACES (UX/UI)
INTRODUCCIÓN: UX/UI Y FIGMA
- Introducción UX/UI
- Introducción Figma
- Animación Figm
EL CLIENTE
- Briefing
- Datos del negocio
- Toma de requisitos
- Análisis de la competencia
HEURÍSTICAS Y DISEÑO DE INTERACCIÓN
- Análisis heurístico
- Diafragmas de flujo
- Principios de UX
- Desarrollo de wireframes: Whimsical
DISEÑO VISUAL
- Principios de diseño
- Principios de color y tipografía
- Diseño de formularios
- Uso de la Grid o Retícula
- Accesibilidad
METODOLOGÍAS ÁGILES
- Design Sprint
- Scrum
- Lean
- Design Thinking
DISEÑO DE APPS
- Medidas de dispositivos mobile
- Tipografías
- Colores
- Grid
- Diseño y prototipado con Figma
- Sistemas de diseño
ARQUITECTURA DE LA INFORMACIÓN
- Árbol de contenidos
- Sistemas de organización
- Sistemas de etiquetado
- Medidas web
- Tipografías
- Colores
- Grid
DISEÑO VERSIÓN WEB
- Sistemas de navegación
- Sistemas de búsqueda
FIGMA AVANZADO
- Auto layout
- Componentes y variaciones
- Atomic Design y Sistema de diseño
- Diseño y prototipado con Figma
- Sistemas de diseño
UX Y SEO
- Similitudes entre UX y SEO
- Factores SEO (Web)
- Factores ASO (apps)
MÓDULO MARKETING DIGITAL
INTRODUCCIÓN AL MARKETING DIGITAL
MARKETING DIGITAL
- ¿Qué es el marketing?
- 10 cambios del marketing digital
- Internet y la nueva era del marketing digital Web 3.0
- Nuevos enfoques
- Campañas 3.0
- Marketing Viral
NUEVOS MODELOS DE NEGOCIO BASADOS EN WEB 2.0
- Retos y desafíos para emprendedores digitales
- Cambios en las diferentes industrias
- Salidas laborales del marketing digital
- Nuevos medios de pago
- Modelo Lean Canvas
ATRAYENDO CLIENTES EN LA ERA DIGITAL
- Momento cero de la verdad
- Encontrar el público objetivo
- ¿Qué es un lead?
- Empezar a desarrollar Buyer/Personas
- Matriz de toma de decisiones
- RGPD
MARKETING DE CONTENIDOS
- Realidad actual. El contenido es el rey
- Definición de marketing de contenidos
- Tendencias en el marketing de contenidos
- La importancia de una estrategia de contenidos
- ¿Cómo generar contenido viral y atractivo?
PLANIFICACIÓN ESTRATÉGICA ONLINE
ESTRATEGIA DE MARKETING ONLINE
- Estrategia de marketing online
- Análisis de la situación actual de la empresa
- Análisis D.A.F.O enfocado a web
- Investigación de la competencia basada en web
- Definición de objetivos y cronograma
- Recursos necesarios para su realización y desarrollo
- Plan de ejecución y establecimiento de métricas
- Análisis de resultados
- Cálculo del ROI
COPYWRITING | ESCRIBIR PARA VENDER
- Comunicación y gestión de la conversación
- Transmitir mensajes de forma eficaz y atractiva
- Gestión de mensajes dañinos
CAMPAÑA DE E-MAIL MARKETING
- Bases de datos de contactos
- Generación de leads de calidad
- Técnicas de diseño para crear un e-mail efectivo
- Legislación referente al e-mail marketing
- Métricas del e-mail marketing.
- Herramientas y plataformas online
- Presupuesto y recursos necesarios para su implementación
- Análisis de resultados y ROI
- Casos de éxito
- Caso práctico: creación de una newsletter
SOCIAL MEDIA PLAN
- Análisis de la situación actual de las redes de la empresa
- Análisis de la competencia en redes sociales
- Selección de plataformas y canales
- Creación de sinergias: personas con influencia y mapas de blogs
- Definición de objetivos
- Estrategia de contenidos
- Estrategia de acciones
- Herramientas para la gestión de social media
- Establecimiento de métricas por red social: Facebook, Twitter, Youtube, Instagram, Blog, etc.
- Herramientas de monitorización de redes sociales
GESTIÓN DE SOCIAL MEDIA
COMMUNITY MANAGER
- Perfil, funciones, tareas, rol en la organización
- El horario del Community: 24/7, 365 días al año
- Influencia (marca personal)
- Estrategias de community management: labores, responsabilidad y posibilidades
- Herramientas de Community Manager
- Buffer, Canva, Ghiphy
CONCURSOS PARA REDES SOCIALES
- Pasos para crear un concurso
- Herramientas de creación de concursos
- Aspectos a tener en cuenta
- Casos de éxito
- EasyPromos App
FACEBOOK
- Facebook para empresas. Proceso para crear una cuenta de empresa (Práctica)
- Campañas de Facebook Ads
- Tipos de campañas y objetivos
- Segmentación de anuncios
- Creación de públicos personalizados para campañas
- Píxel de seguimiento
- Formatos de anuncios
- Facturación en Facebook Ads
- Casos de éxito y acciones que han impactado en la manera de utilizar esta red social
- Analítica y promoción a través de esta red social
TWITTER
- Usos de Twitter por parte de las marcas
- Creación de campañas y participación
- Twitter para empresas
- Campañas de Twitter Ads
- Tipos de campañas y objetivos
- Segmentación de anuncios
- Creación de públicos personalizados para campaña
- Seguimiento de conversiones
- Formatos de anuncios
- Casos de éxito y acciones que han impactado en la manera de utilizar esta red social
- Analítica y promoción a través de esta red social
YOUTUBE
- Vídeo Marketing
- Estrategias para Vídeo Marketing
- La nueva figura del youtuber
- Youtube y el SEO
- Bancos de imágenes
- Bancos de vídeos
INSTAGRAM
- Instagram Ads
- Formatos de anuncios y cómo crearlos
- Instagram y Facebook para vender productos
- Apps de Instagram
PINTEREST
- Pinterest para empresas
- Pinterest Ads
- Campañas de Pinterest Ads
- Tipos de campañas y objetivos
- Segmentación de anuncios
- Creación de públicos personalizados para campañas
- Seguimiento de conversiones
- Widgets en Pinterest
- Pinterest y el SEO
LINKEDIN
- Usos de la red social
- Participación en grupos
- Perfiles de empresas: cómo crearlos.
- Creación de un perfil personal (Práctica)
- Mejoras del perfil a través de recomendaciones: cómo obtenerlas
- Campañas de LinkedIn Ads
- Tipos de campañas y objetivos
- Segmentación de anuncios
- Creación de públicos personalizados para campaña
- Seguimiento de conversiones
GOOGLE MY BUSINESS
- Introducción a Google My Business
- Gestión de perfiles
- Páginas y productos en Google My Business
- Opiniones y reseñas
- Google My Business y el SEO
INTRODUCCIÓN A WORDPRESS
- Creación de Hosting y Dominio para la clase
- Introducción a Temas
- Introducción a Postypes (Creación de Páginas, Entradas, Productos)
- Creación de Menús
- Plugins básicos
- El blog como herramienta personal
- Consejos para generar contenidos en blogs
- ¿Cómo diseñar una landing page atractiva?
E-COMMERCE
- Introducción al E-Commerce
- WooCommerce
MARKETING EN BUSCADORES: SEO y SEM
SEO
- Introducción al Marketing en buscadores
- Usabilidad y accesibilidad web
- Indexación en Google Search Console (Mobile First Indexing)
- Herramientas importantes de Search Console (rendimiento de palabras, errores, enlaces, clics, impresiones, ctr, dispositivos, etc.). Realizar paso a paso una correcta indexación en Google
- Definición de palabras clave
- Herramientas para Keywords (SEMrush, Ubbersuggest, Keywords Everywhere)
- SEO On-Page: optimización de contenidos
- Screaming Frog
- Metatítulos, metadescripciones, estructura de contenidos, headings, etiquetas importantes
- Optimización de imágenes para SEO
- Escritura de SEO
- Marcado de datos
- Optimización de entradas a blogs a nivel de SEO
- Instalación de plugins especializados en SEO
- Top de extensiones de navegación para SEO (Moz toolbar, Check My Links)
- SEO Off-Page: optimización externa
- Construcción natural de enlaces
- Redireccionamientos Web y estatus de páginas 301, 404, 5xx, etc.
- Malas prácticas en posicionamiento SEO
- Casos de éxito
- Caso práctico: planificación y desarrollo de estrategia SEO
- Lista paso a paso para empezar a hacer SEO
- Auditoria de SEO
SEM
- Estrategia de publicación de anuncios
- Funcionamientos de Ad Rank de Google
- Investigación de palabras clave con la herramienta planificador de palabras clave
- Tipos de concordancias de palabras clave
- Palabras clave negativas
- Tipos de pujas
- Caso práctico: planificación y desarrollo de estrategia SEM
- Red de búsquedas
- Red de display
- Métricas en Adwords
- Listas de remarketing
- Youtube Ads
ANALÍTICA WEB
- Introducción a Google Analytics
- Implementación de códigos de seguimiento
- Creación de vistas, perfiles y permisos
- Tipos de datos (dimensiones, dimensiones secundarias, métricas, métricas personalizadas)
- Planificación de objetivos
- Metas, eventos, filtros y canales
- Definición de métricas, tipos de conversiones
- Introducción a Google Tag Manager
- Creación de públicos personalizados
- Listas de remarketing
- Segmentos personalizados
- Dashboards Personalizados
ÚLTIMOS DÍAS DEL MÓDULO
- Certificaciones de Google
- Repaso final del módulo
- Tutorías de proyecto