Diseño Web Desde Cero a Avanzado 45h Curso Completo
4.7 (2,837 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.
9,108 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Diseño Web Desde Cero a Avanzado 45h Curso Completo to your Wishlist.

Add to Wishlist

Diseño Web Desde Cero a Avanzado 45h Curso Completo

Aprende a Diseñar Páginas Web Responsive Design, atractivas, de forma profesional y sin dificultad con HTML5 y CSS3
4.7 (2,837 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.
9,108 students enrolled
Last updated 10/2016
Spanish
Price: $200
30-Day Money-Back Guarantee
Includes:
  • 44.5 hours on-demand video
  • 103 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Crear páginas web con los estándares actuales de HTML5
  • Maquetar sus sitios webs con los estándares actuales de CSS3
  • Saber programar en JavaScript
  • Control de Versiones con Git y GitHub para proyectos en equipos de trabajo
  • Utilizar herramientas de edición de código de un modo más ágil
  • Definir el Diseño y Usabilidad de una página web
  • Hacer diseño Responsive Design y Mobile First
  • Crear Estrategias de posicionamiento SEO para los motores de búsqueda de Google, Yahoo!, Bing, etc.
  • Diseñar Animaciones con CSS3, sin flash. Tanto básicas, intermedias como avanzadas, incluso 3D
  • Saber qué pasos seguir desde cero en el proceso de creación web a través de una Metodología de Trabajo Profesional
View Curriculum
Requirements
  • El curso va desde básico hasta avanzado, no es necesario ningún conocimiento previo. TODO se explica en el Curso
  • Pueden usar Sublime Text para seguir el curso, pero igualmente si desean utilizar otra herramienta, no hay problema
  • Sobre todo, tener ganas de disfrutar aprendiendo!! :)
Description

Contenido del Curso Actualizado en octubre de 2016

Aprende a crear páginas web desde cero y de forma sencilla con los lenguajes más modernos del momento. En este curso aprenderás:

  • HTML5 + CSS3 + JavaScript (Desarrollo de un Proyecto Real)
  • Responsive Design y Mobile First
  • Posicionamiento SEO
  • Control de Versiones con Git y GitHub
  • Diseño y Usabilidad
  • Animaciones CSS sin flash, porque flash ya esta obsoleto
  • Metodología de Trabajo Profesional
  • Nuevas Tendencias


Te animo a que veas cualquiera de las clases que estén accesibles antes de comprar el curso y seguro que desearás ver el resto del curso


A lo largo del curso tendrás varias horas de ejemplos prácticos para que captes bien el sentido de cada concepto y sepas aplicarlo en tus propios proyectos. 

Tendrás varios ejercicios en archivos pdf descargables, así como el código de los ejemplos mostrados en los videos. El curso está estructurado de forma modular, así que tú decides en qué orden ver las secciones, sin necesidad de seguir una secuencia obligatoria. Tienes más de 40 horas de videos que irán aumentando con el tiempo, ya que esté curso estará en constante renovación y ampliación.

Además te transmitiré mi experiencia para que seas un profesional del diseño web. Al final este curso serás capaz de crear una página moderna y atractiva sin ningún problema :)

Permíteme explicarte por qué debes tomar este curso:

Tengo más de 10 años de experiencia tanto como profesor, como tambien Analista-Programador. El formato de mis videos es muy didáctico y ameno, no es como la gran mayoría de cursos en la que te limitas a observar una pantalla y a escuchar una voz de fondo. En mi caso me verás a mí insertado dentro del pantalla, como si estuviera frente a tí explicándote cada punto relacionado con el Diseño Web. Te acompañaré desde el principio, haciendo ejercicios juntos y ayudándote con tus dudas.


  • La importancia de saber HTML5 y CSS3

Si quieres estar realmente actualizado, debes saber los nuevos lenguajes con los que se diseña la web, es decir HTML5 y CSS3, pero esto no es solo conocer las nuevas etiquetas, implica mucho más. En este curso entenderás cómo y cuándo utilizar cada lenguaje.


  • ¿Por qué es tan importante Responsive Design? ¿Y Mobile First?

Aun así, no es suficiente con saber las versiones más modernas de HTML y CSS, es fundamental saber hacer diseños actualizados a las nuevas tendencias. Es decir, Responsive Design y Mobile First, para que tu página se adapte a cada pantalla de cada dispositivo desde la que se visite. Nadie puede decir que es un verdadero profesional si en los tiempos en los que estamos no es capaz de crear sitios webs totalmente adaptables a dispositivos móviles.


  • ¿Realmente importa el Diseño de mi página?

¿Crees que con todo lo dicho hasta ahora es suficiente? NO!!! Tu página solo tendrá éxito si su diseño es atractivo y la experiencia del usuario al navegar en ella es realmente agradable y cómoda. También en este curso aprenderás los principios fundamentales de Diseño y Usabilidad, para garantizar una buena experiencia de usuario.


  • ¿Hay algo más que deba aprender para diferenciarme del resto?

¿Y ahora? ¿Ya serías un verdadero profesional con todo lo mencionado? TAMPOCO!! ¿De qué sirve tener la mejor página del mundo, la más bella, linda y preciosa... si nadie la visita porque no aparece en los resultados de búsqueda de Google? En este curso también aprenderás técnicas de posicionamiento SEO para que el código que escribas, el diseño de tu web, los factores externos y el comportamiento de los usuarios hagan que tu página suba puestos en los resultados que proporcionan los motores de búsqueda como Google, Yahoo!, Bing, etc. De ese modo estarás por encima de la competencia. Sólo de ese modo, podrás decir que todo el esfuerzo que hiciste en crear tu página mereció la pena porque la gente la está encontrando y la está usando.

Normalmente los cursos de diseño web no contienen un apartado de SEO. En este caso tendrás unas 6 horas!!! Todo un curso completo de las técnicas SEO más importantes!


  • ¿Crees que lograr esto es casualidad?

Nada de lo mencionado anteriormente es casualidad. Para lograr esos resultados es necesario seguir una Metodología de Trabajo Profesional. En este curso te enseñaré que etapas debes seguir paso a paso desde el principio hasta el final para que tu sitio web sea de gran calidad en cada uno de los puntos mencionados



  • Aprende a trabajar en equipo y control de versiones con Git y GitHub

Para ser un verdadero profesional, no basta que con que sepas realizar tus propios proyectos, tienes que saber administrar las diferentes versiones del mismo, o trabajar en equipo junto a otros desarrolladores que tambien están participando en el mismo proyecto que tú. Para ello es esencial en el desarrollo moderno aprender Git y GitHub para colaborar en desarrollos en grupo. En este curso tendrás una seccion muy completa, prática y versátil de Git y GitHub, no es el típico temario de comandos y cosas básicas...encontrarás cosas que hasta ahora yo no he visto que tenga ningún otro curso de Git y GitHub, el sistema de control de versiones más extendido y valorado en el ámbito profesional


Un Curso Diferente y en Constante Renovacion

Además de todo lo dicho, en este curso encontrarás contenido único en la red, cómo por ejemplo una amplia sección dedicada a crear animaciones con CSS. Flash ya está muerto, todos los sabemos, pero... ¿te enseñaron a crear animaciones con CSS? Pues...adivínalo !! Exacto !! En este curso también hay un apartado dedicado a las animaciones, un apartado MUY extenso de unas 6 horas. Empezando por efectos sencillos pero muy agradables y pasando por animaciones intermedias hasta llegar a las animaciones más avanzadas en 3 dimensiones, aprenderás a crear cualquier animación que te propongas :)

Y lo mejor es que las nuevas tendencias que se vayan imponiendo en el mundo del diseño web se explicarán en este curso. Para que no te quedes desactualizado.

¿Verdad que es genial? Pues lo mejor de todo es que está a tu alcance. 

Compra el curso y disfruta de todo lo que te está esperando. 

Nos vemos!

José Javier Villena


Who is the target audience?
  • Interesados en aprender HTML y CSS
  • Interesados en SEO
  • Interesados en JavaScript
  • Interesados en Diseño y Usabilidad
  • Quienes quieran hacerse su propia página web
  • Quienes deseen trabajar haciendo páginas web
  • Desarrolladores web que no estén actualizados
  • Interesados en programacion de Juegos
  • Interesados en Git y GitHub
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 387 Lectures Collapse All 387 Lectures 44:34:43
+
Introducción al Curso
2 Lectures 05:41

