DISEÑO WEB CON HTML5 Y CSS301- DISEÑO WEB
· Principios básicos del diseño web
· Principios de usabilidad
· Principios de accesibilidad
· Creación y optimización de imágenes para web
· Piezas básicas publicitarias: banners, redes sociales
HTML + CSS: estándares web
· Introducción a la web: navegadores, motor de navegaciones, sistemas operativos
· Preparación del entorno para el desarrollo
· HTML: versiones y diferencias
· Etiquetas y atributos
· Semántica de las etiquetas
· Uso de las etiquetas
· DOCTYPE y codificación de caracteres (Charset)
· Head y Title
· Párrafos
· Imágenes
· Tablas
· Enlaces: hipervínculos y anclas
· Listas: ordenadas, desordenadas y de definiciones
· Etiquetas meta
· Uso de iFrames
· Formularios
· Rutas y direcciones: relativas y absolutas
· Propiedades CSS
· Enlazar CSS
· Selectores CSS
· Pseudoselectores y pseudoelementos
· Vídeo en HTML5
· Audio en HTML5Responsive design (diseño web adaptable a tablet/móvil)
· Vídeo en HTML5
· Audio en HTML5Edición web
· Creación del entorno de desarrollo: Editor de Texto + Navegador
· Complementos y herramientas útiles para la edición web
· Estructuración de un sitio web
· Uso avanzado de nuestro entorno de desarrollo
· Conexión a un servidor remoto y sincronización
· Gestión de archivos mediante FTP
· Servidores y registro de dominios
Leer más Desarrollo Front-End (Javascript y jQuery)
· Introducción a JavaScript y jQuery
· Conceptos básicos para el uso de plugins jQuery
· Creación de ejemplos prácticos: desplegables, galerías, sliders
· Introducción a CMS: WordpressDesarrollo Back-End
· Introducción a servidores
· Introducción a lenguajes de servidor (PHP y MySQL)
Posicionamiento web: SEO
· Entendiendo los motores de búsqueda
· Usabilidad web
· Introducción al SEO On Page
· Marketing web
FRONTEND CON JAVASCRIPT Y JQUERY
01- DESARROLLO WEB (FRONTEND)
Primeros pasos con JavaScript
· Introducción a la programación de frontend
· JavaScript. Sintaxis general
· Incluir JavaScript en documentos HTML
· JavaScript en archivos adjuntos
· JavaScript dentro del código HTML
· JavaScript. Variables y operadores
· Variables locales y variables globales
· Variables numéricas
· Métodos para variables numéricas
· Operadores de asignación
· Operadores de incremento y decremento
· Operadores matemáticos
· Cadenas de texto (strings)
· Métodos para cadenas de texto
· Variables Undefined
· Variables NULL
· Variables NaN
· Operadores lógicos en JavaScript
· Operadores relacionales
Estructuras de control de flujo y variables complejas
· JavaScript. Tipos variables complejas
· Arrays en JavaScript
· Métodos para Arrays
· Condicionales en JavaScript
· If / else
· Switch
· Bucles en JavaScript
· Ciclo for
· Ciclo while
Funciones en JavaScript
· Funciones en JavaScript
· Sintaxis y uso
· Scope de JavaScript
· Trabajo con funciones
El DOM
· JavaScript. El DOM
· Introducción al DOM
· Objeto Notation
· Crear nodos
· Agregar nodos
· Modificar, reemplazar y eliminar nodos
· Acceso a los atributos del DOM
· Modificar estilos de elementos
· Eventos del DOM
JavaScript avanzado. Objetos
· Definicion de objeto
· Arrays asociativos
· Propiedades
· Métodos
· Métodos apply() y call()
· Introducción a la notación JSON
· Trabajo con JSON en JavaScript (I)
· Trabajo con JSON en JavaScript (II)
AJAX en JavaScript
· AJAX en JavaScript
· Primeros pasos
· Primera aplicación
· Funcionamiento de una aplicación AJAX
· Métodos y propiedades del objeto XMLHttpRequest
· Objetos para AJAX
· Trabajo con AJAX. Listas desplegables
· Trabajo con AJAX. Autocompletar formulario
· Trabajo con AJAX. Lector RSS
· Trabajo con AJAX. Google maps
jQuery básico
· Introducción a Jquery
· Pasos para utilizar jQuery
· Primer script con jQuery
· Básicos de jQuery: añadir y quitar clases CSS
· Básicos de jQuery: mostrar y ocultar elementos de la página
· Básicos jQuery: efectos rápidos con jQuery
· Básicos jQuery: callback de funciones jQuery
· Básicos jQuery: uso de Ajax básico con jQuery
· Básicos jQuery: Ajax jQuery con mensaje de carga
jQuery Avanzado
• El 3 de jQuery. Metodos esenciales
• Función jQuery o función $()
• Core/each: each del core de jQuery.
• Método size() y propiedad length del core de jQuery.
· Método data() core jQuery
· Selectores de jQuery
· Selectores de jerarquía en jQuery
· Métodos de atributos en jQuery
· Acceder y modificar atributos HTML desde jQuery
· Método attr() de jQuery, otros usos y removeAttr()
· Método prop() de jQuery y diferencias con attr()
· Métodos de CSS de jQuery
· Método css() de jQuery
· Funciones CSS de jQuery para conocer el tamaño y posición de elementos
· Eventos en jQuery
· Manejadores de eventos en jQuery
· Introducción de Objeto evento en jQuery
· Eventos de ratón en jQuery mouseenter y mouseleave
· Eventos de teclado en jQuery
· Definir eventos con bind() y eliminarlos
· Eventos definidos con live() en jQuery
· Delegated events en jQuery
· Efectos en jQuery
· jQuery animate(): animación de propiedades CSS
· Animaciones de color con jQuery.
· Fading en jQuery
· Colas de efectos en jQuery
· Método queue() para acceder a una cola de efectos
· Meter funciones en una cola de efectos jQuery
· Parar la ejecución de una cola de efectos jQuery
· Método delay() para retrasar la ejecución de efectos de la cola
· Cola de efectos personal (no predeterminada) en jQuery
· Desarrollo de plugins en jQuery
· Introducción al desarrollo de plugins en jQuery
BACKEND CON PHP7 Y MYSQL
01- DESARROLLO WEB (BACKEND)
Primeros pasos con PHP7
· Introducción a la programación de backend
· Estructura básica de una página PHP
· Las etiquetas PHP
· La función echo
· Separador de instrucciones
· Comentarios
· Mezclar PHP y HTML
· Normas de denominación
· Configuración de PHP
· El archivo de configuración php.ini
· Información sobre la configuración
· Juego de caracteres
· Utilizar PHP desde la línea de comandos
· Las bases del lenguaje PHP
· Constantes. Definición y alcance
· Variables. Inicialización y asignación
· Variables. Alcance y duración
· Variables dinámicas (o variables variables)
Tipos de datos en PHP7
· Tipos de datos
· Tipos disponibles
· Tipos de datos escalares y especiales.
· Arrays
· Arrays. Creación, manipulación y alcance
· Operadores
· El operador de asignación por valor
· El operador de asignación por referencia
· Los operadores aritméticos
· El operador de cadena
· Los operadores combinados
· Los operadores lógicos y de comparación
· El operador ternario
· El operador de unión NULL
· El operador de comparación combinado
· Precedencia de los operadores
Estructuras de control en PHP7
· Estructuras de control en PHP 7. Condicionales
· La estructura if
· La estructura switch
· Estructuras de control en PHP 7. Ciclos
· La estructura if
· La estructura while
· La estructura do ... while
· La estructura for
· La estructura foreach
· Las instrucciones continue y break
· Incluir un archivo
· Funcionamiento y utilización
· Interrumpir el script
Funciones en PHP7 (I)
· Utilizar las funciones PHP
· Preámbulo
· Manipular las constantes, las variables y los tipos de datos
· Constantes
· Variables
· Tipos de datos
· Conversiones
· Manipular variables numericas
· Manipular variables strings
· Manipular arrays
· Utilizar expresiones regulares
· Estructura de una expresión regular
Funciones en PHP7 (II)
· Manipular las fechas
· Funciones para manipular los archivos en el servidor
· Manipular los encabezados HTTP
· Escribir funciones y clases PHP
· Declaración y llamada
· Parámetros
· Sintaxis
· Valor predeterminado
· Declaración del tipo de datos
· Pase por referencia
· Lista variable de parámetros
· Consideraciones sobre las variables utilizadas en las funciones
· Variables locales/globales
· Variables estáticas
· Las constantes y las funciones
Funciones en PHP7 (III)
· Escribir funciones y clases PHP
· Recursividad
· Función anónima
· Estructura básica de una página PHP
· Función generadora
· Clases
· Concepto
· Definir una clase
· Instanciar una clase
· Legado
· Otras características de las clases
· Clases o métodos abstractos
· Información sobre la configuración
· Clases o métodos finales
· Interfaces
· Constantes de clases
· Traits
· Clases anónimas
· Excepciones
· Administrar los errores en un script PHP
· Información general
· Mensajes de error de PHP
· Las funciones de gestión de errores
Bases de datos MySQL
· Gestión de los formularios y los enlaces
· Rápido recordatorio sobre los formularios
· Construir un formulario de forma dinámica
· Procesar un formulario utilizando un script PHP
· Recuperar los datos de una URL o de un formulario
· Recuperar los datos pasados por la URL
· Utilizar una matriz para pasar datos en la URL
· Transferir caracteres especiales
· Recuperar los datos introducidos en el formulario.
· Usar un array para recuperar los datos introducidos
· Pasar información en un campo de formulario oculto
· Los diferentes tipos de campos
· Controlar los datos recuperados
· Limpieza de los espacios deseados
· Datos obligatorio
· Longitud máxima de una cadena
· Caracteres permitidos para una cadena - Formato
· Validez de una fecha - Rango de valores
· Validez de un número - Rango de valores
· Validez de una dirección de correo electrónico
· Intercambiar un archivo entre el cliente y el servidor
· Enviar un archivo desde el cliente (upload)
· Descargar un archivo desde el servidor (download)
· Trabajo con bases de batos
· Acceder a las bases de datos
· El concepto de fetch
· Conexión y desconexión
· Obtener información sobre el servidor MySQL
· Obtener información en caso de error de conexión
· Seleccionar una base de datos
· Utilizar consultas no preparadas
· Conocer el número de líneas del resultado de una consulta de lectura
· Extraer el resultado de una consulta de lectura
· Obtener información sobre el resultado de una consulta de actualización
· Gestionar los errores
· Utilizar consultas preparadas
· Preparar una consulta
· Asociar variables PHP a los parámetros de la consulta
· Ejecutar la consulta preparada.
· Vincular variables PHP con las columnas del resultado de una consulta de lectura
· Extraer el resultado de una consulta de lectura
· Utilizar un resultado almacenado.
· Obtener información sobre el resultado de una consulta de actualización
· Gestionar los errores
· Llamar a un programa almacenado
· Procedimiento almacenado
· Función almacenada
· Utilización de SQLite
· Ejecutar una consulta
· Vincular las variables de PHP a los parámetros de una consulta preparada
· Ejecutar una consulta preparada
· Ejecutar una consulta no preparada
· Extraer el resultado de una consulta de lectura
· Actualizar los datos y gestionar las transacciones
· Ejemplos de integración en formularios
· Crear una lista de selección en un formulario
· Visualización de una lista
· Formulario de entrada con lista
· Formulario de búsqueda y de introducción de datos
Administrar sesiones
· Administrar las sesiones
· Información general
· Identificación por formulario
· Identificación a través de autenticación HTTP
· Verificar las credenciales de identificación introducidas
· Utilizar cookies
· Utilizar la gestión de sesiones de PHP
· Implementación
· Autogestión de la transmisión del identificador de sesión
· Conservar la información de una visita a otra
· Breve resumen de las variables Get/Post/Cookie/Session
MARKETING DIGITAL
01- INTRODUCCIÓN AL MARKETING DIGITAL
1.1. Marketing Digital
· ¿Qué es el marketing?
· 10 cambios del marketing digital
· Internet y la nueva era del marketing digital Web 2.0
· Nuevos enfoques
· Campañas 2.0
· Marketing Viral
1.2. 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
· Teletrabajo
1.3. Atrayendo clientes en la era digital
· Cambios en las reglas de juego
· Momento cero de la verdad
· Encontrar el público objetivo
· Matriz de toma de decisiones
1.4. Marketing de contenidos
· Realidad actual. El contenido es el rey
· Definición de marketing de contenidos
· Tendencias en el marketing de contenidos
· Nuevas maneras de enfocar el contenido para que sea atractivo al público
· Cada contenido es un arma de doble filo. Todo en la nube se queda almacenado
· La importancia de una estrategia de contenidos
· ¿Cómo generar contenido viral y atractivo?
1.5. 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)
· Proliferación de freelance en el mundo del community manager
02- PLANIFICACIÓN ESTRATÉGICA ONLINE
2.1. Estrategia de marketing online
· Análisis de la situación actual de la empresa
· Las 5 Fuerzas de Porter
· Análisis de las 4 P
Análisis D.A.F.O enfocado a 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
2.2. Redacción de contenidos digitales y 2.0
· Comunicación y gestión de la conversación
· Transmitir mensajes de forma eficaz y atractiva
· Saber escuchar-saber responder
· Formulación correcta de preguntas
· El impacto visual
· Gestión de mensajes dañinos
2.3. Campaña de e-mail marketing
· Ventajas y desventajas del e-mail marketing
· 10 cambios del marketing digital
· 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
2.4. Social Media Plan
· Análisis de la situación actual
· Análisis de la competencia
· 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, Ins-tagram, Blog, etc.
· Herramientas de monitorización de redes sociales
03- GESTIÓN DE SOCIAL MEDIA
3.1. Introducción
· ¿Qué es la web 2.0?
· ¿Qué es una red social?
· El boom de las redes sociales
· Por qué debe estar mi empresa en re-des sociales
· Nueva relación marca/cliente
· ¿Qué se puede compartir en una red social?
· Las redes sociales como fuente de empleo
3.2. Facebook
· Historia
· Facebook en datos
· Usuarios a nivel mundial
· Hábitos diarios
· Plataforma
· Economía/Bolsa
· En España
· Facebook para empresas
· Casos de éxito y acciones que han impactado la manera de utilizar esta red social
· Proceso para crear una cuenta de empresa (Práctica)
· Estrategias de community management: labores, responsabilidad y posibilidades.
· Analítica y promoción a través de esta red social
3.3. Twitter
· Usos de Twitter por parte de las marcas
· Twitter como herramienta de microblogging
· Datos históricos de los usos de Twitter
· Hashtag: creación, seguimiento y usos
· Valor agregado y reputación de las marcas
· Crisis y gestión
· Perfiles personales: qué comunicar y qué aspectos tener en cuenta para alcanzar seguidores
· Generación de contenido: escritura web, uso estratégico de hashtags
· Creación de campañas y participación
· Estrategia online
· Métodos alternativos - Caso Pay with a tweet
3.4. Youtube y Vimeo - Sustituyendo a la televisión
· Creación de una cuenta de Youtube y Vimeo
· Usos y casos de éxito
· Creación de canales y listas de reproducción: posibilidades
· Medición y nuevas métricas de YouTu-be y Vimeo
· Penetración de estas redes sociales en la manera de hacer producciones audiovisuales
· El fenómeno de los blogs
3.5. Instagram
· Historia
· Usuarios a nivel mundial
· Hábitos diarios
· Funciones de la red social
· Creación de cuenta y manejo
· Comprensión de los #Hashtag (introducción a sus usos e importancia)
· La fotografía como medio de expresión y evolución del microblogging
· Campañas de éxito y usos por parte de las empresas
· Puesta en marcha y posibilidades de la red
· Guía para triunfar en Instagram
· Proceso de crear una cuenta de Instagram (Práctica)3.6. Pinterest
· Historia
· Usuarios a nivel mundial
· Hábitos diarios
· Funciones de la red social
· Creación de cuenta y manejo
· Campañas de éxito y usos por parte de las empresas
· Proceso de crear una cuenta de Pinterest (Práctica)
· Pinterest para empresas
· Casos de éxito y acciones que han impactado la manera de utilizar esta red social
· Proceso para crear una cuenta de empresa (Práctica).
· Puesta en marcha y posibilidades de la red3.7. 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 recomen-daciones: cómo obtenerlas
· Actualidad en cualquiera que sea el campo profesional de la persona
3.8. Foursquare
· Usos de la red social
· Herramienta de geo-localización para las empresas
· Posibilidades de la red
· Funciones de la red social
· Uso profesional y personal
· Puesta en marcha de perfiles
3.9. Google+
· Historia
· La red social de Google
· Usuarios a nivel mundial
· Hábitos diarios
· Funciones de la red social
· Creación de cuenta y manejo (Práctica)
· Puesta en marcha y posibilidades de la red
3.10. Blogs
· Usos del blog
· Tipos de plataformas (WordPress, tumblr, blogger)
· Posibilidades con los blogs
· Uso de palabras claves y posiciona-miento web
· Lenguaje y recursos a incluir en una publicación
· Link building
· El blog como herramienta personal
· Consejos para generar contenidos en blogs
04- MARKETING EN BUSCADORES: SEO y SEM
4.1. SEO
· Introducción al Marketing en buscadores
· Usabilidad y accesibilidad web
· Social Media Optimization
· Definición de palabras clave
· Realizar paso a paso una correcta indexación en Google
· SEO On-Page: optimización de contenidos
· Instalación de plugins especializados en SEO
· Top de extensiones de navegación para SEO
· SEO Off-Page: optimización externa
· Construcción natural de enlaces
· 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
· Optimización de entradas a blogs a nivel de SEO
· Optimización de imágenes para SEO
· ¿Cómo diseñar una landing page atractiva?
4.2. SEM
· Introducción a la analítica web-Google Analytics
· Estrategia de publicación de anuncios
· Conversiones y análisis de rentabilidad
· Casos de éxito
· Caso práctico: planificación y desarrollo de estrategia SEM
· Preparación del examen de certificación de Google Adwords
· Campañas de Google Adwords
· Planificador de Palabras Clave y Tipos de Concordancia
· Editor de Adwords y Listas de Remarketing
05- ANALÍTICA WEB
· Introducción a Google Analytics
· Planificación de Objetivos
· Metas, eventos, filtros y canales
· Definición de métricas, tipos de con-versiones
· Google Tag Manager y Test A/B
· Examen Certificación Google Analitycs
· Examen Certificación Adwords Fundamentals
· Examen Certificación Adwords sólo para la red de búsqueda
06- E-COMMERCE
· Introducción a E-Commerce.
· Prestashop y Woocommerce.
· Google Merchant Center y MagentoLeer menos
