Hagamos una app en Sveltekit que se conecta a la api de youtube para elegir el comentario ganador
HTML-код
- Опубликовано: 16 окт 2024
- Hagamos una pequeña webapp en Svelte y SvelteKit para elegir los ganadores de un concurso, buscando entre todos los comentarios de un video de RUclips.
Video del concurso: • Flutter vs React Nativ...
► Código fuente
github.com/jul...
► Curso de Svelte
Inscríbete en el curso de Svelte y obtén un super descuento al momento del lanzamiento: julioandres.de...
► Secciones
01:17 Creación de proyecto SvelteKit
04:12 Routing
07:19 HTML/CSS dentro de la página de concursos
10:55 Usando Typescript para enviar datos a las páginas
14:15 Desplegando los datos en +page.svelte
18:13 Creando el cliente de la api de youtube en lib
27:00 Obteniendo los comentarios del video de youtube
31:00 Uso de +layout.svelte para contener los estilos
34:10 Eligiendo un comentario al azar
35:50 Agregando confettis para el drama
38:20 Conociendo a los ganadores con la app!
► Cursos
🦀 Mi curso de Rust con descuento: julioandres.de...
📲 Mi curso de Flutter con descuento: julioandres.de...
► Videos que te pueden interesar
🦀 Rust es el futuro de Javascript: • Rust es el futuro de J...
📲 Flutter lo cambio todo: • Cómo Flutter lo cambió...
🌐 Webassembly y el futuro del desarrollo web: • Por qué WebAssembly es...
🦀 En este video te cuento por qué deberías aprender Rust y cómo hacerlo: • Por qué tienes que apr...
🦀 Tutorial de una app Rust para consultar los precios de las criptomonedas: • Hagamos tu primera app...
🌃 Qué es y cómo empezar en el Metaverse: • Empieza tu carrera en ...
👨🏻💻 Conoce conceptos que todo programador debería saber: • Todo programador deber...
► Redes
/ julioandresdev
/ julioandresdev
► Temas mencionados
Svelte: svelte.dev/
SvelteKit: kit.svelte.dev/
Excelente Julio!!!! Como siempre buenísimas tus explicaciones!!!
Que pasó con el curso de Svelte que harías ? aún no lo estoy esperando :( ajaj
:(
es que han estado cambiando Svelte, de la versión 4 a la versión 5 tuvo algunos cambios y cosas nuevas, ahora con la versión 5 ya debería estar más estable y si podría terminar el curso 😄
Gran videos. (Que theme utilizas😚)
Gracias! el Default Dark no más 😅
@@julioandresdev_esp a, esque see ve muy negro. A mi no me sale asi
se podra usar astro con svelte y capacitor, una duda a si poder usar en web y mobile.
que combinación que quieres! jeje tengo entendido que capacitor y svelte si. Astro no se si creara conflictos la verdad, pero no se si tiene mucho sentido combinar astro y svelte
@@julioandresdev_esp más q nada a si tener nativo en estático astro y cuando sea parte dinámica entra svelte y capacitor para pasar Mobil, jaja otra ya viste leptos amigo es como yew jaja de rust, de echo pague tu curso de rust jaja saludos amigo
@@julioandresdev_esp de echo igual ando viendo lo de capacitor o tauri jaja el objetivo es usar buenas tegnologias rápidas para un full stack hasta con mobil, pero aún no se cuál sería mejor combinación.
Soy emprendedor digital, estoy haciendo una pwa con vue de una de mis ideas, me gustaría aprender flutter para desarrollar apps y que mis proyectos sean más profesionales, saludos !!
Me interesa aprender flatter para atacar una problemática que se da en mi uni, respecto a la toma de la asistencia ( se hace aún en listas impresas ), quiero diseñar una app móvil para la toma de asistencia mediante geolocalización y darle extras como estadísticas del porcentaje total de asistencias a cada clase, etc
Que idea más interesanteee
Es una lástima que Svelte no tenga tanta salida laboral y adopción en empresas, por lo que he visto te ahorra tiempo (dinero) a quien conoce javascript, a mi que soy backend pero tambien conozco de javascript por aplicaciones que he tenido que desarrollar, al parecer se aprende rápido y fácil esta librería porque es casi js nativo y te ahorra bastante con respecto a otros frameworks que he visto. Tailwind para css, esta librería para js dinámicas/spa y un Laravel para backend debe ser lo mas amigable para la productividad de un dev jeje.
Yo creo que cada vez va a ir siendo más solicitado, como dices es fácil de aprender y empezar a ser productivo, yo vengo de perfil backend y lo encuentro rápido y divertido, cosa que no me pasa con React, siempre trataba de evitarlo jajaj
bro un tutorial o curso para usar la api oficial de whatsapp
Nice c:
Nice indeed :D
para cuando el curso??
pronto pronto 🏃🏻♂️
Ese + en el nombre del archivo es lo incomodo de svelte
el proyecto en github no lo encuentro, quería ver algunos archivos por que me dan error a mi.
export const obj_auth2Client = new google.auth.OAuth2(
SECRET_CLIENT_ID,
SECRET_GOOGLE_API,
"localhost:5173/redirect" no en esta redirect para que ????
);
y en una pestaña del navegador debo estar logueado previamente en RUclips con mi cuenta y solo puedo consultar videos y comentarios de mi cuenta????
Verdad, ahí subí el proyecto acá: github.com/juliooa/random-comment-yt
tienes que crear una app en la consola de google: console.cloud.google.com/, habilitar la api de youtube v3, y de ahí sacar los valores para los secrets.
El "localhost:5173/redirect" es por que tienes que pasarle una url para que redirija luego de autenticarte en RUclips(cuando pones "si vincular cuenta").
@@julioandresdev_esp Se puede crear algun tipo de app de prueba? Es que pide logo o otras cosas adicionales! No tengo ninguna de esas cosas para terminar un curso .-.
Por cierto muy buen curso, bien explicado pero esta un poco complicado no poder ver en realidad como funcionan las cosas XD