Foundation for Emails 2: Diseña Increibles Emails Responsive
5.0 (21 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
102 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Foundation for Emails 2: Diseña Increibles Emails Responsive to your Wishlist.

Add to Wishlist

Foundation for Emails 2: Diseña Increibles Emails Responsive

Aprende a Crear tus propios Emails Responsive con el Framework más AVANZADO del mundo y aprende elaborando 2 proyectos
5.0 (21 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
102 students enrolled
Last updated 6/2016
Spanish
Learn Fest Sale
Current price: $10 Original price: $95 Discount: 89% off
3 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2 hours on-demand video
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Desarrollar emails Responsive con Foundation for Emails 2
  • Convertir diseños a e-mail desarrollando 2 proyectos reales
  • Probar tu diseño antes de enviarlo con Litmus
  • Adaptar el Framework Foundation for Emails 2 para adaptarlo a tus necesidades
  • Enviar una campaña por medio de MailChimp
View Curriculum
Requirements
  • Se incluyen guías de instalación para Mac y Windows
  • A lo largo del curso utilizaremos algunos servicios gratuitos como Litmus, Dropbox y MailChimp, así que tener cuentas en estos servicios será necesario en algún punto del curso
  • Si usas Photoshop y quieres tener el diseño original, será necesario tener al menos la versión 6, sino tienes Photoshop no te preocupes, los archivos van incluidos en los materiales del curso
Description

¿Has iniciado un negocio, blog o quieres ofrecer tus servicios por email? ¿Te gustaría crear un diseño único para tu empresa o negocio y no usar las plantillas de otros servicios? Este curso es para ti!

Antes de empezar debo decir que elaborar e-mails para campañas publicitarias es una tarea aburrida, tediosa y cansada, LA BUENA NOTICIA es que este curso te explicará como utilizar FOUNDATION FOR EMAILS 2, el framework más avanzado que con pocas líneas de código te permitirá tener un diseño adaptable a todos los servicios de E-mail.

Aprenderás Foundation for Email 2 y sus mejores funciones como Inliner, Inky, SASS, y componentes como Menús, Grid, Callouts, etc.

Conocerás servicios como Litmus para probar tu e-mail antes de enviarlo y MailChimp para enviarlo a una lista de usuarios.

Crearemos 2 diseños totalmente personalizados que te ayudarán a practicar e implementar cualquier diseño para tu negocio, trabajo o blog.

Al finalizar el curso tendrás todo lo necesario para crear tus propios diseños, probarlos y enviarlos por una de los servicios más populares como MailChimp.

Who is the target audience?
  • Si has intentado crear emails personalizados y encontraste que es una tarea muy frustrante, este curso te hará la vida más fácil
  • Si tienes un blog, negocio o por tu trabajo deseas aprender a crear tus propios mails, este curso es para ti
  • Si quieres ser más eficiente a la hora de diseñar tus emails y que con poco código se vea un producto único ese curso es para ti.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 35 Lectures Collapse All 35 Lectures 02:02:33
+
Introducción a Foundation for Emails 2.
5 Lectures 16:52

Veamos que es Foundation for Emails 2 y por que debes utilizarlo en tu próximo proyecto

Preview 02:38

Vamos a revisar los proyectos finalizados para que sepas lo que haremos durante el curso antes de iniciar

Preview 01:55

Veamos los archivos del Curso incluidos para que puedas tener el mismo diseño que yo

Preview 01:23

En este video instalaremos lo que necesitamos para trabajar en una computadora con Mac

Preview 05:28

Si utilizas Windows este video te ayudará a instalar todo lo necesario para continuar el curso

Preview 05:28
+
Primer Proyecto: Newsletter para una tienda virtual
14 Lectures 51:46

Vamos a crear nuestro primer proyecto con Foundation CLI

Creando el Proyecto
04:20

Famos a familiarnos con la estructura de archivos de Foundation for Emails 2

Revisando la estructura de Archivos de Foundation for Emails 2
03:51

Vamos a agregar nuestro logotipo de nuestro primer Proyecto

Agregando nuestro Logotipo
02:35

Foundation for emails 2 viene con un Grid que te será de gran ayuda para lograr cualquier diseño, vamos viendo como funciona

Introducción al Grid de Foundation for Emails 2
02:19

Vamos a agregar uno de nuestros productos a nuestro Newsletter 

Agregando un Producto a nuestro Newsletter
04:36

En este video agregaremos todos los productos al Newsletter

Agregando todos nuestros productos a nuestro Newsletter
02:17

Vamos a comenzar a crear nuestros primeros estilos de SASS para nuestro diseño

Escribiendo Estilos con SASS
04:31

Ya escritos los primeros estilos de SASS, vamos a finalizar la sección de diseños

Finalizando la sección de Diseños
07:07

Nuestro diseño está casi listo, es momento de agregar un Footer

Agregando un Footer a nuestro diseño
06:25

Para que las imágenes se puedan ver en el correo enviado, es necesario tenerlas en un servidor, de ahí copiar los enlaces y agregarlas al HTML, eso haremos en este video

Enlazando imágenes desde un servidor o Dropbox
02:08

La parte aburrida de crear un e-mail responsive es agregar estilos lineales, en Foundation for emails 2 sólo deberás escribir un comando que hará el resto por ti

Pasando nuestro diseño por Inliner
02:24

Litmus es un servicio gratuito que te permitirá probar tu correo antes de enviarlo y te generará 3 pantallas en su versión gratis, vamos a ver como utilizarlo

Probando con Litmus
04:10

Vamos a enviar nuestro correo por Mailchimp, un servicio que te ofrece un paquete gratis bastante generoso

Enviando a través de MailChimp
02:52

Una vez enviado nuestro diseño, vamos a ver el resultado de nuestro trabajo, revisando el correo desde nuestra computadora y móvil

Viendo nuestro diseño en diferentes navegadores y dispositivos
02:11
+
Segundo Proyecto: Newsletter de Blog de Viajes
16 Lectures 53:55

Vamos a crear nuestro segundo proyecto que consiste en un Newsletter para un blog de viajes

Creando el Proyecto con Foundation CLI
02:28

En este video copiaremos las imágenes que vienen disponibles en los ejercicios del curso

Copiando las imágenes de la segunda Plantilla y creando parciales
05:22

Vamos a comenzar creando el header para nuestro diseño, en esta ocasión utilizaremos otra forma de trabajo para mantener todo más organizado

Creando el Header de nuestro Diseño
02:34

Vamos a crear la sección del Post de la semana para nuestro diseño

Trabajando con el Post de la semana
04:09

Vamos a cambiar algunas variables que tenemos en SASS para que nuestra sección del Post de la semana se vea correctamente

Estilos y Clases para la sección del Post de la semana
08:05

Vamos a continuar nuestro diseño ahora con la segunda parte, la sección de los posts recomendados

Trabajando con la sección de Post Recomendados
04:25

Vamos a agregar la 3ra y última parte del contenido de nuestro email, los tips para viajar :)

Creando la sección de Tips para viajes
03:46

Al haber utilizado los callouts tenemos algunos estilos disponibles por medio de Foundation, vamos a modificarlos y trabajar con ellos

Estilos para la sección de Tips
03:27

Vamos a finalizar la sección de Tips en este video

Últimos ajustes para la sección de Tips
02:29

Vamos a finalizar nuestro diseño creando el footer de nuestro newsletter

Creando el Footer
02:21

Vamos a cambiar los enlaces de nuestro diseño por unos en un servidor (Dropbox) para que sean vistos a la hora de enviar nuestro proyecto

Cambiando las rutas de nuestras imágenes por unas en el servidor
02:55

Antes de probar y enviar nuestro email, es necesario compilarlo, vamos a hacerlo en este video

Compilando nuestro proyecto
01:47

Vamos a probar nuestro diseño con Litmus y veremos porque es importante probar tu diseño antes de enviarlo

Probando en Litmus
03:09

Vamos a enviar nuestro diseño por medio de Mailchimp 

Enviando por MailChimp
03:23

Vamos a revisar los resultados del trabajo que hemos realizado en este segundo correo.

Viendo nuestro email enviado
02:34

Si aprendiste y disfrutaste este curso, te invitó a mi sitio web donde podrás ver enlaces a otros cursos, suscribirte al newsletter y seguirme en las redes sociales :)

