Análisis de Proyectos Estudiantiles para Mejorar tus Iniciativas

Clase 26 de 28 • Curso de Creación de Páginas Web con Wordpress y No-code

Esta clase es especial. Quiero que te tomes un tiempo para acceder y conocer algunos proyectos que han creado otros estudiantes, quienes ya finalizaron el curso.

Mi portafolio
Página web personal
Clon de Youtube
Proyectos que te permitirán reconocer tu propio avance, así como saber qué elementos o visiones no consideraste, siendo el momento indicado para incluirlos y una oportunidad de implementación hacia un proyecto o iniciativa a futuro en tu contexto más cercano.

Recuerda que la experimentación, validación y ajustes te ayudan a entender constantemente tu proceso ¡Deja de lado el miedo a errar, que es parte de la experiencia, y disfruta experimentar en todo momento!

No olvides compartir tu proyecto; los demás también podrán aprender de tu resultado.

Jaime Iriarte

student•

Este es un proyecto que un amigo me dio para manejar solo por mi interes en la tecnologia, aun me falta mucho por aprender; estoy en un cambio de carrera. Espero les guste y acepto feedback :https://educotolima.com/

Jerson Hernán Uribe Montenegro

student•

Me gustó la página, quizá lo único que yo le cambiaría sería el tipo de fuente.

Richard Alexander Ayza Ureña

student•

Hola deberías actualizarlo

Luis Villegas Vargas

student•

Ninguno de los 3 enlaces está disponible más. Habrá que actualizar o quitar esta clase. Marzo 2024.

David Sánchez Urzúa

student•

Marzo 2025 sigue sin funcionar

paula.sanchez8236

student•

Junio 2025. Los links ya no están disponibles :(

Mateo Zapata Marin

student•

Hola, hace unos años me dedico al desarrollo de sitios no-code. Apoyado en herramientas como wordpress, elementor, entre otras. Este es mi sitio web y algunos de mis clientes estan alli.

Daniel Romero

student•

Ufff la página actual de Zeta Digital es muy buena, le he pasado el Wappalyzer y me dice que está hecha en Wordpress, ¿realmente está hecha en Wordpress? Va muy bien, me sorprende que se puedan hacer cosas así en Wordpress

Mateo Gamboa

student•

bro me gustaria desarrollar paginas como las tuyas que ruta tomo , felicitaciones por tu pagina

Omar Andres Guerrero Herrera

student•

Les dejo mi proyecto WordPress con elementor: si alguna persona necesita colaboracion en sus proyectos, con gusto.

Mateo Gamboa

student•

esta super cool tu pagina

Julian David Sierra Cabrera

student•

Tiene buen diseño, aún faltan algunos detalles pero es un gran avance. Felicidades!

Humberto Guardado

student•

Llegue aqui, fascinante curso, voy a publicar mi proyecto, ya tengo uno bastante avanzado, y debo hacerle una "reingenierìa".

Escarlet Montilla

student•

muy buenos una pregunta yo tengo varias paginas Web en un hosting, pero una esta elaborada en php y la otra en wordpress, el problema es que la version de php del hosting para la pagina web que esta en php codificada a mano, me tumba la pagina que esta en wordpress , y cuando subo la version de php para que funcione bien la pagina que esta en wordpress, se me cae la otra pagina web. No hay una manera de tener una version distinta de php para cada una de las paginas web en un mismo hosting, por favor si sabe como hacerlo

Cristian Caled Flores Vasquez

student•

depende de que hosting utilices hay unos que si te dan la libertad de poder usar x version de php por sitio

eduar guerrero

student•

alguien tiene los plugins de crocoblock?

Jonathan Lozano Alcalá

student•

Ningún proyecto carga 😐

Richard Alexander Ayza Ureña

student•

Octubre 24, ninguna página funciona...

Alejandro Ariza

student•

cordial saludo, les comparto mi primer proyecto no-code con wordpress, espero volverme u profesional XD.

tu1997cawi

student•

Holaa, les comparto mi pagina web hecha con wordpress sobre una agencia de viajes para Asia:

Escarlet Montilla

student•

{ margin: 0; padding: 0; box-sizing: border-box; }

body{ font-family: Arial, Helvetica, sans-serif;

}

.image-container { display: flex; } .image-container img { width: 100%; }

/* los esilos de header*/ header{ background: #1f1f1f; padding: 10px 50px; }

#logo { width: 50px; }

#logo img { border-radius: 100%; border: 2px solid #ffff; }

/* los esilos de la seccion hero*/ #hero { position: relative; }

#hero #computadora { display: inline-block; width: 100%; }

#hero .informacion-contenedor { position: absolute; top:50%; transform: translateY(-50%); left: 0; display: flex; width: 100%; color: #ffff; padding: 0 50px; } #hero .informacion-contenedor #foto { width:200px; } #hero .informacion-contenedor #foto img { border-radius: 100%;

} #hero .informacion-contenedor .informacion { margin-left: 20px; font-weight: bold; width: calc(100% - 200px); } #hero .informacion-contenedor .informacion span { display: inline-block; color: #b5b5b5; margin-bottom: 70px;

} /* los esilos del main */ main { padding: 100px; } main .social-icons { display: flex; justify-content: center; margin-top: 40px;

} main .social-icons li { margin-left: 8px; list-style: none;

}

main .social-icons .social-icon { display: flex; justify-content: center; align-items: center; background: red; padding: 15px;

border-radius: 5px;
width: 100%;
height: 100%;

}

