Desarrollo Web Responsivo: Proyectos Prácticos

Desarrolla habilidades sólidas en HTML, CSS y Flexbox para crear experiencias web irresistibles con proyectos prácticos

4.15 (172 reviews)
Udemy
platform
Español
language
Web Development
category
13,065
students
9 hours
content
Mar 2024
last update
$19.99
regular price

What you will learn

Dominio de HTML y CSS para sitios web adaptables.

Implementación efectiva de diseño responsive.

Entender el uso de los Media Queries de CSS 3

Entender los fundamentos de HTML 5 para la creación de sitios web responsive

Creación de proyectos web prácticos responsive

Uso avanzado de Flexbox.

Adaptación a diferentes dispositivos.

Integración de animaciones y transiciones.

Mejora de la usabilidad y experiencia del usuario.

Description

¿Quieres aprender a desarrollar sitios web amigables a dispositivos móviles (Responsive)?   

En este curso aprenderás a desarrollar sitios web completamente adaptables a los diferentes dispositivos móviles, conocerás la tecnología y las técnicas usadas para la creación de interfaces web utilizando HTML 5 y los Media Queries de CSS 3.


-CURSO ACTUALIZADO EN ENERO DE 2024-

   

"¡Bienvenido al curso: Desarrollo Web Responsivo: Proyectos Prácticos! Este programa te sumergirá en el fascinante mundo del diseño y desarrollo de sitios web, brindándote las habilidades esenciales para crear experiencias cautivadoras en línea.

En las primeras secciones, profundizaremos en HTML, el lenguaje estructural fundamental para cualquier proyecto web. Aprenderás a crear una base sólida y semántica para tus páginas, permitiendo una comprensión clara tanto para los desarrolladores como para los motores de búsqueda.

Luego nos sumergiremos en CSS, el lenguaje de estilo que transformará tus páginas HTML en obras maestras visuales. Explorarás técnicas avanzadas de diseño, desde la manipulación de cajas y flexbox hasta la creación de animaciones cautivadoras. Aprenderás a estilizar tus páginas con precisión, dando vida a tus conceptos creativos.

No obstante, no nos detendremos ahí. Nos adentraremos en el apasionante mundo del diseño y desarrollo responsive, asegurándonos de que tus creaciones se vean y funcionen perfectamente en una amplia variedad de dispositivos y tamaños de pantalla. La implementación de técnicas de diseño responsive con CSS y Flexbox te permitirá ofrecer experiencias de usuario optimizadas en dispositivos móviles, tablets y computadoras de escritorio.

Pero este curso va más allá de la teoría. A través de emocionantes proyectos prácticos, aplicarás directamente tus conocimientos, enfrentándote a desafíos del mundo real que te prepararán para situaciones profesionales. Crearás sitios web adaptables, que no solo sean visualmente atractivos, sino también funcionales y eficientes.

En resumen, este curso no solo te brindará un conocimiento profundo de HTML y CSS, sino que también te convertirá en un experto en diseño y desarrollo responsive de sitios web. Prepárate para transformar tus ideas en realidad y destacar en el emocionante campo del desarrollo web. ¡Inscríbete ahora y lleva tus habilidades al siguiente nivel!"

   

¿Qué incluye el curso?   

  • Más de 9 horas de videos explicados en detalle 

  • 5 Proyectos prácticos 

  • Acceso a los archivos fuente del curso para que los puedas descargar y usar en tus proyectos 

  • Garantía de 30 días.

Aprenderás:   

  • Como crear sitios adaptables a  dispositivos móviles y otros dispositivos

  • Los Fundamentos básicos de HTML 5 y CSS - 3

  • Como crear la estructura de un documento HTML

  • Como dar estilos al sitio web con CSS 3

  • Qué es y como usar los Media Queries de CSS

  • Cuales son los puntos de corte más importantes con los CSS Media Queries

  • Como utilizar los Media Queries para hacer un sitio responsive

  • Como crear un formulario y un menú de 3 niveles completamente responsive

  • Como crear un sitio web  completo utilizando HTML 5 y CSS - 3 Media Queries

  • Fundamentos y Trabajo con Flexbox

Proyectos:

Desarrollaremos 5 proyectos prácticos en el curso con los que aprenderás a dominar y crear cualquier sitio optimizado para todos los dispositivos y resoluciones.

  1. Proyecto 1: Formulario Responsive

  2. Proyecto 2: Menú Responsive

  3. Proyecto 3: Sitio Web de Consultoria Responsive

  4. Proyecto 4: Sitio Frontend

  5. Proyecto 5: Sitio Web Con HTML 5, CSS 3 - SPA

“El que ve hacer las cosas las aprende, pero el que las hace las aprende dos veces”.

Content

Introducción al Curso

Presentación del Curso
Desarrollo Responsive
Instalar Editor de Código Sublime Text

Fundamentos de HTML 5

