Pablo Gallardo Dev
Pablo Gallardo Dev
  • 94
  • 106 221
77. Firestore: Tarjeta de usuario | DiseÃąo | Firebase | React
Hola amigos!! 👋👋
Con el fin de homologar el diseÃąo de nuestra aplicaciÃģn, en este video te muestro como generar una tarjeta de usuario con la informaciÃģn basica como su nombre, correo y foto. Al mismo tiempo la configuraciÃģn necesaria para cuando no se tenga algun datos el componente se pueda mostrar sin problema alguna.
Espero que les guste. Comenten ðŸ“Ļ, den me gusta 👍 y suscríbanse!!.
DocumentaciÃģn ➡ firebase.google.com/docs/firestore/quickstart?hl=es&authuser=0
Repositorio de proyecto ➡ github.com/pablogallardodev/dev-posts
-------------------------------------------------------------------------------------------------------------------------------------------------------
ENLACES DE INTERES
Nodejs: nodejs.org/es/
VS Code: code.visualstudio.com/download
ReactJS: beta.reactjs.org/
Vite: es.vitejs.dev/
Firebase: firebase.google.com/
āļĄāļļāļĄāļĄāļ­āļ‡: 34

āļ§āļĩāļ”āļĩāđ‚āļ­

76. Firestore: RediseÃąo de componente Post| Firebase | React
āļĄāļļāļĄāļĄāļ­āļ‡ 20āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™
Hola amigos!! 👋👋 Siguiendo la secuencia del video anterior en donde rediseÃąamos el componente de AddPost, en este nuevo video veremos los cambios necesarios para poder darle un mejor aspecto a nuestro componente de Post, para que el mismo sea mas homogeneo con la pÃĄgina en su totalidad. Espero que les guste. Comenten ðŸ“Ļ, den me gusta 👍 y suscríbanse!!. DocumentaciÃģn ➡ firebase.google.com/docs/fi...
75. Firestore: Mejorando diseÃąo de componente AddPost| Firebase | React
āļĄāļļāļĄāļĄāļ­āļ‡ 32āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™
Hola amigos!! 👋👋 Hoy regresamos con nuevo video despuÃĐs de tiempo, en nuestro anterior y ultimo video de la serie vimos como podemos listas las publicaciones dentro de nuestro home, sin embargo el diseÃąo de los componentes es muy bÃĄsico, por lo que el día de hoy aplicamos un poco de rediseÃąo para el componente principal con el cuÃĄl generamos nuevas publicaciones. Al mismo tiempo aÃąadimos una fu...
74. Firestore: Mostrando Posts desde Base de Datos | Firebase | React
āļĄāļļāļĄāļĄāļ­āļ‡ 835 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™
Hola amigos!! 👋👋 Hasta este punto hemos logrado guardar los posts en Firestore, con unformaciÃģn precisa y completa, al igual si deseamos adjuntar imagenes. Pero ahora necesitamos mostrar esos Post enviados a la base de datos, de forma que ahora lo que te mostrarÃĐ es como podemos mostrar los posts que previamente hemos guardado en nuestra base de datos. Espero que les guste. Comenten ðŸ“Ļ, den me g...
73. Firestore: Mejorando Post Info Con Imegenes 📷 | Firebase | React
āļĄāļļāļĄāļĄāļ­āļ‡ 575 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™
Hola amigos!! 👋👋 Ya que sabemos como enviar y generar informaciÃģn en Firestore, es momento de mejorar la informaciÃģn que enviamos a nuestra base de datos, es por eso que hoy vemos como hacer el manejo de imagenes, complemetar informaciÃģn de la publicaciÃģn, así como mejorar y definir los formatos de varias propiedades. Espero que les guste. Comenten ðŸ“Ļ, den me gusta 👍 y suscríbanse!!. Documentaci...
72. Firestore: Guardando post en Firestore | Firebase | React en espaÃąol
āļĄāļļāļĄāļĄāļ­āļ‡ 666 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™
Hola amigos!! 👋👋 Con Firestore contamos una base de datos en tiempo real, y como lo vimos en el anterior video, conectamos el servicio a nuestro proyecto, en este nuevo video veremos como podemos enviar y guardar post en firestore utilizando nuestro aplicativo, de forma que por ahora, solo enviaremos la estructura base de la informaciÃģn que estaremos utilizando. Espero que les guste. Comenten ðŸ“Ļ...
71. Firestore: ConexiÃģn con firestore | Firebase | React en espaÃąol
āļĄāļļāļĄāļĄāļ­āļ‡ 1446 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™
Hola amigos!! 👋👋 Ya que tenemos una base solida en nuestro aplicativo, de como mostrar y crear post, ahora lo debemos de llevar a un caso real, pero para esto necesitamos una base de datos real, por lo tanto en este video te muestro como podemos inicar nuestra propia base de datos de Firestore así como podemos conectar nuestro proyecto web con la misma base de datos. Espero que les guste. Comen...
70. Firestore: Componente para aÃąadir post ⚛ | Firebase | React en espaÃąol
āļĄāļļāļĄāļĄāļ­āļ‡ 527 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™
Hola amigos!! 👋👋 Ya que contamos con una base de datos para cada publicaciÃģn, así como un componente para mostrar cada uno de los post, ahora necesitamos un componente para crear nuevas publicaciones por lo que en este video te muestro como generar un componente que nos ayude a generar nuevas publicaciones en nuestra aplicaciÃģn. Espero que les guste. Comenten ðŸ“Ļ, den me gusta 👍 y suscríbanse!!. ...
69. Firestore: Listando los primeros posts | Firebase | React en espaÃąol
āļĄāļļāļĄāļĄāļ­āļ‡ 1007 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™
Hola amigos!! 👋👋 El día de hoy te muestro como generar la estructura de los post que estaremos listando en nuestra aplicaciÃģn, así como explicarte la nueva forma de usar CSS en este proyecto, esto debido a que cambiamos a CSS Module, así mismo generamos la estructura base de nuestro aplicativo y generamos un archivo JSON dummy simulando 10 post como una base de datos fija, para posteriormente r...
68. Firebase Auth: ⚛ ConversiÃģn a componentes ⚛ | Reestructura | Firebase | React en espaÃąol
āļĄāļļāļĄāļĄāļ­āļ‡ 1097 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™
Hola amigos!! 👋👋 Hasta nuestro ultimo video podemos concluir que la parte de utenticaciÃģn con firebase queda completada, por lo que ahora comenzaremos con la implementaciÃģn de base de datos en tiempo real utilizando tambiÃĐn Firebase, sin embargo, primero necesitamos generar una estructura de archivos y componentes que sea mas sencilla de seguir, lo cuÃĄl es el objetivo de este nuevo video. Esper...
67. Firebase Auth: Manejo de errores ðŸšŦ| Firebase | React en espaÃąol
āļĄāļļāļĄāļĄāļ­āļ‡ 1998 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™
Hola amigos!! 👋👋 Ya que tenemos la parte funcional de nuestro sistema, tambien necesitamos validar la parte erronea de la misma y tratar lo errores de forma que el usuario sepa lo que esta pasando. Por lo que en este video te muestro como podemos hacer el manejo de errores para los posibles causas al usar la autenticaciÃģn de Firebase. Espero que les guste. Comenten ðŸ“Ļ, den me gusta 👍 y suscríban...
66. Firebase Auth: Login de usuario con correo y contraseÃąa | Firebase | React en espaÃąol
āļĄāļļāļĄāļĄāļ­āļ‡ 939 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™
Hola amigos!! 👋👋 Una vez que nuestro usuario esta registrado en nuestra aplicaciÃģn, nos resta implementar la funcionalidad para hacer el inicio de sesiÃģn, de forma que en este video te muestro como implementar dicha funcionalidad, esto utilizando tanto el correo y contraseÃąa que previamente han sido dados de alta. Espero que les guste. Comenten ðŸ“Ļ, den me gusta 👍 y suscríbanse!!. DocumentaciÃģn ➡...
65. Firebase Auth: Registro de usuario con correo y contraseÃąa | Firebase | React en espaÃąol
āļĄāļļāļĄāļĄāļ­āļ‡ 1589 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™
Hola amigos!! 👋👋 Ya que contamos con un formulario funcional, el primer paso para la autenticaciÃģn es registrar al usuario, enviando su correo y contraseÃąa, esto es lo que te muestro en el video, como podemos implementar la funcionalidad para el regsitro de nuevos usarios. De forma que pueda ser registrado en nuestra plataforma y posteriormente pueda iniciar sesiÃģn. Espero que les guste. Coment...
64. Firebase Auth: AutenticaciÃģn con correo y contraseÃąa (formulario) | Firebase | React en espaÃąol
āļĄāļļāļĄāļĄāļ­āļ‡ 1469 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™
Hola amigos!! 👋👋 Aparte de poder autenticarnos con Google, tambiÃĐn lo podemos hacer con Correo y ContraseÃąa, por lo que en este video veremos como podemos preparar nuestro formulario para cuando queramos registrar un nuevo usuario o en su defecto iniciar sesiÃģn con correo y contraseÃąa. Espero que les guste. Comenten ðŸ“Ļ, den me gusta 👍 y suscríbanse!!. DocumentaciÃģn ➡ firebase.google.com/docs/aut...
63. Firebase Auth: Manejo y cierre de sesiÃģn | Firebase | React en espaÃąol
āļĄāļļāļĄāļĄāļ­āļ‡ 26010 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™
Hola amigos!! 👋👋 Ya iniciamos sesiÃģn, Âŋy ahora que?, pues en este video te muestro como podemos hacer el manejo de sesiÃģ, ya sea para mostrar diferentes componentes, ir a una pÃĄgina en concreto, o simplemente para mostrar informaciÃģn de usuario. De igual forma te muestro como podemos implementar el cirre de sesiÃģn, para cuando sea requerido. Espero que les guste. Comenten ðŸ“Ļ, den me gusta 👍 y su...
62. Firebase Auth: Iniciar sesiÃģn con Google ðŸ‘Ļ‍ðŸ’ŧðŸ”Ĩ | Firebase | React en espaÃąol
āļĄāļļāļĄāļĄāļ­āļ‡ 31310 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™
62. Firebase Auth: Iniciar sesiÃģn con Google ðŸ‘Ļ‍ðŸ’ŧðŸ”Ĩ | Firebase | React en espaÃąol
61. Firebase Auth: ÂŋComo aÃąadir firebase a mi proyecto? | Firebase | React en espaÃąol
āļĄāļļāļĄāļĄāļ­āļ‡ 15211 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™
61. Firebase Auth: ÂŋComo aÃąadir firebase a mi proyecto? | Firebase | React en espaÃąol
60. Firebase Auth: diseÃąo de formulario ðŸ‘Ļ‍ðŸ’ŧ | React en espaÃąol
āļĄāļļāļĄāļĄāļ­āļ‡ 20711 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™
60. Firebase Auth: diseÃąo de formulario ðŸ‘Ļ‍ðŸ’ŧ | React en espaÃąol
07. ÂŋCÃģmo le indico a Git que deje de hacer elseguimiento de un archivo? | git rm | Curso GIT
āļĄāļļāļĄāļĄāļ­āļ‡ 89āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§
07. ÂŋCÃģmo le indico a Git que deje de hacer elseguimiento de un archivo? | git rm | Curso GIT
06. ÂŋCÃģmo puedo ignorar archivos? | .gitignore | Curso GIT
āļĄāļļāļĄāļĄāļ­āļ‡ 228āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§
06. ÂŋCÃģmo puedo ignorar archivos? | .gitignore | Curso GIT
05. ÂŋCÃģmo corregir el Último commit? | git commit --amend | Curso GIT
āļĄāļļāļĄāļĄāļ­āļ‡ 901āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§
05. ÂŋCÃģmo corregir el Último commit? | git commit amend | Curso GIT
04. ÂŋCÃģmo puedo deshacer mis cambios? | git reset | Curso GIT
āļĄāļļāļĄāļĄāļ­āļ‡ 584āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§
04. ÂŋCÃģmo puedo deshacer mis cambios? | git reset | Curso GIT
03. Area temporal (Staging) y haciendo commit de cambios | git add | git commit | Curso GIT
āļĄāļļāļĄāļĄāļ­āļ‡ 117āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§
03. Area temporal (Staging) y haciendo commit de cambios | git add | git commit | Curso GIT
02. Inicializando repositorio 📁, creando y modificando archivos | git init | git status | Curso GIT
āļĄāļļāļĄāļĄāļ­āļ‡ 330āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§
02. Inicializando repositorio 📁, creando y modificando archivos | git init | git status | Curso GIT
01. IntroducciÃģn e InstalaciÃģn 📝📁 | Curso GIT
āļĄāļļāļĄāļĄāļ­āļ‡ 617āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§
01. IntroducciÃģn e InstalaciÃģn 📝📁 | Curso GIT
59. Calculadora: Publicando app en menos de 5 minutos ðŸ“ąðŸŒ | Vercel | React en espaÃąol
āļĄāļļāļĄāļĄāļ­āļ‡ 217āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§
59. Calculadora: Publicando app en menos de 5 minutos ðŸ“ąðŸŒ | Vercel | React en espaÃąol
58. Calculadora: Creando tema oscuro 🌙🌑| React en espaÃąol
āļĄāļļāļĄāļĄāļ­āļ‡ 293āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§
58. Calculadora: Creando tema oscuro 🌙🌑| React en espaÃąol
57. Calculadora: Operaciones ðŸ‘Ļ‍ðŸ’ŧ y manejo de errores ðŸ’ŧðŸšŦ | React en espaÃąol
āļĄāļļāļĄāļĄāļ­āļ‡ 440āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§
57. Calculadora: Operaciones ðŸ‘Ļ‍ðŸ’ŧ y manejo de errores ðŸ’ŧðŸšŦ | React en espaÃąol
56. Calculadora: LÃģgica de botones y operaciones bÃĄsicas ðŸ“ą ➕➖ | React en espaÃąol
āļĄāļļāļĄāļĄāļ­āļ‡ 1.1Kāļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§
56. Calculadora: LÃģgica de botones y operaciones bÃĄsicas ðŸ“ą ➕➠| React en espaÃąol
55. Calculadora: Estructura de componentes y diseÃąo 💅ðŸ‘Ļ‍ðŸ’ŧ | React en espaÃąol
āļĄāļļāļĄāļĄāļ­āļ‡ 1.7Kāļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§
55. Calculadora: Estructura de componentes y diseÃąo 💅ðŸ‘Ļ‍ðŸ’ŧ | React en espaÃąol