main .social-icons #linkedin { background: #0077b0; }

main .social-icons #github { background: #23272d; }

main .social-icons #twitter { background: #1da1f2; }

main .social-icons #youtube { background: #f70000; } main .social-icons #platzi { background: #121f3d; }

Escarlet Montilla

student•

muy bueno el curso

<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documento nuevo</title> <link rel="stylesheet" href="css/estilos.css"/> </head> <body> <header> <div class="image-container" id="logo"> <img src="imagenes/logo.jpg" alt="logo"> </div> </header> <section id="hero">

<div class="image-container" id="computadora">
    <img src="imagenes/computadora.jpg" alt="">
</div>

<div class="informacion-contenedor">
    <div class="image-container" id="foto">
         <img src="imagenes/foto.png" alt="">
    </div>
    <div class="informacion">
        <h2>Carlos Eduardo Gomez Garcia</h2>
        <span>@RetaxMater</span>

        <p>Course Director at Platzi </p>
    </div>

</div>

</section> <main> <p>Lorem ipsum dolor sit amet consectetur adipisicingam veritatis fugiat,?</p>

<ul class="social-icons">
    <li>
        <a href="#" class="social-icon" id="linkedin">
        <img src="imagenes/iconos/linkedin.png" alt="linkedin">
    </a>
</li>
<li>
    <a href="#" class="social-icon" id="github">
    <img src="imagenes/iconos/github.png" alt="github">
</a>

</li> <li> <a href="#" class="social-icon" id="twitter"> <img src="imagenes/iconos/twitter.png" alt="twitter"> </a> </li> <li> <a href="#" class="social-icon" id="youtube"> <img src="imagenes/iconos/youtube.png" alt="youtube"> </a> </li> <li> <a href="#" class="social-icon" id="platzi"> <img src="imagenes/iconos/platzi.png" alt="platzi"> </a> </li> </ul>

Jhon Alexander Gomez Muñoz

student•

Les Comparto Una parte de mi web y los invito a seguir mi emprendimiento @AC Webworks

Natalia Abello

student•

Hola!

Les quiero mostrar mis conclusiones sobre las páginas que nos está mostrando el profe:

Los portafolios de Loraine y el de Juan me parecen una manera muy profesional para darse a conocer y ofrecer sus servicios. Da cuentas de sus abilidades como desarrolladores full stack. Podría aplicarlo en mi vida profesional y así poder mostrar mis proyectos a posibles empleadores.
El clon de YouTube está genial! Copiar a los expertos es una forma fantástica de aprender.

Marcos Monteverde

student•

gracias!

Daniel Steven Carrera Osorno

student•

++#nsl$$$++

franco almada

student•

Franchesca Fatima Zelaya Contreras

student•

Buenas no se puede acceder a los links adjuntos

<div class="image-container" id="computadora">
    <img src="imagenes/computadora.jpg" alt="">
</div>

<div class="informacion-contenedor">
    <div class="image-container" id="foto">
         <img src="imagenes/foto.png" alt="">
    </div>
    <div class="informacion">
        <h2>Carlos Eduardo Gomez Garcia</h2>
        <span>@RetaxMater</span>

        <p>Course Director at Platzi </p>
    </div>

</div>

<ul class="social-icons">
    <li>
        <a href="#" class="social-icon" id="linkedin">
        <img src="imagenes/iconos/linkedin.png" alt="linkedin">
    </a>
</li>
<li>
    <a href="#" class="social-icon" id="github">
    <img src="imagenes/iconos/github.png" alt="github">
</a>

Análisis de Proyectos Estudiantiles para Mejorar tus Iniciativas

Introducción

Curso Actualizado

Creación de Páginas Web: HTML, CSS y Publicación Online

Desarrollo Frontend: HTML, CSS y JavaScript Básico

Fundamentos del Backend: Lenguajes, Bases de Datos e Infraestructura

Sitios Code con HTML y CSS

Fundamentos de HTML: Uso y Creación de Etiquetas Básicas

Escribir y estructurar tu primera página web con HTML

Construcción de un Portafolio con HTML y CSS

Maquetación de Iconos Sociales en HTML para Desarrolladores

Fundamentos de CSS: Selectores y Propiedades Esenciales

Escritura y Enlace de CSS en Proyectos HTML Básicos

Estilización de un Portafolio con CSS: Creación de un Header Atractivo

Superposición de Elementos en CSS: Técnicas y Ejemplos Prácticos

Estilización avanzada con CSS: Flexbox y transformaciones

Estilización de Iconos Sociales en CSS3 y HTML5

Optimización de CSS y Enlaces en HTML para Portafolios Web

Despliega tu página a internet

Cómo subir tu página web a Internet paso a paso

Despliegue de Sitios Web Gratis con Netlify

Compra y configuración de un dominio personalizado en Namecheap

Compra y configuración de hosting web compartido con HostGator

Sitios No-code con WordPress

Creación de Sitios Web sin Código con WordPress

Instalación de WordPress en hosting propio

Instalación y configuración de Elementor en WordPress

Creación de una Página Web desde Cero con Elementor

Maquetación de Héroes con Elementor para Páginas Web

Creación de Páginas Web con WordPress y Plantillas Prediseñadas

Conclusiones

Análisis de Proyectos Estudiantiles para Mejorar tus Iniciativas

Desarrollo Web Básico: HTML, CSS y WordPress

Obtención del Diploma en Desarrollo Web Profesional