Aprende a crear páginas web desde cero y de forma sencilla con los lenguajes más modernos del momento. En este curso aprenderás:

  • HTML5
  • CSS3
  • Animaciones CSS sin flash (ya está obsoleto)
  • Diseño y Usabilidad
  • Posicionamiento SEO
  • Nuevas Tendencias
  • Metodología de Trabajo Profesional
  • Responsive Design y Mobile First

Te animo a que veas cualquiera de las clases que estén accesibles antes de comprar el curso y seguro que desearás ver el resto del curso

A lo largo del curso tendrás varias horas de ejemplos prácticos para que captes bien el sentido de cada concepto y sepas aplicarlo en tus propios proyectos. 

Tendrás varios ejercicios en archivos pdf descargables, así como el código de los ejemplos mostrados en los videos. El curso está estructurado de forma modular, así que tú decides en qué orden ver las secciones, sin necesidad de seguir una secuencia obligatoria. Tienes más de 30 horas de videos que irán aumentando con el tiempo, ya que esté curso estará en constante renovación y ampliación.

Además te transmitiré mi experiencia para que seas un profesional del diseño web. Al final este curso serás capaz de crear una página moderna y atractiva sin ningún problema :)

Permíteme explicarte por qué debes tomar este curso:

Tengo más de 10 años de experiencia tanto como profesor, como tambien Analista-Programador. El formato de mis videos es muy didáctico y ameno, no es como la gran mayoría de cursos en la que te limitas a observar una pantalla y a escuchar una voz de fondo. En mi caso me verás a mí insertado dentro del pantalla, como si estuviera frente a tí explicándote cada punto relacionado con el Diseño Web. Te acompañaré desde el principio, haciendo ejercicios juntos y ayudándote con tus dudas.

  • La importancia de saber HTML5 y CSS3

Si quieres estar realmente actualizado, debes saber los nuevos lenguajes con los que se diseña la web, es decir HTML5 y CSS3, pero esto no es solo conocer las nuevas etiquetas, implica mucho más. En este curso entenderás cómo y cuándo utilizar cada lenguaje.

  • ¿Por qué es tan importante Responsive Design? ¿Y Mobile First?

Aun así, no es suficiente con saber las versiones más modernas de HTML y CSS, es fundamental saber hacer diseños actualizados a las nuevas tendencias. Es decir, Responsive Design y Mobile First, para que tu página se adapte a cada pantalla de cada dispositivo desde la que se visite. Nadie puede decir que es un verdadero profesional si en los tiempos en los que estamos no es capaz de crear sitios webs totalmente adaptables a dispositivos móviles.

  • ¿Realmente importa el Diseño de mi página?

¿Crees que con todo lo dicho hasta ahora es suficiente? NO!!! Tu página solo tendrá éxito si su diseño es atractivo y la experiencia del usuario al navegar en ella es realmente agradable y cómoda. También en este curso aprenderás los principios fundamentales de Diseño y Usabilidad, para garantizar una buena experiencia de usuario.

  • ¿Hay algo más que deba aprender para diferenciarme del resto?

¿Y ahora? ¿Ya serías un verdadero profesional con todo lo mencionado? TAMPOCO!! ¿De qué sirve tener la mejor página del mundo, la más bella, linda y preciosa... si nadie la visita porque no aparece en los resultados de búsqueda de Google? En este curso también aprenderás técnicas de posicionamiento SEO para que el código que escribas, el diseño de tu web, los factores externos y el comportamiento de los usuarios hagan que tu página suba puestos en los resultados que proporcionan los motores de búsqueda como Google, Yahoo!, Bing, etc. De ese modo estarás por encima de la competencia. Sólo de ese modo, podrás decir que todo el esfuerzo que hiciste en crear tu página mereció la pena porque la gente la está encontrando y la está usando.

Normalmente los cursos de diseño web no contienen un apartado de SEO. En este caso tendrás unas 6 horas!!! Todo un curso completo de las técnicas SEO más importantes!

  • ¿Crees que lograr esto es casualidad?

Nada de lo mencionado anteriormente es casualidad. Para lograr esos resultados es necesario seguir una Metodología de Trabajo Profesional. En este curso te enseñaré que etapas debes seguir paso a paso desde el principio hasta el final para que tu sitio web sea de gran calidad en cada uno de los puntos mencionados

Un Curso Diferente y en Constante Renovacion

Además de todo lo dicho, en este curso encontrarás contenido único en la red, cómo por ejemplo una amplia sección dedicada a crear animaciones con CSS. Flash ya está muerto, todos los sabemos, pero... ¿te enseñaron a crear animaciones con CSS? Pues...adivínalo !! Exacto !! En este curso también hay un apartado dedicado a las animaciones, un apartado MUY extenso de unas 6 horas. Empezando por efectos sencillos pero muy agradables y pasando por animaciones intermedias hasta llegar a las animaciones más avanzadas en 3 dimensiones, aprenderás a crear cualquier animación que te propongas :)

Y lo mejor es que las nuevas tendencias que se vayan imponiendo en el mundo del diseño web se explicarán en este curso. Para que no te quedes desactualizado.

¿Verdad que es genial? Pues lo mejor de todo es que está a tu alcance. 

Compra el curso y disfruta de todo lo que te está esperando. 

Nos vemos!

José Javier Villena

Preview 02:36

Antes de comenzar a ver las secciones, te explico qué contenido tienen cada una de ellas para que decidas qué ruta tomar. Yo te daré mi consejo personal de en qué orden puede ser más provechoso ver los videos, pero finalmente el curso esta creado de forma modular para que tu puedas tomar el orden que prefieras

Cómo aprovechar al máximo este Curso
03:05
+
HTML5
32 Lectures 03:13:37


Bienvenido a esta
Sección sobre HTML, veremos qué es exactamente HTML, y en especial la versión
5. Hablaremos sobre etiquetas nuevas y obsoletas, y te enseñare qué etiquetas
son las que debes usar para cada parte de una página web. No olvides hacer
los ejercicios y compartirlos con el resto de la clase :)

Preview 02:14


En este capítulo
sobre HTML veremos el siguiente asunto: Qué es HTML

Preview 08:24

Cómo hacer los ejercicios
03:04


Llega el momento de
practica lo último que hemos visto!! Haz la siguiente tarea: Ejercicio 1


Ejercicio 1
13:54


En este capítulo
sobre HTML veremos el siguiente asunto: Qué es HTML5


Preview 04:38


En este capítulo
sobre HTML veremos el siguiente asunto: Etiquetas nuevas de HTML5


Preview 08:56


En este capítulo
sobre HTML veremos el siguiente asunto: Etiquetas obsoletas


Preview 05:45


Llega el momento de
practica lo último que hemos visto!! Haz la siguiente tarea: Ejercicios 2

Ejercicio 2
02:15


En este capítulo
sobre HTML veremos el siguiente asunto: Sintaxis HTML

Sintaxis html
07:20


En este capítulo
sobre HTML veremos el siguiente asunto: Estructura de un HTML

Estructura de un HTML
13:05


En este capítulo
sobre HTML veremos el siguiente asunto: header

Header
05:01


En este capítulo
sobre HTML veremos el siguiente asunto: Etiquetas h1, h2, h3…

Etiquetas h1, h2, h3
08:28


En este capítulo
sobre HTML veremos el siguiente asunto: hgroup

hgroup
04:55


En este capítulo
sobre HTML veremos el siguiente asunto: nav, ul, ol, li

nav, ul, ol, li
06:39


En este capítulo
sobre HTML veremos el siguiente asunto: Enlaces

Preview 15:01


Llega el momento de
practica lo último que hemos visto!! Haz la siguiente tarea: Ejercicio 3

Ejercicio 3
04:32


En este capítulo
sobre HTML veremos el siguiente asunto: p, span

p, span
05:37


En este capítulo
sobre HTML veremos el siguiente asunto: strong, em

strong, em
05:22


Llega el momento de
practica lo último que hemos visto!! Haz la siguiente tarea: Ejercicio 4

Ejercicio 4
05:14


En este capítulo
sobre HTML veremos el siguiente asunto: section

Section
03:34


En este capítulo
sobre HTML veremos el siguiente asunto: article

Article
03:09


En este capítulo
sobre HTML veremos el siguiente asunto: aside

Aside
04:50


En este capítulo
sobre HTML veremos el siguiente asunto: div

Div
04:17


En este capítulo
sobre HTML veremos el siguiente asunto: footer

Footer
04:44


