Aprende Diseño Web Front-End - HTML, CSS y JavaScript
4.0 (57 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.
196 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Aprende Diseño Web Front-End - HTML, CSS y JavaScript to your Wishlist.

Add to Wishlist

Aprende Diseño Web Front-End - HTML, CSS y JavaScript

Aprende y Mejora tus habilidades de diseño y desarrollo web poniendo en práctica HTML, CSS y JavaScript
4.0 (57 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.
196 students enrolled
Last updated 9/2016
Spanish
Current price: $13 Original price: $200 Discount: 94% off
30-Day Money-Back Guarantee
Includes:
  • 6 hours on-demand video
  • 2 Articles
  • 22 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Estructurar Páginas Web con HTML y CSS
  • Diseñar Webs con CSS3 y JQuery
  • Crear Webs Adaptables a todo tipo de Dispositivos
  • Agregar Efectos y Animaciones a páginas y sitios web
  • Desarrollar aplicaciones web potentes con HTML5 y JavaScript
View Curriculum
Requirements
  • Debes tener un navegador como Google Chrome o Mozilla Firefox
  • No importa tu Sistema Operativo que utilices.
  • Y Muchas ganas de Aprender.
Description

HTML, CSS y JavaScript son las grandes tecnologías que están modernizando el diseño y desarrollo Web.

Desde creación de paginas web adaptables a todo tipo de dispositivos, Páginas y sitios web animados Y aplicaciones web potentes y eficientes

¿Tienes conocimientos básicos en HTML?, pero no sabes como utilizarlos vinculando con CSS y JavaScript? Bienvenido al Curso de Diseño Web Front-End - HTML, CSS y JavaScript

....................................................

Aprenderás:

  • ¡Más de 70 clases y 5,5 horas de contenido!
  • Estructurar Páginas Web con HTML y CSS
  • Diseñar Webs con CSS3 y JQuery
  • Crear Webs Adaptables a todo tipo de Dispositivos
  • Agregar Efectos y Animaciones a páginas y sitios web
  • Desarrollar aplicaciones web potentes con HTML5 y JavaScript
  • Y Más paso a paso.

....................................................

¿Qué Necesitas?

  • Para programadores / diseñadores y no-programadores
  • Conocimientos HTML Básico
  • Debes tener un navegador como Google Chrome o Mozilla Firefox
  • No importa tu Sistema Operativo que utilices.
  • Y Muchas ganas de Aprender.

....................................................

Así que si quieres poner a prueba HTML, CSS, JavaScript y más para diseñar y desarrollar webs eficientes, te invito a que me acompañes en este curso de Diseño Web Front-End - HTML, CSS y JavaScript.

Who is the target audience?
  • Para programadores y no-programadores
  • Conocimientos HTML Básico.
Curriculum For This Course
73 Lectures
05:56:31
+
Empezar aquí
7 Lectures 17:37

Mejora tus habilidades de diseño y desarrollo web poniendo en práctica HTML, CSS y JavaScript

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Preview 01:44

Objetivos y Archivos del Curso
00:26

Introducción y Contenido
02:41

Descargaremos Sublime Text de su sitio oficial y lo instalaremos

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Descargar e Instalar Sublime Text
01:00

Todo lo que necesitamos saber para utilizar Sublime Text

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Uso de Sublime Text
04:18

Descargaremos XAMPP de su sitio oficial y lo instalaremos

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Descargar e Instalar XAMPP
02:15

Veremos como reparar los errores relacionados con la ejecución del Apache y MySQL de XAMPP

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Problemas de ejecución con XAAMPP
05:13
+
Semántica HTML y CSS en Práctica
7 Lectures 45:47
07:47

Nav
05:53

04:21

Como estructurar y agregar publicaciones principales

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Article
06:37

Acomodando lineamentos, efectos, fuentes y tamaños en articles

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Detalles en Artículos
06:09

Aside
11:07

Añadiendo un pie de pagina con esta etiqueta

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Footer
03:53
+
JavaScript y JQuery en Práctica
17 Lectures 01:15:20

Crearemos nuestra primer salida en JavaScript, escribiendo un 'Hola Mundo' en el documento y en una caja de dialogo.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Preview 04:04

Veremos métodos de selección para manipular datos por sus Identificadores

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Preview 03:57


Manipularemos elementos para cambiar sus propiedades de Clase

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Cambiar Clases
05:37

Definir Contenido
05:58

Reemplazar Alert
05:45

Mostrar y Ocultar
06:09

Veremos que es JQuery, como descargarlo y sobre como poder utilizarlo

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Definición y Descarga de JQuery
03:01

Vincularemos JQuery en forma local para nuestros proyectos o archivos JavaScript y Veremos la forma de poder manipular objetos

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Vinculación y Selección de Objetos
06:02

Como accionar un evento por medio de un click con JQuery

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Evento Click y Definir Contenido
03:28

Como emplear variables y funciones con JQuery

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Variables y Funciones
04:04

Como manipular para cambiar propiedades CSS con JQuery

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Cambiar Propiedades CSS
03:51

Mostrar y Ocultar
02:39

Efecto Toggle
01:40

Efecto Slide
02:25

Iniciando Formularios
05:47

Formularios Numéricos y Calendarios Dinámicos
06:33
+
Creación de una Web Responsiva con HTML y CSS
10 Lectures 01:14:28

En esta nueva sección vamos a crear una web Responsiva, para poder entender la creación de webs adaptables para diferentes dispositivos móviles. Utilizando HTML5, CSS3 y herramientas.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Preview 00:50

Crearemos y organizaremos los archivos y herramientas que necesitamos para la creación de la web Responsiva.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Materiales y Archivos
04:28

Estructuraremos el Header de nuestra web, así como la creación del menú en su forma Responsiva.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Cabecera
15:08

Crearemos el inicio o parte principal de nuestra Web Responsiva.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Sección Principal
09:33

Acomodaremos el diseño y animaciones del menú de cabecera

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Acomodando Animaciones del Menu
04:01

Utilizaremos la etiqueta Article para crear nuestras publicaciones o artículos acomodándolos en una forma Responsiva

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Articulos
14:01

Vamos a crear un nuevo Section para poder mostrar algunos Servicios de Ejemplo para la Web Responsiva

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Servicios
09:48

Formulario
08:38

Utilizaremos la Etiqueta Footer para crear y finalizar nuestra Web Responsiva con el pié de pagina.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Pié de Página
02:23

Finalmente comprobaremos la adaptabilidad del Responsive Design de la Web.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Adaptabilidad en Diferentes Dispositivos
05:38
+
Creación de una Web Curriculum con HTML, CSS y JQuery
9 Lectures 52:32

Vamos a crear un Curriculum Animado utilizando las tecnologías HTML5, CSS3 y Jquery, para mostrar nuestro perfil, formación, habilidades, experiencia , etc.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Preview 00:56

Organizaremos los recursos y archivos necesarios

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Materiales y Archivos
01:49

Menu
07:11

Desarrollaremos la parte principal del Curriculum, mostrando datos de perfil, personales y de contacto.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Perfil
07:36

Crearemos una sección para mostrar lo más relevante del Curriculum

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Extracto Profesional
05:12

Aquí mostraremos de una forma organizada la formación

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Formación Académica
06:32

Crearemos una animación para mostrar habilidades relevantes

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Habilidades
12:02

Aquí mostraremos una sección donde daremos a conocer nuestra experiencia.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Experiencia Laboral
06:46

Añadiremos finalmente JQuery para hacer al menú más animado en el Curriculum.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Efecto con JQuery
04:28
+
Creación de una Calculadora con JavaScript
7 Lectures 31:53

Crearemos una calculadora, viendo por su estructura, validaciones, retornos, operaciones y calculaciones de la misma.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Preview 01:02

Vamos a crear los archivos que necesitaremos así como la estructura y estilos vinculados para la Calculadora

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Estructura y Diseño
07:01

Validaremos que los caracteres introducidos en el campo de texto de la calculadora, solo sean números y teclas especiales necesarias para la misma.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Validar Numeros
06:04

Habilitaremos los botones de los números para poder agregarlos al campo de texto

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Retornar Numeros
03:08

Programaremos la eliminación del ultimo carácter y la eliminación completa en el campo de texto

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Eliminaciones
04:05

Programaremos las funciones de las teclas de los operadores.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Comprobar Operaciones
07:27

Finalmente calcularemos el resultado de cualquier operación con la Calculadora.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Calcular Resultado
03:06
+
Creación de una Web con Efecto Libro con JQuery
9 Lectures 34:55

En este caso práctico vamos a elaborar una web con un efecto animado de Libro, utilizando un pluggin JQuery.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Preview 01:28

Vamos a instalar y organizar los archivos necesarios para el Caso práctico con JQuery.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Instalación y Archivos
06:02

Acomodaremos la Estructura de nuestro libro y páginas en HTML y un poco de CSS.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Estructura
03:57

Vamos a acomodar nuestra Web a el Efecto Libro utilizando el pluggin JQuery.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Funciones Principales
02:07

Veremos y cambiaremos algunas propiedades de opciones principales para configurar de una forma más personalizada nuestra Web efecto libro con JQuery.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Opciones Principales
05:08

Configuraremos algunos controles para ir ala siguiente y anterior página en forma manual con JQuery.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Controles Prev y Netx
03:02

Crearemos un buscador para ir o encontrar específicamente a una página de nuestro Efecto Libro con JQuery.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Buscador de Páginas
02:53

Agregaremos algunos estilos CSS para mejorar el diseño de nuestro Caso Práctico.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Diseño CSS
06:29

Ahora configuraremos una paginación de forma automática donde le agregaremos el tiempo de espera deseado por nosotros y finalmente concluiremos el proyecto / Caso Práctico del Efecto Libro utilizando un pluggin JQuery.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Paginación Automatica
03:49
+
Creación de un Programa de Pintura con Canvas JavaScript
6 Lectures 23:19

Vamos a crear un programa de pintura, utilizando el API Canvas, HTML5, CSS y JavaScript.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Preview 00:37

Diseñaremos la estructura del Canvas, agregaremos el formulario de Color, formulario number y el botón para limpiar.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Diseñando Estructura
06:26

Crearemos funciones de eventos que utilizaremos para la interacción de pintar con del Mouse.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Eventos Canvas
08:28

Crearemos una función donde dependiendo el color que elijamos es el que se debe de pintar con el mouse.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Cambiar Color
02:31

Ahora dependiendo el numero que seleccionemos con el campo Number sera el tamaño de grosor de la pintura

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Cambiar Grosor
02:08

Finalmente concluiremos el proyecto, creando la función de limpiar nuestro lienzo.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Limpiar Canvas
03:09
+
Despedida del Curso de Diseño Web Front-End
1 Lecture 00:41

Despedida del Curso de Diseño Web Front-End - HTML, CSS y JavaScript.

Puedes seguir a Mi Hola Mundo para obtener descuentos exclusivos en Facebook y visitar nuestro sitio web y canal de YouTube.

Otros cursos de Mi Hola Mundo en español con 50% de descuento:

Despedida del Curso de Diseño Web Front-End
00:41
About the Instructor
Desarrollador Sergio Flores Martínez
4.1 Average rating
606 Reviews
2,917 Students
7 Courses
Ingeniero en TI, Programador y Desarrollador Web

Soy Ingeniero en TI, Programador y Desarrollador Web, con experiencia de 6 años en diversos lenguajes y tecnologías informáticas.

He trabajado como Java/ PHP para: E-commerce/ BackOffice Developer y Soluciones TI para diferentes empresas y proyectos en Texas, Estados Unidos, en Guadalajara México, etc. También me dedico a emprender en nuevos proyectos y actualmente cree y doy mantenimiento a Mi Hola Mundo; Un proyecto el cual tengo una visión en brindar capacitación sobre Tecnologías con más tendencia.

Me encanta enfrentarme con todo tipo de tecnologías nuevas y mas que nada trasmitir esos conocimientos, como apoyo y experiencia a más personas que desean iniciar en el mundo de la Programación o Desarrollo en Software.

Entre mi tiempo libre y aficiones me gusta viajar, jugar Ajedrez, Tocar instrumentos como Guitarra Eléctrica, Batería y dibujar al sombreado y con Aerosol.