• No hay productos en el carrito.

Inicio / Cursos / Desarrollo Web Responsivo: Proyectos Prácticos
Impartido por render2web : Más de 160.000 Estudiantes en Todo el MundoPago único de $2,800 MXN · acceso por 12 meses

Desarrollo Web Responsivo: Proyectos Prácticos

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

Certificado oficial emitido por la SEPA través del Gobierno del Estado de México
12 meses de acceso En línea · 55 h 11 unidades
Qué aprenderás

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 lecciones

UNIDAD 1 - Introducción al Curso

  • Qué es el Diseño ResponsiveVideo · 14 min
  • Ejemplo de Media QueriesVideo · 37 min
  • Mobile First vs Desktop FirstVideo · 5 min
  • Instalar Editor de Código Sublime TextVideo · 2 min
UNIDAD 2 - Fundamentos de HTML 5 · 6 lecciones

UNIDAD 2 - Fundamentos de HTML 5

  • Estructura Base HTMLVideo · 3 min
  • Título y MetaetiquetasVideo · 2 min
  • Div, Header, Main, FooterVideo · 2 min
  • Encabezados y ListasVideo · 4 min
  • ImágenesVideo · 4 min
  • HipervínculosVideo · 2 min
UNIDAD 3 - Fundamentos de CSS 3 · 7 lecciones

UNIDAD 3 - Fundamentos de CSS 3

  • Donde Escribir el código CSSVideo · 6 min
  • Selectores BásicosVideo · 3 min
  • Fuentes Personalizadas y de GoogleVideo · 5 min
  • Alineación y FlotadoVideo · 3 min
  • Fondos, Colores e ImágenesVideo · 5 min
  • Transiciones y HoverVideo · 3 min
  • Media QueriesVideo · 7 min
UNIDAD 4 - Proyecto 1 - Formulario Responsive · 5 lecciones

UNIDAD 4 - Proyecto 1 - Formulario Responsive

  • Revisión del Proyecto FinalVideo · 1 min
  • Creación de Carpetas y ArchivosVideo · 1 min
  • Marcado con HTMLVideo · 9 min
  • Estilos CSSVideo · 12 min
  • Media QueriesVideo · 7 min
UNIDAD 5 - Proyecto 2 - Menú Responsive · 5 lecciones

UNIDAD 5 - Proyecto 2 - Menú Responsive

  • Revisión del Proyecto FinalVideo · 1 min
  • Marcado con HTMLVideo · 7 min
  • Estilos CSS - Parte 1Video · 14 min
  • Estilos CSS - Parte 2Video · 11 min
  • Media Queries y ResponsiveVideo · 15 min
UNIDAD 6 - Proyecto 3 - Sitio Web Consultoría Responsive · 7 lecciones

UNIDAD 6 - Proyecto 3 - Sitio Web Consultoría Responsive

  • Revisión del Proyecto FinalVideo · 2 min
  • Estructura de Carpetas y ArchivosVideo · 1 min
  • Marcado con HTMLVideo · 21 min
  • Estilos CSS Globales- Parte 1Video · 14 min
  • Estilos CSS Globales- Parte 2Video · 8 min
  • Media QueriesVideo · 20 min
  • Transiciones CSSVideo · 4 min
UNIDAD 7 - Proyecto 4 - Sitio Frontend · 3 lecciones

UNIDAD 7 - Proyecto 4 - Sitio Frontend

  • Demo del proyecto y Marcado con HTMLVideo · 23 min
  • Estilos CSSVideo · 27 min
  • Secciones Internas y ResponsiveVideo · 29 min
UNIDAD 8 - Configurar Visual Studio Code · 2 lecciones

UNIDAD 8 - Configurar Visual Studio Code

  • Instalación de Herramientas para el CursoVideo · 8 min
  • Configuracion de Visual Studio Code y ExtensionesVideo · 22 min
UNIDAD 9 - Proyecto Final 5: Sitio Web Con HTML 5, CSS 3 - SPA · 10 lecciones

UNIDAD 9 - Proyecto Final 5: Sitio Web Con HTML 5, CSS 3 - SPA

  • Demo del Proyecto TerminadoVideo · 4 min
  • Introducción e IdeasVideo · 11 min
  • Creación de Proyecto y Menú de NavegaciónVideo · 28 min
  • EncabezadoVideo · 14 min
  • Página de InicioVideo · 9 min
  • Destacados y Pié de PáginaVideo · 18 min
  • Página EmpresaVideo · 22 min
  • Página ContactoVideo · 14 min
  • Convertir Sitio Web a ResponsiveVideo · 25 min
  • Descarga los Archivos Fuente de Esta SecciónLectura · 0 min
UNIDAD 10 - Flexbox · 1 lecciones

UNIDAD 10 - Flexbox

  • Fundamentos de FlexboxVideo · 26 min
UNIDAD 11 - Resumen y Despedida · 1 lecciones

UNIDAD 11 - Resumen y Despedida

  • Siguiente PasoLectura · 0 min
Certificado oficial

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
Cómo funciona

Tu itinerario, de la inscripción al certificado

  1. 1

    Inscripción con pago único

    Pagas $2,800 MXN una sola vez y entras de inmediato al curso.

  2. 2

    Estudias a tu ritmo

    11 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.

  3. 3

    Cuestionarios por unidad

    Cuestionarios para comprobar lo aprendido.

  4. 4

    Certificado

    Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.

Lo que obtienes

Un certificado oficial de la SEP

Muestra del certificado: Desarrollo Web Responsivo: Proyectos Prácticos

Muestra · verificable por folio y QR

  • 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.
Medios que necesitas
Equipo de cómputo Conexión estable a internet
Pago único

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
Pago único
$2,800MXN
Acceso por 12 meses
Inscribirme Hablar con un asesor
Preguntas frecuentes

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.

Certificado emitido por la SEP a través del Gobierno del Estado de México · Desarrollo Web Responsivo: Proyectos Prácticos

Inscribirme
  INEC es una Marca de SalesPartners Ciudad de México S de RL de CV. Template Design © Learnify LMS. All rights reserved. Terminos y Condiciones Aviso de Privacidad Politica de Devolución
Hide picture