Llega el momento de
practica lo último que hemos visto!! Haz la siguiente tarea: Ejercicio 5

Ejercicio 5
02:13


En este capítulo
sobre HTML veremos el siguiente asunto: figure, figcaption, img

Figure, figcaption, img
10:23


En este capítulo
sobre HTML veremos el siguiente asunto: audio

Audio
02:57


En este capítulo
sobre HTML veremos el siguiente asunto: video

Video
10:57


Llega el momento de
practica lo último que hemos visto!! Haz la siguiente tarea: Ejercicio 6

Ejercicio 6
04:31


En este capítulo
sobre HTML veremos el siguiente asunto: Etiquetas de Formulario

Etiquetas de Formulario
04:55


Llega el momento de
practica lo último que hemos visto!! Haz la siguiente tarea: Ejercicio 7


Ejercicio 7
04:47


Hasta aquí la Sección
de HTML !! Ahora estas listo para avanzar a otro bloque más de contenido :)

Conclusión
01:56
+
CSS3
41 Lectures 06:07:39


Aquí tienes el video
de introducción a la Sección, aprenderas todas las propiedas CSS necesarias para dar el estilo que quieras a tu web, y lo más important: sabrás qué propiedad usar en cada momento, para no probar unas y otras hasta dar con el resultado que buscas despues de varias pruebas y errores, prepárate para disfrutarla!


Preview 01:11


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Qué es CSS a los elementos
HTML en función del resultado final que estemos intentando lograr

Qué es CSS
06:23


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Sintaxis de CSS3 a los
elementos HTML en función del resultado final que estemos intentando lograr

Sintaxis de CSS3
04:51


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Cómo dar estilos a un HTML
a los elementos HTML en función del resultado final que estemos intentando
lograr

Cómo dar estilos a un HTML
16:44


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Normalize a los elementos
HTML en función del resultado final que estemos intentando lograr

Normalize
10:45


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Compatibilizar Navegadores
a los elementos HTML en función del resultado final que estemos intentando
lograr

Compatibilizar Navegadores
08:16


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Prefijos a los elementos
HTML en función del resultado final que estemos intentando lograr

Prefijos
10:06


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Desarrollo Ordenado a los
elementos HTML en función del resultado final que estemos intentando lograr

Desarrollo Ordenado
13:10


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Selectores id, class a los
elementos HTML en función del resultado final que estemos intentando lograr

Selectores id, class
11:44


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Selectores adyacentes,
hermanos, hijos a los elementos HTML en función del resultado final que
estemos intentando lograr

Selectores adyacentes, hermanos, hijos
08:00


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Selectores de Atributos y
Colisión de Estilos a los elementos HTML en función del resultado final que
estemos intentando lograr

Selector de Atributos y Colisión de Estilos
16:47


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Medidas Relativas a los
elementos HTML en función del resultado final que estemos intentando lograr

Medidas Relativas
10:29


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Medidas Absolutas a los
elementos HTML en función del resultado final que estemos intentando lograr

Medidas Absolutas
08:33


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Medidas Porcentuales a los
elementos HTML en función del resultado final que estemos intentando lograr

Medidas Porcentuales
06:39


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Colores con Palabras
Reservadas a los elementos HTML en función del resultado final que estemos
intentando lograr

Colores con Palabras Reservadas
06:50


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Colores con RGB Decimal a
los elementos HTML en función del resultado final que estemos intentando
lograr

Preview 07:48


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Colores con RGB
Hexadecimal a los elementos HTML en función del resultado final que estemos
intentando lograr

Colores con RGB Hexadecimal
07:00


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Colores RGB Porcentual a
los elementos HTML en función del resultado final que estemos intentando
lograr

Colores con RGB Porcentual
05:18


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Colores con HSL a los
elementos HTML en función del resultado final que estemos intentando lograr

Colores con HSL
04:07


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Colores con Transparencia
a los elementos HTML en función del resultado final que estemos intentando
lograr

Colores con Transparencia
04:53


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Modelo de Caja a los
elementos HTML en función del resultado final que estemos intentando lograr

Modelo de Caja
10:52


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Tamaño de un Elemento HTML
a los elementos HTML en función del resultado final que estemos intentando
lograr

Tamaño de un Elemento HTML
04:40


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Margin y Padding a los
elementos HTML en función del resultado final que estemos intentando lograr

Margin y Padding
10:57


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Display a los elementos
HTML en función del resultado final que estemos intentando lograr

Display
06:07


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Position Static, Relative,
Absolute y Fixed a los elementos HTML en función del resultado final que
estemos intentando lograr

Position Static, Relative, Absolute y Fixed
12:34


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Float y Clear a los
elementos HTML en función del resultado final que estemos intentando lograr

Float y Clear
05:43


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Visibilidad a los
elementos HTML en función del resultado final que estemos intentando lograr

Visibilidad
10:30


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre PseudoElementos a los
elementos HTML en función del resultado final que estemos intentando lograr

PseudoElementos
08:15


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre PseudoClases de Enlace a
los elementos HTML en función del resultado final que estemos intentando
lograr

PseudoClases de Enlaces
08:23


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre PseudoClases Globales a
los elementos HTML en función del resultado final que estemos intentando
lograr

PseudoClases Globales
07:02


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre PseudoClases Avanzadas a
los elementos HTML en función del resultado final que estemos intentando
lograr

BONUS: PseudoClases Avanzadas
10:21


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Añadir Fuentes a los
elementos HTML en función del resultado final que estemos intentando lograr

Preview 11:48


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Propiedades de las Fuentes
a los elementos HTML en función del resultado final que estemos intentando
lograr

Propiedades de las Fuentes
14:39


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Bordes a los elementos
HTML en función del resultado final que estemos intentando lograr

Bordes
12:02


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Sombras a los elementos
HTML en función del resultado final que estemos intentando lograr

Sombras
11:02


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Fondos con imagen a los
elementos HTML en función del resultado final que estemos intentando lograr

Fondos con imagen
09:29


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Fondos con degradados a
los elementos HTML en función del resultado final que estemos intentando
lograr

Fondos con degradados
05:08


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Transform a los elementos
HTML en función del resultado final que estemos intentando lograr

Transform
12:36


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Transition a los elementos
HTML en función del resultado final que estemos intentando lograr

Transition
07:47


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Combinar Transformaciones
a los elementos HTML en función del resultado final que estemos intentando
lograr

Combinar Transformaciones
03:18


En este capítulo
sobre CSS veremos como aplicar conocimientos sobre Responsive Design y Mobile
First a los elementos HTML en función del resultado final que estemos
intentando lograr

Responsive Design y Mobile First
14:52
+
Sección BONUS: Sublime Text
5 Lectures 39:42

Aqui te comparto la forma de utilizar la misma herramienta que yo usare durante el curso, no es obligatorio, puedes usar el IDE que más te guste

Instalación de Sublime Text
05:21

Si quieres usar el paquete emmet para ser más ágil en el desarrollo te indico como hacerlo, tendrás que entrar a este enlace


Paquete Emmet
05:39

Sublime Text nos permite además usar la herramienta ColorPicker para seleccionar los colores sin necesidad de cambiar de ventana

Paquete ColorPicker
07:01

Aquí tienes algunos de los muchos atajos de teclado que hay para escribir código de forma mucho mucho mucho más rapida que la tradicional

Atajos de Teclado (Shortcuts) para HTML
12:18

Si quieres sacarle el máximo rendimiento a la herramienta Sublime Text, este video te mostrará como hacerlo

Atajos de Teclado (Shortcuts) para Sublime Text
09:23
+
Efectos y Animaciones CSS3
62 Lectures 06:19:12


Aquí tienes el video
de introducción a la Sección, prepárate para disfrutarla!

Introducción a los Efectos
04:09


En este capítulo
sobre efectos básicos en tu sitio web hablaremos sobre Pseudoelementos


Pseudoelementos
05:00


En este capítulo
sobre efectos básicos en tu sitio web hablaremos sobre Pseudoclases


PseudoClases
06:31


En este capítulo
sobre efectos básicos en tu sitio web hablaremos sobre Técnicas de Camuflaje

Preview 02:47


En este capítulo
sobre efectos básicos en tu sitio web hablaremos sobre Triángulo Lateral

Triángulo Lateral
09:59


En este capítulo
sobre efectos básicos en tu sitio web hablaremos sobre Triángulo Fijo

Triángulo Fijo
06:00


En este capítulo
sobre efectos básicos en tu sitio web hablaremos sobre Esquina de Página

