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
4.3 (12 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.
50 students enrolled
$19
$35
46% off
Take This Course
  • Lectures 35
  • Length 2 hours
  • Skill Level All Levels
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 6/2016 Spanish

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

What are the 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

What am I going to get from this course?

  • 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

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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introducción a Foundation for Emails 2.
02:38

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

01:55

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

01:23

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

05:28

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

05:28

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

Section 2: Primer Proyecto: Newsletter para una tienda virtual
04:20

Vamos a crear nuestro primer proyecto con Foundation CLI

03:51

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

02:35

Vamos a agregar nuestro logotipo de nuestro primer Proyecto

02:19

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

04:36

Vamos a agregar uno de nuestros productos a nuestro Newsletter 

02:17

En este video agregaremos todos los productos al Newsletter

04:31

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

07:07

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

06:25

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

02:08

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

02:24

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

04:10

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

02:52

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

02:11

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

Section 3: Segundo Proyecto: Newsletter de Blog de Viajes
02:28

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

05:22

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

02:34

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

04:09

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

08:05

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

04:25

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

03:46

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

03:27

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

02:29

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

02:21

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

02:55

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

01:47

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

03:09

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

03:23

Vamos a enviar nuestro diseño por medio de Mailchimp 

02:34

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

01:01

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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Juan Pablo De la torre Valdez, 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.

Ready to start learning?
Take This Course