No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Proyecto del curso

20/26
Recursos

Aportes 115

Preguntas 10

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Un homenaje a mi mascota que fallecio hace algunos dias.
****

en cuanto dijo Landing page de YouTube, no desaproveche la oportunidad de dedicarle un memorial a Programación ATS ❤️ para muchos de aqui, sus inicios en la programación como es mi caso ❤️ un grande, descanse en paz Alejandro Taboada 💖

Consumir api es mi pasion, JAJAJAJA

xD

Decidí crear un pequeño homenaje a Studio Ghibli.

La iré trabajando a lo largo del reto.

god Itachi on the way

Despues de estar renegando con Tailwind, decidi hacerla una Landing con HTML Y CSS, mas adelante cursare Tailwind

por ahora asi va mi proyecto

PD: Como le hicieron para tomar la imagen completa?

😄

Quise hacerlo sobre esta obra de arte que saldrá muy pronto 😄

.

Mi repositorio: Click aqui

Mi landing publicada en Github pages: Click aqui

Asi quedo mi proyecto

chic@s disculpen por la foto es que fue la mejor foto que encontre del man esta es la mas seria
![](

Falta mejorarlo, pero ahí va!
 

Justo me agarraron en temporada de lol Worlds 2022 asique lo usé de inspiración jajaja. Asique por aca les dejo como va quedando mi landing:

Así vamos de momento 💪🏽, decidí hacer un landing page de un restaurante de videojuegos con estetica de “Pixel Art”.

Aquí pueden ver el repositorio en GitHub 💚

Si quieren hacer algo un poco diferente les recomiendo por ejemplo la API de Rick y Morty, es muy fácil de usar.
La pueden encontrar aquí:

Mi proyecto del curso lo voy a realizar para honrar la primera persona que me inspiro a dar los primeros pasos en este maravilloso mundo de la programación y hoy no se encuentra con nosotros. Un abrazo en la eternidad Alejandro.

Así va mi proyecto hasta el momento

En el contexto de npm (Node Package Manager), el parámetro “-y” utilizado en el comando “npm init -y” se refiere a “yes” (sí en inglés).
.
Cuando ejecutas “npm init -y”, estás inicializando un nuevo proyecto de npm y le estás diciendo a npm que acepte automáticamente todas las opciones predeterminadas durante el proceso de inicialización, sin pedir ninguna confirmación adicional. En otras palabras, estás aceptando todas las configuraciones predeterminadas sin tener que proporcionar ninguna entrada manual.
.
Usar el parámetro “-y” es útil cuando deseas crear rápidamente un proyecto npm con todas las opciones predeterminadas y no necesitas personalizar ninguna configuración en ese momento. Ahorra tiempo al omitir la interacción manual durante el proceso de inicialización.

Mi proyecto, una landing-page para Taylor Swift usando la API de Spotify.

Así va mi landing

Me veo los cursos para mantenerme actualizado en js y con Oscar como uno de mis profesores he logrado hacer mi personal page y aquí se las dejo, si quieren echarle un ojo👀
👇🏾👇🏾
https://www.yeyo.dev/
👆🏾👆🏾

Con temática del genero de musica con el que estoy actualmente obsesionada.

Siempre un honor hablar de Ica:’)

Cacharreandole al css de tailwind

Yo agregué un video, en lugar de una foto.

Les dejo mi página: https://www.youtube.com/watch?v=QncqtqBTkzc

Probando con la Beidou💜

Realice mi propia template para personalizar

Empezando el proyecto

Inspirado en el aporte de Maria 😃

si quieren añadir su repositorio remoto a una fuente existente lo pueden hacer con
git remote add origin URL_REPOSITORIO
Ejemplo

git remote add origin [email protected]:kevinmoreno21/async-landing.git

y si obtienen el error “refusing to merge unrelated histories” en un merge, pueden usar

git pull origin main --allow-unrelated-histories

Reto completado:
.
.
.

.
.

.
.
Aunque no manejo todavía tailwind me gustaría hacerle unos cambios al layout general, para que se amolde un poco más al estilo del lo-fi, que es el motivo de mi proyecto.

Bueno asi va, se modificaron los logos de contact y se puso el primero hacia mi paina github, abajo dejo link de mi repo si desean usar alguno de los logos, estan en formato svg.

GITHUB Pages: https://eolunas.github.io/Async-landing/src/index.html

GITHUB Repo: https://github.com/eolunas/ASYNCHRONY-COURSE

Dejo por aquí mi landing 😄 aunque no tengo canal de youtube … Así tendré que empezar a hacer videos XD

No es mucho pero es trabajo honesto 😀

Les dejo el link a la extension Live Server por si alguno aún no la tiene instalada!

Yo he hecho el curso de Git y GitHub y empecé reacio a hacerlo. No creía que fuera interesante y que no hacia falta… que iluso yo.
Saber jugar con la terminal y saber los comandos es como un superpoder. Os recomiendo encarecidamente que lo hagan, una maravilla saber todo lo que puede hacer la terminal, Git y GitHub.

la extensión para que los espacios se vean de colores se llama indent-rainbow

Aqui dejo como me quedo la parte visual de la landing page :>!

Puse a mi perro jajaj

jajaj me asuste … pense que el jd del avatar era por mi nombre

Mi landing page