Preview 06:33


En este capítulo
sobre efectos básicos en tu sitio web hablaremos sobre Sombra Fija

Sombra Fija
07:27


En este capítulo
sobre efectos básicos en tu sitio web hablaremos sobre Sombra Difuminada

Sombra Difuminada
02:25


En este capítulo
sobre efectos básicos en tu sitio web hablaremos sobre Sombra Radial

Sombra Radial
07:49


En este capítulo
sobre efectos básicos en tu sitio web hablaremos sobre Sombra Externa

Sombra Externa
04:28


En este capítulo
sobre efectos básicos en tu sitio web hablaremos sobre Iluminación

Iluminación
04:23


En este capítulo
sobre efectos básicos en tu sitio web hablaremos sobre Resalte de Borde


Resalte de Borde
05:05


En este capítulo
sobre efectos básicos en tu sitio web hablaremos sobre Borde Interno

Borde Interno
05:57


En este capítulo
sobre efectos básicos en tu sitio web hablaremos sobre Expansión de Borde

Expansión de Borde
04:29


En este capítulo
sobre efectos básicos en tu sitio web hablaremos sobre Recogida de Borde

Recogida de Borde
04:01


En este capítulo
sobre efectos básicos en tu sitio web hablaremos sobre Redondeado de Esquinas

Redondeado de Esquinas
02:35


En este capítulo
sobre efectos básicos en tu sitio web hablaremos sobre Borde Inferior de
Menús


Borde Inferior de Menús
08:50


Aquí tienes el video
de introducción a Keyframes, prepárate para dar un paso más y empezar a crear
animaciones!!


Introducción a Keyframes
02:46


En este capítulo
sobre animaciones CSS3 hablaremos sobre Estructura de un Keyframe

Preview 10:12


En este capítulo
sobre animaciones CSS3 hablaremos sobre Animación Flash

Animación Flash
06:20


En este capítulo
sobre animaciones CSS3 hablaremos sobre Animación Click

Animación Click
03:21


En este capítulo
sobre animaciones CSS3 hablaremos sobre Animación Chicle

Animación Chicle
05:40


En este capítulo
sobre animaciones CSS3 hablaremos sobre Animación Vibrador

Animación Vibrador
06:55


En este capítulo
sobre animaciones CSS3 hablaremos sobre Animación Cartel

Animación Cartel
04:50


En este capítulo
sobre animaciones CSS3 hablaremos sobre Animación Balanceo

Animación Balanceo
06:09


En este capítulo
sobre animaciones CSS3 hablaremos sobre Animación Vaivén

Animación Vaivén
05:30


En este capítulo
sobre animaciones CSS3 hablaremos sobre Animación Caída

Animación Caída
08:32


En este capítulo
sobre animaciones CSS3 hablaremos sobre Animación ioRotativo

Animacion ioRotativo
06:39


En este capítulo
sobre animaciones CSS3 hablaremos sobre Animación Rebote

Animación Rebote
04:57


En este capítulo
sobre animaciones CSS3 hablaremos sobre Animación ReboteIn

Animación ReboteIn
04:20


En este capítulo
sobre animaciones CSS3 hablaremos sobre Animación ReboteIn Variantes

Animación ReboteIn Variantes
07:01


En este capítulo
sobre animaciones CSS3 hablaremos sobre Animación ReboteOut

Animación ReboteOut
05:50


En este capítulo
sobre animaciones CSS3 hablaremos sobre Animación ReboteOut Variantes

Animación ReboteOut Variantes
04:27


En este capítulo
sobre animaciones CSS3 hablaremos sobre Animación FadeIn

Preview 04:40


En este capítulo
sobre animaciones CSS3 hablaremos sobre Animación FadeIn Variantes

Animación FadeIn Variantes
05:28


En este capítulo
sobre animaciones CSS3 hablaremos sobre Animación VelozIn

Animación VelozIn
05:35


En este capítulo
sobre animaciones CSS3 hablaremos sobre Animación VelozOut

Animación VelozOut
06:21


En este capítulo
sobre animaciones CSS3 hablaremos sobre Animación Giro

Animación Giro
04:20


En este capítulo
sobre animaciones CSS3 hablaremos sobre Animación Giro Variantes

Animación Giro Variantes
05:07


En este capítulo
sobre animaciones CSS3 hablaremos sobre Animación Sombra Móvil

Preview 05:04


En este capítulo
sobre animaciones CSS3 hablaremos sobre Animación Arrow

Animación Arrow
06:29


Ahora sí subimos a un
nivel avanzado con animaciones 3D !! Prepárate para que tu cabeza estalle

Introduccion a Animaciones 3D
02:18


En este capítulo
sobre animaciones CSS3 veremos Perspective 3D

Perspective 3D
07:07


En este capítulo
sobre animaciones CSS3 veremos GiroY 3D

GiroY 3D
03:17


En este capítulo
sobre animaciones CSS3 veremos GiroOut 3D

GiroOut 3D
03:38


En este capítulo
sobre animaciones CSS3 veremos Translate Z

TranslateZ
09:17


En este capítulo
sobre animaciones CSS3 veremos Esqueleto de un Cubo

Esqueleto de un Cubo
08:11


En este capítulo
sobre animaciones CSS3 veremos Cubo Lateral

Cubo Lateral
07:00


En este capítulo
sobre animaciones CSS3 veremos Bola del Mundo

Bola del Mundo
07:06


En este capítulo
sobre animaciones CSS3 veremos Texto 3D

Texto 3D
05:42


En este capítulo
sobre animaciones CSS3 veremos Cubo Rubyk

Cuby Rubyk
13:38


En este capítulo
sobre animaciones CSS3 veremos Pirámide Triangular

Pirámide Triangular
14:18


Iniciamos un proyecto
donde aplicar las propiedades vistas anteriormente. Crearemos un reloj
tridimensional

Presentación de Proyecto 3D
00:46


En este video veremos
como la fase de Creación de Rueda en el proceso de desarrollo del reloj

Creación de Rueda
09:22


En este video veremos
como la fase de Giro de Rueda en el proceso de desarrollo del reloj

Giro de Rueda
09:06


En este video veremos
como la fase de Reloj Completo en el proceso de desarrollo del reloj

Reloj Completo
05:06


En este video veremos
como la fase de Giros Sincronizados en el proceso de desarrollo del reloj

Giros Sincronizados
11:13


En este video veremos
como la fase de Llenar Rueda en el proceso de desarrollo del reloj

Llenar Rueda
11:28


En este video veremos
como la fase de Hora Actual en el proceso de desarrollo del reloj

Hora Actual
07:56


Final del proyecto,
te mostraré los cambios en el código que tuve que hacer para dejar el
resultado definitivo

Reloj Final
03:54


Llegamos al final de
esta Sección, espero que la hayas disfrutado, pero no te detengas aquí,
continúa con el resto del curso! :)

Conclusión de la Sección
03:48
+
Tendencias de Efectos y Diseños
2 Lectures 15:09

En esta sección ire renovando contenidos de acuerdo a las nuevas tendencias que se impongan en el mundo del diseño web de forma clara

Preview 02:54

Hoy en día los primitivos botones de redes sociales como twitter o facebook han pasado a la historia, no encajan con el patron de diseño plano y rectangular (más armónico con el diseño en grillas) que se utilizan en estos tiempos. Por lo tanto aquí tienes un ejemplo de como implementar los botones para compartir tu página por twitter, facebook o whatsapp con un diseño moderno, de acuerdo a material design. 

Botones de Redes Sociales con Material Design
12:15
+
Posicionamiento SEO
59 Lectures 05:58:59


Aquí tienes el video
de introducción a la Sección, prepárate para disfrutarla!

Preview 05:36


Antes de continuar,
practiquemos lo último que hemos aprendido, haz el siguiente Ejercicio:
Google Analytics y participa con tus comentarios comentando tu propio
ejercicio, puedes compartirlo si lo deseas a través de links de capturas de
pantalla con la herramienta gyazo

Ejercicio Google Analytics
04:20


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Herramienta woorank para que
tengas presente este asunto a la hora de definir tu sitio web y gane puestos
en el rankeo en lugar de perder posiciones con respecto a tus rivales

Herramienta woorank
07:11


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Caracteristicas Generales para que
tengas presente este asunto a la hora de definir tu sitio web y gane puestos
en el rankeo en lugar de perder posiciones con respecto a tus rivales

Características generales
14:15


