Desarrollo Web Responsivo: Proyectos Prácticos
Desarrolla habilidades sólidas en HTML, CSS y Flexbox para crear experiencias web irresistibles con proyectos prácticos
Lo que serás capaz de hacer
¿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. Proyecto 1: Formulario Responsive Proyecto 2: Menú Responsive Proyecto 3: Sitio Web de Consultoria Responsive Proyecto 4: Sitio Frontend 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”.
- 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.
Temario
UNIDAD 1 - Introducción al Curso · 4 leccionesUNIDAD 1 - Introducción al Curso
UNIDAD 1 - Introducción al Curso
- Qué es el Diseño Responsive
- Ejemplo de Media Queries
- Mobile First vs Desktop First
- Instalar Editor de Código Sublime Text
UNIDAD 2 - Fundamentos de HTML 5 · 6 leccionesUNIDAD 2 - Fundamentos de HTML 5
UNIDAD 2 - Fundamentos de HTML 5
- Estructura Base HTML
- Título y Metaetiquetas
- Div, Header, Main, Footer
- Encabezados y Listas
- Imágenes
- Hipervínculos
UNIDAD 3 - Fundamentos de CSS 3 · 7 leccionesUNIDAD 3 - Fundamentos de CSS 3
UNIDAD 3 - 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
UNIDAD 4 - Proyecto 1 - Formulario Responsive · 5 leccionesUNIDAD 4 - Proyecto 1 - Formulario Responsive
UNIDAD 4 - Proyecto 1 - Formulario Responsive
- Revisión del Proyecto Final
- Creación de Carpetas y Archivos
- Marcado con HTML
- Estilos CSS
- Media Queries
UNIDAD 5 - Proyecto 2 - Menú Responsive · 5 leccionesUNIDAD 5 - Proyecto 2 - Menú Responsive
UNIDAD 5 - Proyecto 2 - Menú Responsive
- Revisión del Proyecto Final
- Marcado con HTML
- Estilos CSS - Parte 1
- Estilos CSS - Parte 2
- Media Queries y Responsive
UNIDAD 6 - Proyecto 3 - Sitio Web Consultoría Responsive · 7 leccionesUNIDAD 6 - Proyecto 3 - Sitio Web Consultoría Responsive
UNIDAD 6 - 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
UNIDAD 7 - Proyecto 4 - Sitio Frontend · 3 leccionesUNIDAD 7 - Proyecto 4 - Sitio Frontend
UNIDAD 7 - Proyecto 4 - Sitio Frontend
- Demo del proyecto y Marcado con HTML
- Estilos CSS
- Secciones Internas y Responsive
UNIDAD 8 - Configurar Visual Studio Code · 2 leccionesUNIDAD 8 - Configurar Visual Studio Code
UNIDAD 8 - Configurar Visual Studio Code
- Instalación de Herramientas para el Curso
- Configuracion de Visual Studio Code y Extensiones
UNIDAD 9 - Proyecto Final 5: Sitio Web Con HTML 5, CSS 3 - SPA · 10 leccionesUNIDAD 9 - Proyecto Final 5: Sitio Web Con HTML 5, CSS 3 - SPA
UNIDAD 9 - Proyecto Final 5: Sitio Web Con HTML 5, CSS 3 - SPA
- Demo del Proyecto Terminado
- Introducción e Ideas
- Creación de Proyecto y Menú de Navegación
- Encabezado
- Página de Inicio
- Destacados y Pié de Página
- Página Empresa
- Página Contacto
- Convertir Sitio Web a Responsive
- Descarga los Archivos Fuente de Esta Sección
UNIDAD 10 - Flexbox · 1 leccionesUNIDAD 10 - Flexbox
UNIDAD 10 - Flexbox
- Fundamentos de Flexbox
UNIDAD 11 - Resumen y Despedida · 1 leccionesUNIDAD 11 - Resumen y Despedida
UNIDAD 11 - Resumen y Despedida
- Siguiente Paso
Tu certificado lo emite la SEP, no solo una plataforma
Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.
Tu certificado con INEC
- Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
- Documento oficial con folio verificable en línea
- Lo otorga la Universidad Tecnológica Fidel Velázquez
Otras plataformas en línea
- Constancia privada emitida por la misma plataforma
- Solo acredita horas cursadas o asistencia
- Sin respaldo de una autoridad educativa
Tu itinerario, de la inscripción al certificado
- 1
Inscripción con pago único
Pagas $2,800 MXN una sola vez y entras de inmediato al curso.
- 2
Estudias a tu ritmo
11 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
Cuestionarios para comprobar lo aprendido.
- 4
Certificado
Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.
Un certificado oficial de la SEP
- Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
- Contenido impartido por render2web : Más de 160.000 Estudiantes en Todo el Mundo.
- Folio y QR verificables para compartirlo con quien te contrate.
Empieza hoy, a tu ritmo
Un solo pago y acceso inmediato al curso completo durante 12 meses.
- 11 unidades · 51 lecciones · 55 h
- 12 meses de acceso
- Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Sobre tu inscripción
¿Cómo es el pago?
Un solo pago de $2,800 MXN. No hay mensualidades ni cargos recurrentes.
¿Cuánto tiempo tengo acceso?
12 meses desde tu inscripción, 24/7, para avanzar a tu ritmo.
¿Quién imparte el contenido?
El curso es impartido por render2web : Más de 160.000 Estudiantes en Todo el Mundo; INEC gestiona tu inscripción, evaluación y certificado.
¿Qué pasa cuando vence mi acceso?
Puedes renovar tu cuenta tú mismo desde la plataforma, sin trámites ni esperas.


