Contenido del Curso Actualizado en agosto de 2021
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
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:
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.
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.
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.
¿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.
¿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!
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
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.
Además te dejo que veas algunos ejercicios de mi otro curso de "Fundamentos de Programación" por si deseas tener un anticipo de lo que puedes aprender si tambien optas por seguirme en ese otro curso donde enseño las bases de la programación en 9 lenguajes diferentes!!
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 :)
En este capítulo
sobre HTML veremos el siguiente asunto: Qué es HTML
Llega el momento de
practica lo último que hemos visto!! Haz la siguiente tarea: Ejercicio 1
En este capítulo
sobre HTML veremos el siguiente asunto: Qué es HTML5
En este capítulo
sobre HTML veremos el siguiente asunto: Etiquetas nuevas de HTML5
En este capítulo
sobre HTML veremos el siguiente asunto: Etiquetas obsoletas
Llega el momento de
practica lo último que hemos visto!! Haz la siguiente tarea: Ejercicios 2
En este capítulo
sobre HTML veremos el siguiente asunto: Sintaxis HTML
En este capítulo
sobre HTML veremos el siguiente asunto: Estructura de un HTML
En este capítulo
sobre HTML veremos el siguiente asunto: header
En este capítulo
sobre HTML veremos el siguiente asunto: Etiquetas h1, h2, h3…
En este capítulo
sobre HTML veremos el siguiente asunto: hgroup
aviso importante
En este capítulo
sobre HTML veremos el siguiente asunto: nav, ul, ol, li
En este capítulo
sobre HTML veremos el siguiente asunto: Enlaces
Llega el momento de
practica lo último que hemos visto!! Haz la siguiente tarea: Ejercicio 3
En este capítulo
sobre HTML veremos el siguiente asunto: p, span
En este capítulo
sobre HTML veremos el siguiente asunto: strong, em
Llega el momento de
practica lo último que hemos visto!! Haz la siguiente tarea: Ejercicio 4
En este capítulo
sobre HTML veremos el siguiente asunto: section
En este capítulo
sobre HTML veremos el siguiente asunto: article
En este capítulo
sobre HTML veremos el siguiente asunto: aside
En este capítulo
sobre HTML veremos el siguiente asunto: div
En este capítulo
sobre HTML veremos el siguiente asunto: footer
Llega el momento de
practica lo último que hemos visto!! Haz la siguiente tarea: Ejercicio 5
En este capítulo
sobre HTML veremos el siguiente asunto: figure, figcaption, img
En este capítulo
sobre HTML veremos el siguiente asunto: audio
En este capítulo
sobre HTML veremos el siguiente asunto: video
Llega el momento de
practica lo último que hemos visto!! Haz la siguiente tarea: Ejercicio 6
En este capítulo
sobre HTML veremos el siguiente asunto: Etiquetas de Formulario
Llega el momento de
practica lo último que hemos visto!! Haz la siguiente tarea: Ejercicio 7
Hasta aquí la Sección
de HTML !! Ahora estas listo para avanzar a otro bloque más de contenido :)
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!
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
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
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
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
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
Importante Aviso
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
Nuevo video con la version actual de como instalar Sublime Text con el paquete Emmet
Sublime Text nos permite además usar la herramienta ColorPicker para seleccionar los colores sin necesidad de cambiar de ventana
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
Si quieres sacarle el máximo rendimiento a la herramienta Sublime Text, este video te mostrará como hacerlo