Antes de continuar,
practiquemos lo último que hemos aprendido, haz el siguiente Ejercicio:
woorank y participa con tus comentarios comentando tu propio ejercicio,
puedes compartirlo si lo deseas a través de links de capturas de pantalla con
la herramienta gyazo

Ejercicio woorank
02:18


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Antigüedad del dominio para que
tengas presente este asunto a la hora de definir tu sitio web y gane puestos
en el rankeo en lugar de perder posiciones con respecto a tus rivales

Antigüedad del dominio
10:54


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Nombre del dominio para que tengas
presente este asunto a la hora de definir tu sitio web y gane puestos en el
rankeo en lugar de perder posiciones con respecto a tus rivales

Nombre del dominio
08:45


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Historial del dominio para que
tengas presente este asunto a la hora de definir tu sitio web y gane puestos
en el rankeo en lugar de perder posiciones con respecto a tus rivales

Historial del dominio
03:49


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Extensión del dominio para que
tengas presente este asunto a la hora de definir tu sitio web y gane puestos
en el rankeo en lugar de perder posiciones con respecto a tus rivales

Extensión del dominio
07:21


Antes de continuar,
practiquemos lo último que hemos aprendido, haz el siguiente Ejercicio:
nombre del dominio y participa con tus comentarios comentando tu propio
ejercicio, puedes compartirlo si lo deseas a través de links de capturas de
pantalla con la herramienta gyazo

Ejercicio nombre del dominio
04:50


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Meta owner y meta author para que
tengas presente este asunto a la hora de definir tu sitio web y gane puestos
en el rankeo en lugar de perder posiciones con respecto a tus rivales

Meta owner y meta author
09:42


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Qué es una keyword y cómo
elegirlas para que tengas presente este asunto a la hora de definir tu sitio
web y gane puestos en el rankeo en lugar de perder posiciones con respecto a
tus rivales

Preview 12:57


Antes de continuar,
practiquemos lo último que hemos aprendido, haz el siguiente Ejercicio:
Buscar Keywords y participa con tus comentarios comentando tu propio
ejercicio, puedes compartirlo si lo deseas a través de links de capturas de
pantalla con la herramienta gyazo

Ejercicio buscar Keywords
02:50


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Keywords en title para que tengas
presente este asunto a la hora de definir tu sitio web y gane puestos en el
rankeo en lugar de perder posiciones con respecto a tus rivales

Keyword en title
10:57


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Keywords en el description para
que tengas presente este asunto a la hora de definir tu sitio web y gane
puestos en el rankeo en lugar de perder posiciones con respecto a tus rivales

Keywords en el meta description
08:00


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Meta Keyword para que tengas
presente este asunto a la hora de definir tu sitio web y gane puestos en el
rankeo en lugar de perder posiciones con respecto a tus rivales

Meta Keyword
06:54


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Keywords en h1, h2, etc para que
tengas presente este asunto a la hora de definir tu sitio web y gane puestos
en el rankeo en lugar de perder posiciones con respecto a tus rivales


Keyword en h1, h2, etc
07:10


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Keywords en el contenido para que
tengas presente este asunto a la hora de definir tu sitio web y gane puestos
en el rankeo en lugar de perder posiciones con respecto a tus rivales

Keywords en el contenido
07:46


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Keywords en la url para que tengas
presente este asunto a la hora de definir tu sitio web y gane puestos en el
rankeo en lugar de perder posiciones con respecto a tus rivales


Keyword en la url
03:57


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Keywords en archivos multimedia
para que tengas presente este asunto a la hora de definir tu sitio web y gane
puestos en el rankeo en lugar de perder posiciones con respecto a tus rivales

Keywords en archivos multimedia
04:30


Antes de continuar,
practiquemos lo último que hemos aprendido, haz el siguiente Ejercicio:
Implementar Keywords en la página y participa con tus comentarios comentando
tu propio ejercicio, puedes compartirlo si lo deseas a través de links de
capturas de pantalla con la herramienta gyazo

Ejercicio implementar keywords en la página
13:29


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Meta robots para que tengas
presente este asunto a la hora de definir tu sitio web y gane puestos en el
rankeo en lugar de perder posiciones con respecto a tus rivales

Meta robots
05:46


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Robots.txt para que tengas
presente este asunto a la hora de definir tu sitio web y gane puestos en el
rankeo en lugar de perder posiciones con respecto a tus rivales

Robots.txt
03:53


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Sitemap para que tengas presente
este asunto a la hora de definir tu sitio web y gane puestos en el rankeo en
lugar de perder posiciones con respecto a tus rivales

Sitemap
12:02


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Validacion w3c para que tengas
presente este asunto a la hora de definir tu sitio web y gane puestos en el
rankeo en lugar de perder posiciones con respecto a tus rivales

Validación w3c
06:13


Antes de continuar,
practiquemos lo último que hemos aprendido, haz el siguiente Ejercicio:
Limpieza de Código Obsoleto y participa con tus comentarios comentando tu
propio ejercicio, puedes compartirlo si lo deseas a través de links de
capturas de pantalla con la herramienta gyazo

Ejercicio limpieza de código obsoleto
03:48


Antes de continuar,
practiquemos lo último que hemos aprendido, haz el siguiente Ejercicio:
validar página en w3c y participa con tus comentarios comentando tu propio
ejercicio, puedes compartirlo si lo deseas a través de links de capturas de
pantalla con la herramienta gyazo

Ejercicio validar página en w3c
02:47


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Consejos Técnicos para que tengas
presente este asunto a la hora de definir tu sitio web y gane puestos en el
rankeo en lugar de perder posiciones con respecto a tus rivales

Consejos Técnicos
09:32


Antes de continuar,
practiquemos lo último que hemos aprendido, haz el siguiente Ejercicio:
Optimizar archivos .css y participa con tus comentarios comentando tu propio
ejercicio, puedes compartirlo si lo deseas a través de links de capturas de
pantalla con la herramienta gyazo

Ejercicio optimizar archivos css
04:01


Antes de continuar,
practiquemos lo último que hemos aprendido, haz el siguiente Ejercicio:
Optimizar archivos .js y participa con tus comentarios comentando tu propio
ejercicio, puedes compartirlo si lo deseas a través de links de capturas de
pantalla con la herramienta gyazo

Ejercicio optimizar archivos js
03:06


En este capítulo
sobre Posicionamiento SEO hablaremos sobre NO uses flash para que tengas
presente este asunto a la hora de definir tu sitio web y gane puestos en el
rankeo en lugar de perder posiciones con respecto a tus rivales

NO uses flash
03:04


Antes de continuar,
practiquemos lo último que hemos aprendido, haz el siguiente Ejercicio:
Reemplazar animaciones flash por css y participa con tus comentarios
comentando tu propio ejercicio, puedes compartirlo si lo deseas a través de
links de capturas de pantalla con la herramienta gyazo

Ejercicio reemplazar animaciones flash por css
02:08


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Redireccion 301 para que tengas
presente este asunto a la hora de definir tu sitio web y gane puestos en el
rankeo en lugar de perder posiciones con respecto a tus rivales

Redirección 301
03:36


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Links rotos para que tengas
presente este asunto a la hora de definir tu sitio web y gane puestos en el
rankeo en lugar de perder posiciones con respecto a tus rivales

Links rotos
06:35


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Links internos y salientes para
que tengas presente este asunto a la hora de definir tu sitio web y gane
puestos en el rankeo en lugar de perder posiciones con respecto a tus rivales

Links Internos y Salientes
08:37


En este capítulo
sobre Posicionamiento SEO hablaremos sobre BackLinks para que tengas presente
este asunto a la hora de definir tu sitio web y gane puestos en el rankeo en
lugar de perder posiciones con respecto a tus rivales

Backlinks
10:47


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Error 404 para que tengas presente
este asunto a la hora de definir tu sitio web y gane puestos en el rankeo en
lugar de perder posiciones con respecto a tus rivales

Error 404
03:40


Antes de continuar,
practiquemos lo último que hemos aprendido, haz el siguiente Ejercicio: Error
404 y participa con tus comentarios comentando tu propio ejercicio, puedes
compartirlo si lo deseas a través de links de capturas de pantalla con la
herramienta gyazo

Ejercicio error 404
03:07


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Contenido nuevo y magnitud para
que tengas presente este asunto a la hora de definir tu sitio web y gane
puestos en el rankeo en lugar de perder posiciones con respecto a tus rivales