Fin del Curso, donde continuar mi aprendizaje
01:01
About the Instructor
Juan Pablo De la torre Valdez
4.6 Average rating
1,994 Reviews
7,378 Students
16 Courses
Freelance Web Developer and Owner of Easy-WebDev

My name is Juan Pablo De la torre Valdez, i´m from Guadalajara. Mexico.
For the last 10 years i been working with the web, i have a lot of experience in modern Web Technologies such as Foundation, Bootstrap, RWD, WordPress, Drupal, PHP, JavaScript & jQuery, HTML5, CSS3, SASS and Photoshop.

I started a company called CreativaWeb where i design and develop WordPress based websites.

I really like to design and develop websites, in the recent years i made hundreds of websites for Government, Universities, Startups and Medium-Size Companies from my city, the whole country and  from another countries.

----------------------------------------------------------------------------------------

Soy diseñador y programador web desde hace más de 10 años, tengo amplia experiencia y trabajo diariamente con tecnologías como Foundation,  Bootstrap, WordPress, Drupal, PHP,JavaScript y jQuery, HTML5, CSS3, SASS y Photoshop.

Comencé una compañia llamada CreativaWeb, donde principalmente diseño y desarrollo sitios web en WordPress.

Me gusta combinar mi trabajo en diseño y programación; en los años anteriores he hecho cientos de páginas para dependencias del Gobierno, Universidades, Pequeños y Medianos de negocios de mi ciudad, a nivel nacional y de otros países.