![](https://static.platzi.com/media/user_upload/image-57643c2e-8351-42b5-8b43-24f627cd133a.jpg) Asi va quedando :)
Asi va quedando nuestro proyecto final, algo sencillo ![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%202025-01-08%20023321-c29ae139-d73c-49f0-808e-6f2e29862937.jpg)
Asi me quedo ![](https://static.platzi.com/media/user_upload/image-b6297718-b24b-4b8f-af28-e7c1fa0fdcc7.jpg)
![](https://static.platzi.com/media/user_upload/image-8dcdac2e-d437-4abf-8747-0299191f5959.jpg)
**Este es mi landing page, un honor a Spider Punk: 🕸** ![](https://i.postimg.cc/nhjTdmrb/image-2024-07-31-184805644.png)
Retomando las clases luego de unas vacaciones, asi va quedando mi landing sencilla con mis ultimos 3 proyectos. ![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%202024-05-20%20a%20la%28s%29%2010.46.24%E2%80%AFa.%C2%A0m.-786bdc8e-faa2-4278-a4ca-6d5125d4105f.jpg)
**Les Comparto mi proyecto de un anime que me gusta** ![]()![]()![](https://raw.githubusercontent.com/j9han1017/Curso-de-Asincronismo-con-JavaScript/main/src/proyecto/assets/Captura%20de%20pantalla%202024-04-05%20135942.png)
╰(\*°▽°\*)╯![](https://static.platzi.com/media/user_upload/image-e3224549-e545-4e1e-b726-29559c4a86b6.jpg)
Me esta encantando realizar este proyecto ![](https://static.platzi.com/media/user_upload/image-45d5a33a-e51b-448c-8534-0e11e7bfc1ee.jpg)
¡Así va! ![](https://static.platzi.com/media/user_upload/image-e511acb1-30f1-42ae-8123-ddff407be165.jpg)
![](https://i.ibb.co/2dHM0LT/Captura-de-pantalla-2023-12-18-193227.png)
![]()![]()![]()![]()![](https://ibb.co/3cQF58n)
aqui esta mi Landing Page <https://lugarcreativo.netlify.app/>
Y asi quedo mi landing inspirada en ilustraciones creadas con inteligencia artif![](<"C:\Users\laula\Pictures\Screenshots\Captura de pantalla 2023-11-03 162214.png">)icial ![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%202023-11-03%20162144-23fc768d-7d82-4567-88da-f61f6899f71e.jpg) ![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%202023-11-03%20162214-dcb61a1e-f295-4989-9644-cf47b51f90d9.jpg)

Yo lo hice de esta forma me gusto mucho y explica que hago en cada paso.

<code> 
function* yoRepartidor(mazo) {
    for (let jugadores of mazo){
        yield jugadores;
    }
}

const mazoDeCartas = ['Carta 1', 'Carta 2', 'Carta 3', 'Carta 4', 'Carta 5',
    'Carta 6',
    'Carta 7',
    'Carta 8',
    'Carta 9',
    'Carta 10',
];

const repartir = yoRepartidor(mazoDeCartas);
console.log(repartir.next().value);
console.log(repartir.next().value);
console.log(repartir.next().value);
![](https://static.platzi.com/media/user_upload/image-1fe94632-4fc5-4c74-a3ca-cf45a361e81b.jpg) Mi aporte usando la API de Unsplash. Es la primera vez que uso Tailwind CSS y quedé maravillada de lo fácil que es escribir CSS 💚
![](https://static.platzi.com/media/user_upload/presentacion-e7c0aa79-c91d-457e-b84c-9e3049ed9f3c.jpg)

😃

Yo lo hice de La Casa Azul (una banda) 😄

Waos

No sé Tailwind aún, por lo que me propuse crear el mismo template desde cero usando css puro y este fue mi resultado:

Preguntarán cómo hice el corte en la imagen con puro CSS. Pues aquí la respuesta:

https://www.youtube.com/watch?v=2iqmJ3htzTg

Página de la propiedad clip-path

https://bennettfeely.com/clippy/

Espero que les haya ayudado.

Música 🎶

Me es un placer presentarles el mejor canal sobre análisis deportivo (futbol):

💙💙 Barak Fever 💙💙


Podrían actualizar la sección de recursos? no hay ningún link

  • No quise usar tailwind.
  • Quise hacerla desde cero
  • Y no le quise invertir mucho. 🙃

eu hola queres hacer el comando" npm init -y " en tu terminal y te salta una error de version ? si sos como yo y llegaste hasta aca pero tenes ese problema ok anda a tu terminal de wsl y escribi " node -v" (te salta la version 10 y pico?) bueno hace directamente “nvm install node” y volve a consultar con “node -v” deberia aparecerte la version 19 y pico si te funciono dejamelo saber a mi gpt3 me salvo la salud mental usalo

SImple pero trabajo honesto!

Mi landing por el momento:

Tengo entendio que por lo general se utiliza la carpeta “assets” para media files, y se crea una carpeta llamada “js” y otra llamada “css” para almacenar los archivos correspondientes.

My Version

Hola! por aquí dejo los cambios que hice

Para los que quieran modficar o quitar el borde inclinado, es un poligono creado con un elemento html <polygon/> (línea 16 del archivo html), por medio de coordenadas absolutas.

Mayor explicación en la documentación oficial: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/polygon

Algo así va quedando 😄

npm init -y para crear el package.json y el -y para que agregue los datos automaticamente y luego podemos cambiarlos.

Si se pudo 😂😂😂.

¡hola coders!

Esta es mi página alusiva a la cartografía mi primera carrera, lo realicé con unas interacciones, pero acá no se pueden subir GIF espero terminar el curso y pasar el link para que lo vean saludos coders.