Contenido Nuevo y Magnitud del Contenido
04:22


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Elementos Multimedia para que
tengas presente este asunto a la hora de definir tu sitio web y gane puestos
en el rankeo en lugar de perder posiciones con respecto a tus rivales

Elementos Multimedia
04:38


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Videos de YouTube para que tengas
presente este asunto a la hora de definir tu sitio web y gane puestos en el
rankeo en lugar de perder posiciones con respecto a tus rivales

Videos de YouTube
05:00


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Estructura del código HTML para
que tengas presente este asunto a la hora de definir tu sitio web y gane
puestos en el rankeo en lugar de perder posiciones con respecto a tus rivales

Preview 07:48


Antes de continuar,
practiquemos lo último que hemos aprendido, haz el siguiente Ejercicio:
Estructura del código HTML y participa con tus comentarios comentando tu
propio ejercicio, puedes compartirlo si lo deseas a través de links de
capturas de pantalla con la herramienta gyazo

Ejercicio estructura del código HTML
02:37


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Arquitectura de directorios del
sitio para que tengas presente este asunto a la hora de definir tu sitio web
y gane puestos en el rankeo en lugar de perder posiciones con respecto a tus
rivales

Arquitectura de directorios del sitio
06:24


Antes de continuar,
practiquemos lo último que hemos aprendido, haz el siguiente Ejercicio:
Revisión de arquitectura de directorios y participa con tus comentarios
comentando tu propio ejercicio, puedes compartirlo si lo deseas a través de
links de capturas de pantalla con la herramienta gyazo

Ejercicio revisión de arquitectura de directorios
05:37


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Página de Contacto y Términos de
uso para que tengas presente este asunto a la hora de definir tu sitio web y
gane puestos en el rankeo en lugar de perder posiciones con respecto a tus
rivales

Contacto y Términos de Uso
03:58


Antes de continuar,
practiquemos lo último que hemos aprendido, haz el siguiente Ejercicio:
Formulario de Contacto y participa con tus comentarios comentando tu propio
ejercicio, puedes compartirlo si lo deseas a través de links de capturas de
pantalla con la herramienta gyazo

Ejercicio formulario de contacto
07:42


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Gramática y Ortografía para que
tengas presente este asunto a la hora de definir tu sitio web y gane puestos
en el rankeo en lugar de perder posiciones con respecto a tus rivales

Preview 06:59


Antes de continuar,
practiquemos lo último que hemos aprendido, haz el siguiente Ejercicio:
Ortografía y participa con tus comentarios comentando tu propio ejercicio,
puedes compartirlo si lo deseas a través de links de capturas de pantalla con
la herramienta gyazo

Ejercicio ortografía
02:57


En este capítulo
sobre Posicionamiento SEO hablaremos sobre IP y Ubicación del servidor para
que tengas presente este asunto a la hora de definir tu sitio web y gane
puestos en el rankeo en lugar de perder posiciones con respecto a tus rivales

IP y Ubicación del Servidor
07:06


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Cloaking para que tengas presente
este asunto a la hora de definir tu sitio web y gane puestos en el rankeo en
lugar de perder posiciones con respecto a tus rivales

Cloaking
04:03


En este capítulo
sobre Posicionamiento SEO hablaremos sobre Google Analytics para que tengas
presente este asunto a la hora de definir tu sitio web y gane puestos en el
rankeo en lugar de perder posiciones con respecto a tus rivales

Google Analytics
04:32


Antes de continuar,
practiquemos lo último que hemos aprendido, haz el siguiente Ejercicio: Datos
de Analytics y participa con tus comentarios comentando tu propio ejercicio,
puedes compartirlo si lo deseas a través de links de capturas de pantalla con
la herramienta gyazo

Ejercicio datos de analytics
06:08


Llegamos al final de
esta Sección, espero que la hayas disfrutado, pero no te detengas aquí,
continúa con el resto del curso! :)

Conclusión
02:51


En este capítulo
sobre Posicionamiento SEO hablaremos sobre BackLinks cómo programar
publicaciones en Twitter para que tengas presente este asunto a la hora de
definir tu sitio web y gane puestos en el rankeo en lugar de perder
posiciones con respecto a tus rivales

Bonus: Cómo programar contenido en Twitter
06:43


En este capítulo
sobre Posicionamiento SEO hablaremos sobre BackLinks cómo programar
publicaciones en Facebook para que tengas presente este asunto a la hora de
definir tu sitio web y gane puestos en el rankeo en lugar de perder
posiciones con respecto a tus rivales

Bonus: Cómo programar contenido en Facebook
03:42


En este capítulo
sobre Posicionamiento SEO hablaremos sobre BackLinks cómo programar
publicaciones en YouTube para que tengas presente este asunto a la hora de
definir tu sitio web y gane puestos en el rankeo en lugar de perder
posiciones con respecto a tus rivales

Bonus: Cómo programar contenido en YouTube
05:25


Antes de continuar,
practiquemos lo último que hemos aprendido, haz el siguiente Ejercicio:
Programar Post en Instagram y participa con tus comentarios comentando tu
propio ejercicio, puedes compartirlo si lo deseas a través de links de
capturas de pantalla con la herramienta gyazo

Ejercicio programar post en Instagram
03:02


Antes de continuar,
practiquemos lo último que hemos aprendido, haz el siguiente Ejercicio:
Calendario de Publicaciones y participa con tus comentarios comentando tu
propio ejercicio, puedes compartirlo si lo deseas a través de links de
capturas de pantalla con la herramienta gyazo

Ejercicio calendario de Publicaciones
07:12
+
DIseño y Usabilidad (UX)
16 Lectures 02:21:45


Aquí tienes el video
de introducción a la Sección, prepárate para disfrutarla!

Preview 02:37


En este capítulo
sobre Diseño y Usabilidad hablaremos sobre Tiempo de Carga y cómo incide este
asunto en la experiencia de usuario, para que sepas cómo tenerlo en cuenta a
la hora de dar una mejor usabilidad a tu sitio web

Tiempo de Carga
17:46


Llegó la hora de
practica lo último que hemos visto! Anda muy atento, normalmente en estos
videos de ejercicios suelo regalar alguna "perla" extra, y por
supuesto…no olvides compartir tu ejercicio con el resto! ;)

Ejercicio reducir tamaño de archivos e imágenes
05:15


En este capítulo
sobre Diseño y Usabilidad hablaremos sobre Cómo medir la experiencia de
usuario y cómo incide este asunto en la experiencia de usuario, para que
sepas cómo tenerlo en cuenta a la hora de dar una mejor usabilidad a tu sitio
web

Cómo medir la experiencia de usuario
09:42


En este capítulo
sobre Diseño y Usabilidad hablaremos sobre Spam Publicitario y cómo incide
este asunto en la experiencia de usuario, para que sepas cómo tenerlo en
cuenta a la hora de dar una mejor usabilidad a tu sitio web

Spam Publicitario
07:31


En este capítulo
sobre Diseño y Usabilidad hablaremos sobre Seguridad https y cómo incide este
asunto en la experiencia de usuario, para que sepas cómo tenerlo en cuenta a
la hora de dar una mejor usabilidad a tu sitio web

Seguridad https
08:40


En este capítulo
sobre Diseño y Usabilidad hablaremos sobre Responsive Design y cómo incide
este asunto en la experiencia de usuario, para que sepas cómo tenerlo en
cuenta a la hora de dar una mejor usabilidad a tu sitio web

Responsive Design
08:03


En este capítulo
sobre Diseño y Usabilidad hablaremos sobre Cómo combinar los colores y cómo
incide este asunto en la experiencia de usuario, para que sepas cómo tenerlo
en cuenta a la hora de dar una mejor usabilidad a tu sitio web

Cómo combinar los colores
09:38


En este capítulo
sobre Diseño y Usabilidad hablaremos sobre Qué colores usar y cómo incide
este asunto en la experiencia de usuario, para que sepas cómo tenerlo en
cuenta a la hora de dar una mejor usabilidad a tu sitio web

Qué colores usar
06:36


En este capítulo
sobre Diseño y Usabilidad hablaremos sobre Tipografías (parte1) y cómo incide
este asunto en la experiencia de usuario, para que sepas cómo tenerlo en
cuenta a la hora de dar una mejor usabilidad a tu sitio web

Tipografías parte 1
08:31


En este capítulo
sobre Diseño y Usabilidad hablaremos sobre Tipografías (parte2) y cómo incide
este asunto en la experiencia de usuario, para que sepas cómo tenerlo en
cuenta a la hora de dar una mejor usabilidad a tu sitio web

