Síntesis del programa

Durante este diplomado, el participante aprenderá los fundamentos teóricos, prácticos y conceptuales para desarrollar proyectos en la red, así como los mecanismos básicos para proponer esquemas de negocios desde lo digital, poniendo en práctica el desarrollo web desde la conceptualización, planeación, diseño y desarrollo hasta su implementación.

El alumno aprenderá a desarrollar diversos tipos de proyectos web: sitios estáticos, dinámicos, servicios, plataformas y aplicaciones entre otros; para lograrlo, se impartirán fundamentos de programación, diseño web (UX/UI), maquetación, estilos e interacción, además, aprenderá a gestionar y formar parte de proyectos en equipo.

El egresado de este diplomado será capaz de generar proyectos web utilizando tecnología actual conociendo la estructura informática de la web y su relación con desarrollo de aplicaciones, fundamentos bases de datos y administración de servidores, así como aplicar los conocimientos obtenidos para emprender o ingresar en agencias y/o despachos de desarrolladores multimedia.

 

Inicio de curso

Sabatino

Fecha de inicio: Sábado 27 de julio de 2019
Días de sesiones: Sábado
Horario: De 10:00 a 16:00 hrs

Vespertino

Fecha de inicio: 29 de julio de 2019
Horario: De 19:00 a 22:00 hrs
Días de sesiones: Lunes y miércoles

Plan de Estudios

BLOQUE I: INTRODUCCIÓN AL DISEÑO WEB

INTRODUCCIÓN AL DISEÑO UX/ UI

Introducción a UX (IA, IxD, UI)
– Formulación un Proyecto Colectivo
– Creación de Personas”
– Lluvia de ideas para crear Escenarios
– Generación de Historias de Usuario a partir de Escenarios
– Planeación a partir de Historias de Usuario (IxD, IA)
– Introducción a creación de Wireframes
– Introducción a creación de Prototipos interactivos (marvelapp)

INTRODUCCIÓN AL DESARROLLO WEB

– Introducción al internet e introducción al concepto de página web / hipertexto
– Estructura de una Web: Markup (HTML), Estilos (CSS), Interacción (Javascript)
Diseño Móvil Primero (Mobile First)
HTML:
– Qué es Markup?
– Utilización de Emmet para simplificar escritura de HTML y CSS
frameworks: Bootstrap
– Vista General
– Utilizar componentes prefabricados
– Grid ( columnas y flex )”
CSS:
– conceptos básicos  (selectores, sintaxis)
– sistemas para layout
– implementación del diseño “”Holy Grail”” con a) CSS tradicional, b) Flexbox, c) cssgrid, e) bootstrap”
Javascript
– Introducción a la Interacción
– Introducción a la animación
– Ejemplos de utilización de Plugins de jquery

BLOQUE II: WEB DESIGN FUNDAMENTALS

PLANEACIÓN DE PROYECTOS WEB

Arquitectura de la información. Conceptualización de proyecto. Definición del proyecto
Análisis del mercado.
Business Logic
Análisis de la estructura.
Domain name.
Definición del Producto.
Definición de metas, financieras y de funcionalidad.
“Instalar un sistema de control, estadísticas.
Planeación estratégica.”
Brief de proyectos. Project management para web

FUNDAMENTOS DEL DISEÑO WEB