āļ„āļ§āļēāļĄāļ„āļīāļ”āđ€āļŦāđ‡āļ™

  • @nelsonnel5473
    @nelsonnel5473 15 āļ§āļąāļ™āļ—āļĩāđˆāļœāđˆāļēāļ™āļĄāļē

    Gran explicaciÃģn crack 👍

  • @ANDRES31321
    @ANDRES31321 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    ÂŋY si ya le hice push al commit? Es que utilicÃĐ el comando --amend, pero el repo clonado en Github no actualizÃģ la modificaciÃģn en el commit.

  • @CreatingWithFilaments
    @CreatingWithFilaments āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Muy bueno gracias. Me sirviÃģ mucho . Tenía problemas con esto

  • @omardev9626
    @omardev9626 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Llegando a tu canal, tienes buen contenido, desde maÃąana empiezo a estudiar tu curso de React.

    • @PabloGallardoDev
      @PabloGallardoDev āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      @@omardev9626 gracias por el apoyo

  • @meanimex
    @meanimex 2 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    pregunta ademÃĄs de que te registra con la cuenta de Google tibien guarda los dados del usuario de lo que agÃĄ dentro de la app osar todo lo que ise si vuelvo a iniciar sesiÃģn estarÃĄ hay ?????

  • @LuisIbaÃąez-b9i
    @LuisIbaÃąez-b9i 2 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    GRACIAS!

    • @PabloGallardoDev
      @PabloGallardoDev 2 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Gracias por comentar

  • @jesusalbertlarajimenez7171
    @jesusalbertlarajimenez7171 2 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    hola amigo,me gusto mucho tu video y me esta ayudando bastante,solo tengo una duda, si introduciste la api en client?,por que como tu lo hiciste me arrojaba errores y despues de introducir mi api de autenticacion ya pude registras

  • @angelpeynado5628
    @angelpeynado5628 2 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Gracias

    • @PabloGallardoDev
      @PabloGallardoDev 2 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      A la orden

  • @oscareduardorestrepomejia600
    @oscareduardorestrepomejia600 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Me gustan tus ejemplos bro, muy buen curso :)

    • @PabloGallardoDev
      @PabloGallardoDev 2 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Gracias! 😊

  • @oscareduardorestrepomejia600
    @oscareduardorestrepomejia600 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Gran curso bro :)

  • @Zefirot0614
    @Zefirot0614 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Gracias, estuve navegando en varios canales y con ninguno entendía nada, muy claro y precisa la informaciÃģn para realizar esta actividad. Lo peor es darse cuenta que al final no era tan difícil, pero ayuda que las cosas te las expliquen y no solo copiar por copiar, gracias de nuevo

  • @albertoblackburn
    @albertoblackburn 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Excellente Curso lo felicito,Maestro.

  • @leonlarregui2208
    @leonlarregui2208 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    CompaÃąeros como puedo crear la API online (osea que no este en local)

  • @benjaminsanchezibanez9457
    @benjaminsanchezibanez9457 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Aquí parto la jornada veremos si logro aprender por fin react! Tengo mucha ilusiÃģn :)

  • @cursofrancesparatodos
    @cursofrancesparatodos 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    gracias, muy bien expicado, pregunta ya lo hice, en git hub, no veo los cambios, o cuando uno hace nuevamente git add . , git commit , git push, en la pagina de git hub, se vera reflejado, ya que en el repository veo aun los que elimine

  • @LucasAlvarez-de5ts
    @LucasAlvarez-de5ts 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    sos mogolicoo o lo haces a propositoo flaco? y el ejecutador? 11 minutos para esto?? POR DIOSSSS ya dejo dejo dislike

  • @Tomas2105f
    @Tomas2105f 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Saludos! Comenzando el curso, pinta excelente

    • @PabloGallardoDev
      @PabloGallardoDev 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      @@Tomas2105f Gracias por el apoyo

  • @RoelLealA
    @RoelLealA 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Buen video bro, ojala ver mas de esto

    • @PabloGallardoDev
      @PabloGallardoDev 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Claro que sí! Hoy subí nuevo video ;)

  • @andresSantiIIan
    @andresSantiIIan 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    donde puedo conseguir ese SVG del logo de pokemon?

    • @PabloGallardoDev
      @PabloGallardoDev 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      En su momento yo lo obtuve desde google buscando el logo en PNG, si no en todo caso te comparto el archivo de SVG Que utilice github.com/pablogallardodev/pokedex/blob/main/src/components/Icons.jsx

  • @m0xt3r6
    @m0xt3r6 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Eres grandioso, gracias por estos contenido, se que algun dia tendras mas subs.

  • @laurapaolasuarezmarciales3332
    @laurapaolasuarezmarciales3332 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    cuando estarÃĄ disponible el siguiente video?

    • @PabloGallardoDev
      @PabloGallardoDev 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Esta semana saldrÃĄ el nuevo video de la serie, espÃĐralo 👊✌

  • @juanka9643
    @juanka9643 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Hola gracias por este tutorial super completo y prÃĄctico, me puedes orientar , despuÃĐs de realizar cambios en vsc, como confirmarlos en github? Gracias

    • @PabloGallardoDev
      @PabloGallardoDev 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Claro que si con gusto los pasos a seguir son los siguientes. 1. Validar que tu repo local este conectado con tu repo remoto (github), si seguiste este video eso ya lo tienes. 2. Hacer uno o varios cambios en los archivos de tu proyecto. 3. AÃąadir los cambios a subir para eso usamos el comando de "git add ." 4. Hacemos un commit "git commit -m 'mensanje' " 5. Enviamos los cambios al remoto con "git push" Para una mejor referencia te comparto mi curso de GIT: th-cam.com/play/PLjhrQWpk919588Jso7QkevQyG_1L0vFNm.html

  • @alfonsoruizcalvo1116
    @alfonsoruizcalvo1116 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Parcero usted podría hacer un video de como bajar bien la informaciÃģn de Github ya que lo descomprimo pero en visual estudio veo que hacen falta muchos datos de la calculadora

    • @PabloGallardoDev
      @PabloGallardoDev 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Con gusto, para esto te puedes basar en este video de mi canal, ya tiene un tiempo pero funciona de igual forma, espero sea de ayuda. th-cam.com/video/y9D2XTk52wc/w-d-xo.html

  • @alfonsoruizcalvo1116
    @alfonsoruizcalvo1116 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    buen dia pablo estoy comenzando a trabajar con react y me gustaria saber si me puedes pasar el archivo de visual estudio code ya que en github no aparece el repositorio ,quedo muy agradecido parcero 💊

    • @PabloGallardoDev
      @PabloGallardoDev 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Buen día, Una disculpa de antemano, hice una reestructura de los repos en mi perfil de gihub, pero con gusto te comparto el link para descargar el cÃģdigo correcto. github.com/pablogallardodev/calculator

  • @m4agic-_death858
    @m4agic-_death858 7 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Muchísimas gracias! Me sirviÃģ un montÃģn

    • @PabloGallardoDev
      @PabloGallardoDev 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Con mucho gusto

  • @juanfut-lp
    @juanfut-lp 7 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Que explicaciÃģn tan buena , me sirviÃģ demasiado este video !!

  • @abrahamvelazquezgonzalez1732
    @abrahamvelazquezgonzalez1732 7 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    excelente

  • @Vorwinn
    @Vorwinn 7 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Que grande, me salvaste de un laboratorio

    • @PabloGallardoDev
      @PabloGallardoDev 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Gracias por el apoyo.

  • @gerardoaraujo5312
    @gerardoaraujo5312 7 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    super buenisimo

  • @gerardoaraujo5312
    @gerardoaraujo5312 7 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    me gusta lo explicito que eres, te haces entender, vas directo y sin dar tanta vuelta, eso permite que uno como tu alumno, entienda mejor, gracias y muchas bendiciones

    • @PabloGallardoDev
      @PabloGallardoDev 7 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Muchas gracias, saludos

  • @isaaccastillo8628
    @isaaccastillo8628 8 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Quiero darte las gracias por compartir estos videos Pablo, son de mucha ayuda como no imaginas. El SeÃąor Jesucristo te bendiga enormemente a ti tu familia. Saludos desde Chile !!

  • @lisiarias2205
    @lisiarias2205 9 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    amigo para instalar cygwin el paquete cygwin.zip como lo instalo ya que no veo un ejecutable .sh en kali Linux me podrias alludar

  • @JavierRojas-o4f
    @JavierRojas-o4f 9 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Excelente video y guia. Explica muy bien, gracias por ayudarme con React

    • @PabloGallardoDev
      @PabloGallardoDev 9 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Gracias, saludos!

  • @DamianRodriguez422
    @DamianRodriguez422 10 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Buen video saludos desde Argentina !!!!

    • @PabloGallardoDev
      @PabloGallardoDev 10 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Gracias por ver

  • @cristianhernanhuscht7569
    @cristianhernanhuscht7569 10 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    tienes un video donde expliques y enseÃąes a hacer la pokedex desde cero ?

    • @PabloGallardoDev
      @PabloGallardoDev 10 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Claro que si, en la siguiente play list puedes ver todos los videos de mi curso, en especifico el nÚmero 42 inicio la creaciÃģn de la pokedex, espero sea de ayuda. th-cam.com/play/PLjhrQWpk91973GmCMj9-5i6-mwjFGjf6y.html

  • @xfriend2512
    @xfriend2512 10 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Previamente tengo que configurar algÚn package.json?, estuve intentando desde hace mÃĄs de 4 horas subir mi proyecto de react a github, 3 veces me diÃģ error los cÃģdigos de git y 1 vez que sí funcionÃģ pero al ingresar a la pÃĄgina que me diÃģ github me saliÃģ error que no había algÚn main

    • @xfriend2512
      @xfriend2512 10 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Ya lo arreglÃĐ, tuve que volver a rehacer el proyecto react y por lo que tengo entendido en github no funciona bien al subir una pÃĄgina de react

    • @PabloGallardoDev
      @PabloGallardoDev 10 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Para poder subir tucodigo a la plataforma de github, basta con que tengas la herramienta de git instalada, la cual permite ejecutar los comandos, puede ser que cuando te funciono no viste nada ya que solo hiciste commit de forma local, para subir al repo tienes que vincular el repositorio en gihub con tu local usando el siguiente comando "git remote add origin (URL REPO GITHUB)" Espero que esto te sea de ayuda.

    • @xfriend2512
      @xfriend2512 10 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      @@PabloGallardoDev gracias <333

  • @jtokz_
    @jtokz_ 10 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Gracias bro, lo necesitaba pq hice un lío xd

    • @PabloGallardoDev
      @PabloGallardoDev 10 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Con gusto

  • @isrcas
    @isrcas 10 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    explicas muy bien, felicitaciones

    • @PabloGallardoDev
      @PabloGallardoDev 10 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Gracias! Saludos!

  • @gomu_2002
    @gomu_2002 10 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Tengo una duda, cÃģmo hago que los nombres de los tipos, habilidades y estadisticas los cambie al espaÃąol. De por si la pÃĄgina esta en espaÃąol y queda raro que en laa descripciones ee los PokÃĐmon esten en inglÃĐs.

    • @PabloGallardoDev
      @PabloGallardoDev 10 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Por defecto la API utilizada es siempre en ingles, por lo que estas secciones tienen ese idioma, sin embargo puedes hacer un tipo diccionario con una clase de JS en donde tengas tu la traducciÃģn, es decir buscar la palabra como key y posteriormente mostrar la traducida. Pero el consumir la API siempre te vendrÃĄ en ingles. Espero sea de ayuda saludos ✌

  • @maximomujica4049
    @maximomujica4049 11 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Gracias!!

  • @Chudopie
    @Chudopie 11 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Excelente

  • @PepeLandya
    @PepeLandya 11 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Tengo una pregunta sobre un problema que estoy experimentando con el cÃģdigo. Cuando intento editar un equipo específico, por ejemplo, el "Real Betis EspaÃąa", si presiono 'Cancelar' y luego intento nuevamente editar ese mismo equipo utilizando el botÃģn correspondiente, no se realiza la ediciÃģn. Sin embargo, si selecciono el botÃģn de editar de otro equipo y luego regreso al "Real Betis EspaÃąa", la ediciÃģn funciona correctamente. ÂŋEsto solo me estÃĄ sucediendo a mí? Saludos.

    • @PabloGallardoDev
      @PabloGallardoDev 11 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Hola buen día, me parece que si solo te sucede a ti, debido a que al botÃģn de cancelar del formulario nunca agregue funcionalidad, entonces se puede decir que como tal no funciona, el boton es de tipo "reset" pero como los valores los lleno desde un estado de react, al no borrar la info del estado esa siempre aparece, por lo cual si tu das en cancelar y posterioreÂŋmente a enviar te debería editar el equipo seleccionado ya que no cambio el id del equipo. Espero esto sea de ayuda, puedes checar que al hacer clic en cancelar no se pierda la info del equipo seleccionado.

  • @diegocattaneo5653
    @diegocattaneo5653 11 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Muy bueno Pablo, especialmente por el uso de customHooks y por no sÃģlo haberte enfocado en la validaciÃģn del formulario sino tambiÃĐn en la funcionalidad de envío con handleErrors. No encontraba un video así 😅. Suerte crack!!!

    • @PabloGallardoDev
      @PabloGallardoDev 11 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Muchas gracias por el apoyo espero que siga siendo de ayuda este curso, Saludos!

  • @luiscondoblei
    @luiscondoblei 11 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Mucho ÃĐxito en todo! :d

  • @ulisesoreste7309
    @ulisesoreste7309 11 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Hola! gracias por el video! que tan seguro es enviar correos desde el front? es recomendable a nivel seguridad?

    • @PabloGallardoDev
      @PabloGallardoDev 11 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Lo que yo puedo ver en temas de seguridad es que puedan cachar el correo de destino, pero para esto existen varios servicios de enviÃģ de formularios como FormSubmit, los cuales puedes implementar de manera mÃĄs seguro.

  • @PepeLandya
    @PepeLandya āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Esta bastante bueno tu curso, estaba pensando si se podia achicar mas el codigo y la unica manera que se me ocurrio fue usar un objeto dentro de hub: const [paginacion, setPaginacion] = useState( { next: null, previous: null, } ); Sigo aprendiendo gracias por este curso <3

    • @PabloGallardoDev
      @PabloGallardoDev 11 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Esa es una de las grandes ventajas de los hooks que al final tÚ decides que informaciÃģn y cÃģmo manejarla en el estado, por eso es que me agrada utilizar esto de react. Gracias por tus comentarios

  • @fabianporcel9234
    @fabianporcel9234 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    SubirÃĄs back end amigo?

    • @PabloGallardoDev
      @PabloGallardoDev āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Hola que tal, si te refieres a trabajar con un proyecto de back end utilizando GIT, si así es, posteriormente aplicaremos lo aprendido en un proyecto Real ÂĄSaludos!

  • @silviabouza9910
    @silviabouza9910 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Excelente explicacion muy claro todo👍

    • @PabloGallardoDev
      @PabloGallardoDev āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Gracias por comentar

  • @Salvacionyvida
    @Salvacionyvida āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Tengo un inconveniente, cuando escribo npm, me aparece que no existe.

    • @PabloGallardoDev
      @PabloGallardoDev āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Se me ocurren 2 casos, el primero que no tengas instalado Node JS (nodejs.org/en), por eso no te reconoce el comando. El segundo caso es que si lo intentas ejecutar desde la terminal de VS Code puede que no tengas los scripts activados para el editor. Prueba ejecutar el comando usando la terminal nativa y como administrador. Espero sea de ayuda Saludos

  • @sakuragiTen
    @sakuragiTen āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Hoy nodejs esta en la version 20lts y 21 .. sirve el curso o cambio mucho? Saludos

    • @PabloGallardoDev
      @PabloGallardoDev āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Hola, el curso funciona igual, la versiÃģn de Node no tiene afectaciÃģn debido a que la lÃģgica de programaciÃģn para React es la misma. Saludos!!!