Estructura Base HTML
Título y Metaetiquetas
Div, Header, Main, Footer
Encabezados y Listas
Imágenes
Hipervínculos

Fundamentos de CSS - 3

Donde Escribir el código CSS
Selectores Básicos
Fuentes Personalizadas y de Google
Alineación y Flotado
Fondos, Colores e Imágenes
Transiciones y Hover
Media Queries

Proyecto 1 - Formulario Responsive

Revisión del Proyecto Final
Creación de Carpetas y Archivos
Marcado con HTML
Estilos CSS
Media Queries

Proyecto 2 - Menú Responsive

Revisión del Proyecto Final
Marcado con HTML
Estilos CSS - Parte 1
Estilos CSS - Parte 2
Media Queries y Responsive

Proyecto 3 - Sitio Web Consultoría Responsive

Revisión del Proyecto Final
Estructura de Carpetas y Archivos
Marcado con HTML
Estilos CSS Globales- Parte 1
Estilos CSS Globales- Parte 2
Media Queries
Transiciones CSS

Fundamentos de Bootstrap

Introducción a Bootstrap
Creación Plantilla Base
Documentación de Bootstrap
Práctica - Rejilla Bootstrap
Práctica de los Componentes de Bootstrap - Parte 1
Práctica de los Componentes de Bootstrap - Parte 2

Proyecto 4 - FotoBUK - Sitio Web Bootstrap

Revisión del Proyecto Final
HTML Y CSS Parte 1
HTML Y CSS Parte 2
HTML Y CSS Parte 3
Secciones Internas
Ajustes Media Queries

Proyecto 5 - Sitio Frontend

Demo del proyecto y Marcado con HTML
Estilos CSS
Secciones Internas y Responsive

Sitio Backend con Bootstrap 3

Demo del proyecto y Maquetación Inicial
Maquetación Final: Secciones Internas y CSS

Flexbox

Fundamentos de Flexbox

Resumen y Despedida

Resumen
Despedida
Clase Extra

Screenshots

Desarrollo Web Responsivo: Proyectos Prácticos - Screenshot_01Desarrollo Web Responsivo: Proyectos Prácticos - Screenshot_02Desarrollo Web Responsivo: Proyectos Prácticos - Screenshot_03Desarrollo Web Responsivo: Proyectos Prácticos - Screenshot_04

Reviews

Jorge
July 9, 2022
Me parece un curso bueno por lo que enseña pero la forma de hacerlo es bastante confusa, se equivoca demasiado y luego va a resolverlo hasta el final.
Santiago
September 29, 2021
No es bueno enseñar éste tipo de diseño web con las tecnologías de 2016. !Por Dios! Hay que entender que cada mes se van añadiendo nuevas características y funciones... espero que el resto del curso esté mejor. Hasta ahora está bastante regular
Alan
September 14, 2021
Es para alguien que ya tiene idea de algunas cosas. Pero muy bueno el curso y la forma de explicar. Gracias
Elizabeth
May 5, 2021
va algo rápido para ser para principiante, creo que falta explicar un poco más que hace cada etiqueta por ejemplo, pero tratando de cachar lo que vamos escribiendo y lo buscamos en internet pues te das una idea más amplia
Santos
August 3, 2020
EL curso muy comprensible y sencillo de seguir paso a paso, cada explicación y demostración el mismo tiempo, muy bueno lo recomiendo, saludos
Alejandro
May 1, 2020
Me agrada el hecho de que comenta la importancia de cada etiqueta y hace referencia a versiones pasadas.
David
February 4, 2019
si es de lo mejor que eh tomado solo que mi unicodisguisto es de la repeticion de los videos de ahi en mas esta bien.
Luis
August 21, 2018
Excelente clase, se entiende todo a la perfección. Hasta el momento, es el curso que estaba buscando, que fuera entendible y práctico.
Rafel
February 4, 2018
En general el curso está bien, los ejercicios son buenos, si bien me ha extrañado que en un curso de Desarrollo Responsive, en los dos primeros capítulos de Fundamentos del HTML5 y CSS3, se usara el elemento "float" superado por la tecnología "flexbox" y se usarán "px" en lugar de porcentajes.

Coupons

DateDiscountStatus
1/26/2021100% OFF
expired
4/12/202160% OFF
expired
6/18/2021100% OFF
expired
9/11/2021100% OFF
expired
4/14/202248% OFF
expired
4/24/2022100% OFF
expired
5/24/202248% OFF
expired
6/27/202260% OFF
expired
8/11/202260% OFF
expired
4/20/202385% OFF
expired

Charts

Price

Desarrollo Web Responsivo: Proyectos Prácticos - Price chart

Rating

Desarrollo Web Responsivo: Proyectos Prácticos - Ratings chart

Enrollment distribution

Desarrollo Web Responsivo: Proyectos Prácticos - Distribution chart
893642
udemy ID
7/1/2016
course created date
11/23/2019
course indexed date
Bot
course submited by