– Implementación de Wireframes en HTML + CSS
– Layouts multidispositivo: media queries
– CSS3: Animaciones y transiciones
– Teoría del Color para Web
– Paletas de color en CSS (http://www.paletton.com)
– Tipografías para la web”
– Utilización de GIT para control de versiones
– Tipos de productos y servicios web (páginas, plataformas, aplicaciones, APIs).
– Consideraciones cross-browser

DISEÑO UX/UI Metodología

Planteamiento y respuestas a un problema de diseño
Fundamentos de agile development
Product Backlog para web development
Ambientes de desarrollo web

INTRODUCCIÓN A LA INTERACCIÓN

Introducción a la Programación
– Variables
– Estructuras de Control
– Funciones
– Estructuras de datos
– Arrays
Uso de AJAX con jQuery
Setup de entorno de desarrollo local.
Introducción a JS: Interacción y animación

BLOQUE III: WEB DEVELOPMENT FUNDAMENTALS

DISEÑO UX/UI Desarrollo e implementación

Revisión de propuestas para el desarrollo de proyectos web
Actores escenarios y casos de uso
Metodología de testing y quality assurance
Plan de mantenimiento y soporte
Asesoría técnica y conceptual a proyectos

DESARROLLO WEB

Setup de entorno de desarrollo local.
HTML5 (APIS) y CSS3 (Animaciones/Transiciones) Avanzado.
Utilización de GIT para trabajo colaborativo
Introduccion a Programacion:Fundamentos de Javascript con jQuery y AJAX.
Elementos de PHP Básico.
Conceptos de Bases de Datos relacionales MYSQL.

DISEÑO UX: Laboratorio de diseño para aplicaciones móviles

Apps: Naturaleza y fundamento. Qué función cumple una App en mi proyecto.
Diseño UX y desarrollo visual del proyecto
Cordova y terminal
HTML5, CSS y JS para móviles
jQuery Mobile
Implementación, testing y quality assurance

BLOQUE IV FRONT END & BACK END DEVELOPMENT

Introduccion a Programacion Orientada a Objetos. Flujo de trabajo con Git Repositorios de código y versionamiento.
Despliegue de aplicaciones a servidores de pruebas y producción. Arquitectura de aplicaciones web por capas (presentación, lógica, datos).
Introducción a Preprocesadores de CSS.
Introducción a Gestión de paquetes con NPM. Arquitectura de aplicaciones web (MVC).
Laboratorio creativo de programación (HTML5 Canvas)
Laboratorio creativo de programación (Processing JS)

Requisitos

Perfil del participante: Diseñadores, comunicadores, y público interesado en incursionar en el campo del diseño web y transitar al desarrollo web.

Requisitos:
– Conocimientos básicos de computación/informática.
– Manejo de plataformas Mac, Windows o Linux.
– Contar con su propia Laptop.
– Conocimiento básico de manipulación de imágenes y gráficos.

Imparte

Imparte: Kai Kraatz / Jonathan Mircha / Michelle Alba
 
KAI KRAATZ

Originario de Alemania, es Licenciado en Bellas Artes y realiza un trabajo multidisciplinario desde el arte, la publicidad, la programación y el diseño, en-focandose en el area digital e interactiva. Cursa talleres certificados de Google Adwords sobre nuevas Estrategias y Actualizaciones. Ha trabajado en diferentes empresas en el área de mercadotecnia implementando las estrategias de Google Adwords como otra línea de publicidad.

Entre todo su trabajo ha desarrollado la integración y uso eficaz de las estrategias de publicidad existentes de las empresas con las que colabora, mejorando y optimizando la presentación y presencia en Web, controlando los costos de operación de las estrategias y la integración de estadísticas como herramienta de evaluación. Ha desarrollado su trabajo en el área de evaluación de ventas, investigación sobre los grupos y tipos de clientes, especificación e individualización de las estrategias de publicidad.

Actualmente es Director de nonobdget productions S.A. de C.V. servicios de tecnología para eventos y empresas chicas.

Jonathan Mircha

Apasionado del desarrollo web, especialista en Javascript, HTML5 o NodeJS. Fundador de Bextlan e instructor en Escuela IT y otras organizaciones. Comparte su afición al mundo de la web con la carrera como maratonista.

MICHELLE ALBA

Autodidacta de vocación y creativo de nacimiento, Soy egresado de la Universidad del Valle de México de la Carrera de Comunicación, cuento con múltiples estudios dentro de Comunicación Digital y el Desarrollo Web, así mismo cuento con 8 años de experiencia dentro del ámbito corporativo, televisivo y agencias.
Actualmente funjo como consultor en diversas agencias así como estratega para el éxito de las mismas.

MIGUEL ESQUIVEL

Nací y crecí en la Ciudad de México, lo cual me ha convertido en un entusiasta del ciclismo urbano. Soy Licenciado en Publicidad, me apasiona el diseño de experiencias de usuario por lo cual soy Adobe Photoshop Certified Expert desde el 2014. También me he mantenido actualizado en mercadotecnia digital, formando parte del programa Google Partners Academy desde 2012, gracias a ello estoy certificado tanto en Google Ads como Google Analytics.

Durante 10 años de trayectoria he diseñado e implementado modelos de negocio basados en medios digitales, desarrollando y consolidando el canal ecommerce tanto en empresas nacionales como trasnacionales, en diversas industrias como la construcción, productos de belleza, seguros y finanzas. Mis mayores logros han sido liderar el crecimiento anual de ecommerce a +1,700% en productos de belleza y +290% en seguros.

Actualmente me desempeño como responsable de implementar y administrar productos financieros en canales digitales, optimizando continuamente la UX de clientes tanto externos como internos. Orientado a incrementar las ventas originadas desde canales digitales mediante proyectos de omnicanalidad, identificación de clientes y CRM.

Durante mi trayectoria he tenido la oportunidad de colaborar en proyectos digitales con las siguientes empresas, entre otras:
Scotiabank
Aeromexico
AXA Seguros
L’Occitane en Provence
Grupo Radio Fórmula
Claro Música

Para saber mas información acerca de este programa mándanos un email y nos comunicaremos lo mas pronto posible.

Nombre*

Email*

Whatsapp*

Programa educativo de tu interés*


* Campos Obligatorios

Descarga nuestro PDF con mas información acerca de este diplomado.

Recent Posts

Start typing and press Enter to search