Desarrollo web Tarjeta de perfil desde 0 y subida a internet
por Elliot Leo Garamendi Sarmiento
Proyecto guiado de una tarjeta de perfil web con HTML y CSS, que se publica en internet con GitHub y Git, y se mejora con refactorización, testing y documentación.
Recomendado, valoración editorial 4 de 5
verificado 2026-10-01 — sigue siendo gratis en Udemy
Empezar en UdemyRespuesta rápida
Curso gratis de Programación de nivel principiante en Udemy impartido por Elliot Leo Garamendi Sarmiento (49 min). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 1 de octubre de 2026.
- Veredicto
- 4/5 · Recomendado
- Para quién
- Personas que empiezan en desarrollo web y quieren un primer proyecto completo y publicado en internet.
- Nivel
- Principiante
- Duración
- 49 min · 7 lecciones
- Precio
- Gratis en Udemy
- Autor
- Elliot Leo Garamendi Sarmiento
- Plan sugerido
- 1 sem. · 2 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Un proyecto breve y práctico que lleva una página sencilla desde el código hasta internet, e incluye refactorización, testing y documentación. Es adecuado como primer ejercicio completo, aunque su alcance es limitado y la información publicada es escasa.
Puntos fuertes
- Cubre el ciclo completo de un proyecto pequeño: desarrollo, publicación, mejora y documentación.
- Duración corta (49 minutos), fácil de completar en pocas sesiones.
- Incluye calidad de código y testing, poco habituales en cursos iniciales.
A tener en cuenta
- Es un único proyecto pequeño, así que cubre solo lo básico.
- No se indica el año de publicación ni hay desglose de tiempos por capítulo.
- La descripción no menciona ejercicios ni material descargable.
De qué trata
Curso de Udemy de 49 minutos y 7 lecciones que construye una tarjeta de perfil web desde cero. Empieza con la estructura en HTML y los estilos en CSS, e incorpora Bootstrap Icons. Después explica cómo subir la página a internet con GitHub, Visual Studio Code y Git.
Los últimos bloques se centran en la calidad: estructurar el proyecto con buenas prácticas y optimizar el código, comprobar el HTML y la especificidad de CSS, y documentar el trabajo en GitHub con Markdown y un README. Los capítulos indicados son Desarrollo, Despliegue, Refactorización, Testing y Documentación.
- Estructura en HTML y estilos en CSS con código limpio
- Instalación de Bootstrap Icons
- Publicación de la página con GitHub, VS Code y Git
- Buenas prácticas y optimización del código
- Testing de HTML, especificidad de CSS y README en Markdown
Para quién es este curso
- Personas que empiezan en desarrollo web y quieren un primer proyecto completo y publicado en internet.
- Quienes conocen algo de HTML y CSS y quieren aprender a publicar con GitHub y a documentar un proyecto.
Mejor busca otro si…
- Quienes ya dominan HTML, CSS y Git y buscan proyectos amplios o con JavaScript.
Antes de empezar
- El título indica que se parte desde cero; no se citan requisitos previos.
Qué sabrás hacer al terminar
- Crear la estructura de una página web con HTML.
- Dar estilo a una página con CSS y añadir Bootstrap Icons.
- Subir una página web a internet con GitHub, Visual Studio Code y Git.
- Aplicar buenas prácticas y optimizar el código del proyecto.
- Probar el HTML y la especificidad de CSS para mejorar la calidad.
- Documentar un proyecto en GitHub con Markdown y un README.
Estructura del curso
- 01
Desarrollo
Construcción de la estructura en HTML, estilos con CSS y la instalación de Bootstrap Icons para la tarjeta de perfil.
- 02
Despliegue
Cómo subir la página a internet usando GitHub, Visual Studio Code y Git.
- 03
Refactorización
Reorganización del proyecto con buenas prácticas y optimización del código.
- 04
Testing
Comprobación del código HTML y de la especificidad de CSS para aumentar la calidad.
- 05
Documentación
Documentación de la página en GitHub con Markdown y un README.
Capítulos del vídeo
- 01Desarrollo
- 02Despliegue
- 03Refactorización
- 04Testing
- 05Documentación
Plan de estudio sugerido
1 semana · unas 2 h por semana
- 1.Sesión 1: capítulo Desarrollo; escribe tú el HTML y el CSS de tu propia tarjeta mientras lo ves.
- 2.Sesión 2: Despliegue; crea un repositorio y publica tu página con Git.
- 3.Sesión 3: Refactorización y Testing; aplica los cambios a tu código y revisa tu HTML y CSS.
- 4.Sesión 4: Documentación; escribe el README de tu proyecto en Markdown.
El plan cuenta con tiempo para pausar y practicar, no solo con la duración del vídeo. Si quieres adaptarlo a tu semana, lee cómo montar tu plan de estudio semanal.
Consejos para seguirlo
- Sigue el vídeo con Visual Studio Code abierto y personaliza la tarjeta con tus propios datos en lugar de copiar.
- Instala Git y crea una cuenta en GitHub antes del capítulo Despliegue para no interrumpir el ritmo.
- Tras Refactorización, compara tu código antes y después para entender qué mejoró.
- Escribe el README al final con tus propias palabras para practicar Markdown.
Antes y después de este curso
- Antes de este cursoCurso de HTML desde 0Refuerza los fundamentos de HTML que este proyecto usa desde el principio.
- Después de este cursoCURSO DE CSS COMPLETO: De Principiante a Front-EndAmplía los conocimientos de CSS tras el primer proyecto.
- AlternativaDesarrollo Web con HMTL, CSS y Bootstrap 4! Curso desde ceroOtro curso desde cero de HTML, CSS y Bootstrap con mayor alcance.
- Antes de este cursoVisual Studio Code el mejor editor de códigoAyuda a familiarizarse con el editor que se usa en el proyecto.
Cómo lo presenta Elliot Leo Garamendi Sarmiento
Desarrollo web. Proyecto Tarjeta de perfil desde 0 y subida a internet
Desarrollo Web: Proyecto Tarjeta de perfil desde 0 y subida a internet. Desarrollo web: Proyecto Tarjeta de Perfil con HTML, CSS, GitHub, Visual Studio Code y Git Como desarrollar la estructura de mi página web con HTML y un código limpio. Desarrollo web: Proyecto Tarjeta de Perfil con HTML, CSS, GitHub, Visual Studio Code y…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Necesito saber programar antes?
El título indica que se parte desde cero y la descripción no menciona requisitos previos.
+¿Cuánto dura?
Son 49 minutos repartidos en 7 lecciones. Con pausas para practicar, cuenta con unas 2 horas en total.
+¿Qué herramientas se usan?
HTML, CSS, Bootstrap Icons, GitHub, Visual Studio Code y Git, además de Markdown para la documentación.
+¿Enseña a publicar la página?
Sí, un capítulo está dedicado a subir la página a internet con GitHub, Visual Studio Code y Git.
Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en Udemy, y revisado según nuestro método. El contenido del curso es obra de Elliot Leo Garamendi Sarmiento; si ves algún error, avísanos.
Guías para sacarle partido
Más cursos de Programación
Agentic AI – Complete Course for Beginners
Curso de unas 24 horas para construir sistemas de agentes de IA con LangChain y LangGraph: Pydantic, flujos de trabajo, memoria, RAG y despliegue en AWS y Render.
Aprende Accesibilidad Web paso a paso
Introducción práctica a la accesibilidad web: pautas y leyes, contenido, navegación, diseño e interacción accesibles, relación con el SEO y evaluación de sitios.
Aprende Godot - Curso completo desde cero
Crea tu primer videojuego 3D en Godot 4 desde cero: escenas, nodos, GDScript, físicas, animaciones, sonido y exportación a .exe.
Aprende JavaScript Ahora! curso completo desde cero para principiantes
Curso de JavaScript desde cero: entorno, variables, tipos, operadores, control de flujo, diez ejercicios y objetos con funciones constructoras.