Tipografías parte 2
12:31


En este capítulo
sobre Diseño y Usabilidad hablaremos sobre Fuentes Vectoriales y cómo incide
este asunto en la experiencia de usuario, para que sepas cómo tenerlo en
cuenta a la hora de dar una mejor usabilidad a tu sitio web

Preview 12:28


En este capítulo
sobre Diseño y Usabilidad hablaremos sobre Mockup del Diseño y cómo incide
este asunto en la experiencia de usuario, para que sepas cómo tenerlo en
cuenta a la hora de dar una mejor usabilidad a tu sitio web

Mockup del Diseño
07:50


En este capítulo
sobre Diseño y Usabilidad hablaremos sobre Responsive Luminoso y cómo incide
este asunto en la experiencia de usuario, para que sepas cómo tenerlo en
cuenta a la hora de dar una mejor usabilidad a tu sitio web

Preview 07:49


En este capítulo
sobre Diseño y Usabilidad hablaremos sobre Reglas Fotográficas y cómo incide
este asunto en la experiencia de usuario, para que sepas cómo tenerlo en
cuenta a la hora de dar una mejor usabilidad a tu sitio web

BONUS: Reglas Fotográficas
07:05


En este capítulo
sobre Diseño y Usabilidad hablaremos sobre Planos y Encuadres y cómo incide
este asunto en la experiencia de usuario, para que sepas cómo tenerlo en
cuenta a la hora de dar una mejor usabilidad a tu sitio web

BONUS: Planos y Encuadres
09:43
+
Metodología de Trabajo
56 Lectures 05:32:43


Introducción
al curso de diseño web desde cero. Todo el proceso de diseño web estará
explicado en los siguientes videos

Preview 03:08


En este
video de diseño web hablaremos sobre definir el proyecto: entender sobre qué
trata el proyecto a través de una conversación franca con el cliente

Definir Proyecto
06:48


En este
video de diseño web hablaremos sobre la audiencia: debes reconocer cuál es la
audiencia objetivo a quien va dirigida la pagina. Esto determinará todo el
diseño y contenido

Audiencia
09:06


En este
video sobre diseño web hablaremos sobre objetivos: define qué objetivos se
buscan lograr a través de la pagina. Y el orden de prioridad entre los
objetivos que se persigan

Objetivos
08:27


Llegó la hora de
practica lo último que hemos visto! Anda muy atento, normalmente en estos
videos de ejercicios suelo regalar alguna "perla" extra, y por
supuesto…no olvides compartir tu ejercicio con el resto! ;)

Ejercicio 1
04:46


En este
video sobre diseño web hablaremos sobre especificaciones técnicas: delimita
las especificaciones que debe tener la pagina, tales como la compatibilidad
con navegadores y versiones

Especificaciones Técnicas
05:22


En este
video sobre diseño web hablaremos sobre el Inventario del Contenido: detalla
el listado de todo el contenido que debe reunir la web a lo largo de sus
secciones

Inventario de Contenido
04:50


En este
video sobre diseño web hablaremos sobre los recursos que debemos reunir antes
de comenzar el desarrollo proporcionados por el cliente, como imágenes, logo,
BBDD, fuentes, etc.

Recursos
05:19


En este
video sobre diseño web hablaremos sobre el Time Line, marca las fechas en las
que deberá estar lista la primera versión inicial y la publicación de la
versión definitiva

TimeLine
05:54


En este
video sobre diseño web hablaremos sobre el presupuesto: estable la cantidad
económica de la que se dispone para definir el grado de diseño y el costo de
servicios adicionales

Presupuesto
09:43


Llegó la hora de
practica lo último que hemos visto! Anda muy atento, normalmente en estos
videos de ejercicios suelo regalar alguna "perla" extra, y por
supuesto…no olvides compartir tu ejercicio con el resto! ;)

Ejercicio 2
03:54


En este
video sobre diseño web hablaremos sobre los Conceptos Iniciales, haz un
análisis preliminar y establece conceptos básicos a groso modo sin entrar en
detalles

Conceptos iniciales
03:48


En este
video sobre diseño web hablaremos sobre la lluvia de ideas: anota toda la
avalancha de ideas que se te ocurran para el diseño de la pagina a fin de
cumplir la estrategia acordada

Lluvia de Ideas
06:27


En este
video sobre diseño web hablaremos sobre la arquitectura: define la estructura
que tendrá la web, como se organizaran los conceptos en las diferentes
secciones de la navegación

Arquitectura
08:33


Llegó la hora de
practica lo último que hemos visto! Anda muy atento, normalmente en estos
videos de ejercicios suelo regalar alguna "perla" extra, y por
supuesto…no olvides compartir tu ejercicio con el resto! ;)

Ejercicio 3
07:34


En este
video sobre diseño web hablaremos sobre los Layouts: diseña como se
presentaran los elementos de cada pagina en diferentes resoluciones de
pantalla

Layouts
07:55


En este
video sobre diseño web hablaremos sobre Usabilidad: diseña la web para ser
intuitiva, fácil de usar y dirigir la atención a los elementos que cumplan el
objetivo principal del sitio web

Usabilidad
06:04


En este
video sobre diseño web hablaremos sobre Mockups: antes de comenzar a hacer el
código haz un diseño grafico del aspecto final que pretendes que tenga la web

Mockups
03:02


Llegó la hora de
practica lo último que hemos visto! Anda muy atento, normalmente en estos
videos de ejercicios suelo regalar alguna "perla" extra, y por
supuesto…no olvides compartir tu ejercicio con el resto! ;)

Ejercicio 4
08:03


En este
video sobre diseño web hablaremos sobre la Paleta de Colores: elige una gama
de colores con los que pintar toda la web.

Paleta de Colores
09:38


Llegó la hora de
practica lo último que hemos visto! Anda muy atento, normalmente en estos
videos de ejercicios suelo regalar alguna "perla" extra, y por
supuesto…no olvides compartir tu ejercicio con el resto! ;)

Ejercicio 5
05:38


En este
video sobre diseño web hablaremos sobre el Logotipo: diseña un logotipo que
refleje las características del cliente. AVISO: si no sabes bien diseña
logotipos encárgaselo a alguien profesional en ese campo

Logotipo
06:58


En este
video sobre diseño web hablaremos sobre las Áreas Visuales: diseña las áreas
globales mas grandes antes de hacer los elementos internos específicos,
primero empieza por los contenedores mas grandes

Areas Visuales
07:00


En este
video sobre diseño web hablaremos sobre Elementos Visuales: una vez diseñada
las áreas genéricas, define el aspecto final de los elementos mas concretos
como botones, links, etc.

Elementos Visuales
04:50


En este
video sobre diseño web hablaremos sobre Tipografías: elige o crea una
tipografía que corresponda con el publico, servicio e imagen que el cliente
desea proyectar.

Tipografías
08:50


Llegó la hora de
practica lo último que hemos visto! Anda muy atento, normalmente en estos
videos de ejercicios suelo regalar alguna "perla" extra, y por
supuesto…no olvides compartir tu ejercicio con el resto! ;)

Ejercicio 6
04:36


En este
video sobre diseño web hablaremos sobre animaciones: decide si seria bueno
añadir animaciones o efectos. En tal caso define como serán, su impacto en la
ux y el efecto que deseas lograr

Animaciones
05:47


En este
video sobre diseño web hablaremos sobre Test UX: mostrando el diseño grafico
pide a los usuarios de pruebas que indiquen que llama su atención, si es
intuitivo, sencillo, etc.

Test UX
09:49


En este
video sobre diseño web hablaremos sobre compatibilidad: haz un test donde
compruebes el grado de compatibilidad que tendría en los dispositivos y/o
navegadores tu diseño

Compatibilidad
02:34


En este
video sobre diseño web hablaremos sobre Plantillas: presenta 2-3 prototipos
del aspecto final al cliente para que elija el que mas le convence,
prototipos gráficos, no paginas creadas con html/css, SOLO diseños gráficos

Plantillas
06:39


En este
tutorial sobre diseño web hablaremos sobre Estándares Web. Una vez ya sabes
el diseño final que tendrá la web, debes elegir con qué lenguajes y
estándares desarrollarla.

Estándares
08:51


En este
tutorial sobre diseño web hablaremos sobre FrameWorks. Elige el framework y/o
CMS que vayas a emplear para el desarrollo: jquery, wordpress, angular, etc.
Elige el que mejor domines, no el que la mayoría diga que es mejor.

Frameworks
08:02


En este
tutorial sobre diseño web hablaremos sobre Base de Datos. Diseña la
estructura de la BBDD de forma que permita un crecimiento escalable y modular

Preview 09:50


Llegó la hora de
practica lo último que hemos visto! Anda muy atento, normalmente en estos
videos de ejercicios suelo regalar alguna "perla" extra, y por
supuesto…no olvides compartir tu ejercicio con el resto! ;)

Ejercicio 7
08:24


En este
tutorial sobre diseño web hablaremos sobre Funcionalidad. Implementa las
acciones que debe ejecutar la web ANTES de pasar al código el contenido y el
diseño. Tu pagina PRIMERO debe ser fea, pero eficaz

Funcionalidad
06:24


Llegó la hora de
practica lo último que hemos visto! Anda muy atento, normalmente en estos
videos de ejercicios suelo regalar alguna "perla" extra, y por
supuesto…no olvides compartir tu ejercicio con el resto! ;)

Ejercicio 8
02:12


En este
tutorial sobre diseño web hablaremos sobre el Contenido de la web. Tras
realizar todos los pasos anteriores, ahora es el momento de añadir todo el
contenido que anotaste en el inventario de contenido durante la fase de
estrategia: textos, fotos, animaciones...

Contenido
03:25


Llegó la hora de
practica lo último que hemos visto! Anda muy atento, normalmente en estos
videos de ejercicios suelo regalar alguna "perla" extra, y por
supuesto…no olvides compartir tu ejercicio con el resto! ;)

Ejercicio 9
03:17


En este
tutorial sobre diseño web hablaremos sobre la Ejecución: Revisa si debes usar
un contenido más ligero u optimizar los scripts, ya que el contenido ha
podido ralentizar la pagina

Ejecución
08:02


En este
tutorial sobre diseño web hablaremos sobre Seguridad. Implementa medidas para
la seguridad: actualiza el CMS, copias de seguridad, antivirus en el servidor
donde se aloje...

Seguridad
09:24


En este
tutorial sobre diseño web hablaremos sobre Marcado. Revisa que las palabras
clave y los títulos estén etiquetados correctamente para asegurar un buen
posicionamiento

Marcado
02:55


Llegó la hora de
practica lo último que hemos visto! Anda muy atento, normalmente en estos
videos de ejercicios suelo regalar alguna "perla" extra, y por
supuesto…no olvides compartir tu ejercicio con el resto! ;)

Ejercicio 10
03:09


En este
tutorial sobre diseño web hablaremos sobre el Test Final. Haz la ultima
revisión de la web comprobando su funcionalidad, UX, seguridad, etc. antes de
lanzarla como pública

Test Final
03:18


En este
tutorial sobre diseño web hablaremos sobre la subida al Servidor. Transfiere
todos los datos al servidor. Puedes usar algún sistema de control de
versiones o FTP

Subir Archivos
06:37


En este
tutorial sobre diseño web hablaremos sobre Analíticas. Saber como es el
trafico permitirá saber que partes de la web funcionan bien o mal, así como a
definir las campañas

Analytics
09:44


En este
tutorial sobre diseño web hablaremos sobre Garantizar el buen funcionamiento.
Programa tareas periódicas que aseguren la solidez de la web revisando la
exactitud de los nuevos datos introducidos

Garantizar Funcionamiento
06:07


En este
tutorial sobre diseño web hablaremos sobre la Entrega de archivos al cliente.
Provee al cliente todos los archivos que has usado en las fases de
desarrollo. Tiene el derecho a ello

Entrega de Archivos
04:37


En este
tutorial sobre diseño web hablaremos sobre el Entrenamiento al Personal.
Dedica el tiempo necesario a enseñar al personal a usar la web correctamente.
Asegúrate de que anotan los puntos clave

Entrenamiento
07:28


En este
tutorial sobre diseño web hablaremos sobre el Soporte. Es muy probable que
algún punto del desarrollo dé errores y debas corregirlo, así como los
provocados por el personal

Soporte
04:11


Llegó la hora de
practica lo último que hemos visto! Anda muy atento, normalmente en estos
videos de ejercicios suelo regalar alguna "perla" extra, y por
supuesto…no olvides compartir tu ejercicio con el resto! ;)

Ejercicio 11
04:04


En este
tutorial sobre diseño web hablaremos sobre Optimización. El tráfico puede
variar o quizás sea el propio cliente quien evolucione. Eso te obligará a
optimizar la web al nuevo perfil que ha surgido

Optimización
03:22


En este
tutorial sobre diseño web hablaremos sobre Actualizaciones en el Diseño

Actualizar Diseño
05:11


En este
tutorial sobre diseño web hablaremos sobre Actualizaciones en
las Funcionalidades

Actualizar Funcionalidades
04:37


En este
tutorial sobre diseño web hablaremos sobre Actualizaciones en el  Contenido

Actualizar Contenidos
03:51


Llegó la hora de
practica lo último que hemos visto! Anda muy atento, normalmente en estos
videos de ejercicios suelo regalar alguna "perla" extra, y por
supuesto…no olvides compartir tu ejercicio con el resto! ;)

Ejercicio 12
02:17

Finalizamos el proceso desde cero de creación de un sitio web!! espero que lo hayas disfrutado, pero esto no se acaba aquí. Ya has visto la teoría, ahora llega la práctica en un Proyecto! :)

Conclusión
02:22
+
Proyecto Real de Diseño Web Responsive Design y Mobile First
34 Lectures 06:04:54
Introducción al Proyecto
05:28

Definiendo el Proyecto
06:14

Definiendo el Contenido
09:25

Wireframe: cómo se hizo
09:17

Diseño de Mockups
10:37

Diseño Grafico de la Página, específicaciones y resultado final
13:10

Explicacion de la fase de Estrategia Completa
14:45

Explicacion de la fase de Planificacion Completa
14:29

Explicacion de la fase de Diseño Completa
13:45

Fase de Desarrollo - decisiones
03:03

Preparando el desarrollo
17:25

header
10:40

nav
06:18

botones de navegacion
14:19

h1 Responsive Design
08:06

Menu Material Design
14:44

Menu Responsive Design
12:08

Menu Interactivo
06:39

Compatibilidad de Navegadores
06:33

slider
08:00

navegacion en el slider
14:27

navegacion en el menu
08:52

Etiquetas del Formulario
11:30

Configuración del envio del mensaje por email
11:46

Formulario Material Design
16:14

Interaccion con el Formulario
15:02

Página de Inicio
18:15

Botones Responsive Design
10:07

Footer
14:16

Animacion en el Footer
09:44

Añadir animacion externa - Particulas
10:52

Marcado SEO de etiquetas meta
06:14

Transferencia de archivos a web publica
05:01

Añadir Google Analytics a tu sitio web
07:29
3 More Sections
About the Instructor
Jose Javier Villena
4.5 Average rating
5,863 Reviews
26,032 Students
5 Courses
Analista-Programador

Soy un apasionado de la programación en varios lenguajes. Actualmente soy Tutor Premium para CodigoFacilito (canal de programación en castellano con más suscriptores del mundo - 300k), tambien he participado en la Comunidad de Platzi y tengo experiencia como Redactor para Cristalab (portal de artículos escritos sobre tecnología más grande del mundo en español) y además he impartido cursos como tutor en otros canales y plataformas online a nivel mundial, así como también he sido tutor de cursos presenciales en formación supervisada por el Gobierno de España.

Tengo más de 10 años de experiencia como analista-programador en diferentes lenguajes (xml, c++, javascript, vbasic, pl/sql, html, css, etc) y sistemas de bases de datos, gestionando la aplicación usada en más de 20 hospitales y centros de Madrid, así como dando soporte en las Terminales del Aeropuerto Internacional de Barajas Adolfo Suarez (MAD).

Aparte de la experiencia profesional, siempre me ha gustado estar actualizado y conocer otras tecnologías diferentes a las que use laboralmente, de modo que conozco más lenguajes de programación como java, haskell o swift entre otros.

Me gusta enseñar de forma sencilla, como hubiera querido que me enseñaran a mí. Tengo mi propio canal de youtube con unos 20K suscriptores y me gusta atender sus dudas y peticiones, así que puedes estar seguro de que haré lo mismo en esta plataforma. 

Espero que disfrutes de mis cursos :)