- 33
- 107 035
panvdev
Приєднався 6 вер 2021
Reto Técnico para React Frontend Developer | Español 2024
✅ En este video, te guiaré a través de una explicación clara y sencilla de un ejercicio técnico utilizado en entrevistas técnicas para desarrollador React.
El proyecto está realizado con React y Typescript, además, este reto técnico ayuda a consolidar nuestro conocimiento respecto al estado en React.
Link repositorio Github: github.com/PatrickNv23/react-points-challenge
🔴 ------ OTROS VIDEOS QUE TE PUEDEN INTERESAR ------- 🔴
✔️ Backup de una Base de Datos MySql utilizando la consola CMD:
► ua-cam.com/video/xZni8RdhXPo/v-deo.html
✔️ Creación de una base de datos con MySql Workbench:
► ua-cam.com/video/QQV7SFmqoH8/v-deo.html
🔴 ----- APLICACIÓN "LISTA DE TAREAS" UTILIZANDO HTML, CSS Y JAVASCRIPT ----- 🔴
✔️ Aplicación "Lista de Tareas" PARTE 1:
► ua-cam.com/video/pfrdht5m0Wg/v-deo.html
✔️ Aplicación "Lista de Tareas" PARTE 2:
► ua-cam.com/video/PWWx-bs78IQ/v-deo.html
✔️ Aplicación "Lista de Tareas" PARTE 3:
► ua-cam.com/video/vntNx9EpYaI/v-deo.html
✔️ Aplicación "Lista de Tareas" PARTE 4:
► ua-cam.com/video/sJQwHZHfhS8/v-deo.html
No olvides suscribirte, darle like y dejar tus comentarios. ¡Prepárate para entender el siguiente ejercicio técnico en React! 🚀👨💻✨.
#ReactJS
#ReactDeveloper
#JuniorDeveloper
#CodingChallenge
#TechnicalInterview
#ReactTutorial
#WebDevelopment
#FrontendDeveloper
#Programming
#CodeWithMe
#DeveloperTips
#InterviewPrep
#LearnReact
#ReactJSChallenge
#CodingInterview
#TechInterviewPrep
#SoftwareDevelopment
#DevCommunity
#CodeNewbie
#LearnToCode
El proyecto está realizado con React y Typescript, además, este reto técnico ayuda a consolidar nuestro conocimiento respecto al estado en React.
Link repositorio Github: github.com/PatrickNv23/react-points-challenge
🔴 ------ OTROS VIDEOS QUE TE PUEDEN INTERESAR ------- 🔴
✔️ Backup de una Base de Datos MySql utilizando la consola CMD:
► ua-cam.com/video/xZni8RdhXPo/v-deo.html
✔️ Creación de una base de datos con MySql Workbench:
► ua-cam.com/video/QQV7SFmqoH8/v-deo.html
🔴 ----- APLICACIÓN "LISTA DE TAREAS" UTILIZANDO HTML, CSS Y JAVASCRIPT ----- 🔴
✔️ Aplicación "Lista de Tareas" PARTE 1:
► ua-cam.com/video/pfrdht5m0Wg/v-deo.html
✔️ Aplicación "Lista de Tareas" PARTE 2:
► ua-cam.com/video/PWWx-bs78IQ/v-deo.html
✔️ Aplicación "Lista de Tareas" PARTE 3:
► ua-cam.com/video/vntNx9EpYaI/v-deo.html
✔️ Aplicación "Lista de Tareas" PARTE 4:
► ua-cam.com/video/sJQwHZHfhS8/v-deo.html
No olvides suscribirte, darle like y dejar tus comentarios. ¡Prepárate para entender el siguiente ejercicio técnico en React! 🚀👨💻✨.
#ReactJS
#ReactDeveloper
#JuniorDeveloper
#CodingChallenge
#TechnicalInterview
#ReactTutorial
#WebDevelopment
#FrontendDeveloper
#Programming
#CodeWithMe
#DeveloperTips
#InterviewPrep
#LearnReact
#ReactJSChallenge
#CodingInterview
#TechInterviewPrep
#SoftwareDevelopment
#DevCommunity
#CodeNewbie
#LearnToCode
Переглядів: 1 066
Відео
¡Aprende el Patrón Memento de una Vez por Todas! Explicación + Ejemplo
Переглядів 2422 місяці тому
✅ En este video, te guiaré a través de una explicación clara y sencilla de cómo funciona este patrón y por qué es tan útil en el desarrollo de software. Además, te mostraré un ejemplo práctico paso a paso para que puedas entenderlo fácilmente y aplicarlo en tus propios proyectos. Link patrones de diseño: refactoring.guru/es/design-patterns/memento Link Publicación en Medium: medium.com/@patrick...
🚀 React Hook Form para Principiantes: ¡Aprende lo Esencial en Minutos!
Переглядів 1198 місяців тому
🚀 React Hook Form para Principiantes: ¡Aprende lo Esencial en Minutos! ¡Bienvenidos desarrolladores! En este nuevo video, exploraremos juntos los fundamentos de React Hook Form, la herramienta revolucionaria para simplificar la gestión de formularios en React. Este tutorial te llevará paso a paso a través de los conceptos esenciales que necesitas saber. En este video, aprenderás: ✨ Registro de ...
App de Video Chat Tipo Zoom con REACT y ZEGOCLOUD 😱 Tutorial Español 2023
Переглядів 5629 місяців тому
✅ El presente video es un tutorial de como integrar el servicio de video chat de Zegocloud en un proyecto de React. La finalidad del video es dar a conocer la utilidad de este poderoso servicio de video llamadas en tiempo real y su integración sencilla en cualquier proyecto, por otro lado, se explicó como integrar variables de entorno en un proyecto de Vite con React para manejar datos sensible...
🔥Scroll Infinito en Angular 16 | Tutorial Completo en Español 2023
Переглядів 1,5 тис.9 місяців тому
✅ El presente video es un tutorial de como agregar un scroll infinito a una aplicación de Angular utilizando la librería ngx-infinite-scroll. La utilización del scroll infinito mediante esta librería es muy sencillo y permite maximizar la eficiencia en el desarrollo, por otro lado, se explicó paso a paso la creación del proyecto y la agregación de las directivas para que funcione el scroll infi...
🔥Login y Registro En Angular v16.2 y Firebase Authentication (ng add @angular/fire) 2023 🚀
Переглядів 4,5 тис.11 місяців тому
✅ El presente video es un tutorial de como crear un login y registro en un proyecto de Angular v16.2 con Firebase Authentication. En el video se explicará paso a paso toda la configuración que se tiene que realizar para conectar tu aplicación de angular con Firebase Authentication junto a la instalación del paquete (ng add @angular/fire). Por otro lado, se estará utilizando la última versión de...
🚀COMO ACTUALIZAR ANGULAR A SU ÚLTIMA VERSIÓN ⚡TUTORIAL COMPLETO 2023
Переглядів 956Рік тому
✅ El presente video es un tutorial de como actualizar angular a su última versión (Angular v16). El método utilizado en este video para la actualización sirve para todas las "últimas versiones" de Angular, por lo tanto, es un método válido para las próximas versiones que saldrán en el futuro. Sitio Oficial de Angular: angular.io/ 🔴 OTROS VIDEOS QUE TE PUEDEN INTERESAR 🔴 ✔️ Backup de una Base de...
🚀 Cómo ENVIAR archivos mediante HTTP en Angular ⚡Tutorial Completo 2023
Переглядів 2,4 тис.Рік тому
✅ El presente video es un tutorial de como enviar archivos mediante el protocolo HTTP desde una aplicación en Angular. El envío de archivos se realizará mediante el objeto FormData de JavaScript y los módulos esenciales en Angular para realizar peticiones HTTP, además, tendrá como destino una API REST creada en ASP .NET para depurar y verificar los archivos. Por último, solo quiero recalcar que...
Como FUSIONAR RAMAS en Git (GIT MERGE) Tutorial en Español 2023
Переглядів 9 тис.Рік тому
✅ El presente video es un tutorial de como fusionar ramas en Git, lo que se conoce como GIT MERGE, por lo tanto, debes tener instalado Git en tu computadora. Descarga Git aquí: git-scm.com/downloads En el presente video se explicará paso a paso como iniciar un repositorio de git, añadir archivos al repositorio, hacer un commit, crear ramas y por último, fusionarlas realizando un git merge. Por ...
Carrito de Compras en React con el hook UseReducer
Переглядів 4,1 тис.Рік тому
✅ El presente video es un tutorial de como crear un carrito de compras en React con el hook useReducer para manejar el estado de tu aplicación. La creación del carrito de compras consistirá en crear nuestra función reductora que se encargará de actualizar el estado dependiendo de las acciones que se realicen, además, utilizaremos el hook useReducer para mandar la información mediante la función...
Como crear una API REST con Spring Boot y MySQL - 2022
Переглядів 6 тис.Рік тому
✅ El presente video es un tutorial de como crear una Api rest full con el framework Spring y MySQL. La creación de un servicio rest con Spring boot es muy intuitiva y fácil de implementar, ya que el framework realiza gran cantidad de procesos internamente que nos facilita el desarrollo, además, contiene varias clases e interfaces creadas con métodos destinados a la manipulación de una base de d...
Como Subir Tu Página Web a Internet con GITHUB PAGES 2022
Переглядів 9 тис.Рік тому
✅ El presente video es un tutorial de como subir tus páginas estáticas de html, css y javascript a internet utilizando el servicio de GitHub Pages. Es un servicio que nos proporciona GitHub para nuestros repositorios, además, nos otorga dos métodos para realizar ese proceso: método de usuario u organización y el método del sitio del proyecto. En este video, se explicará ambos métodos para obser...
Convertir Word a Pdf y Viceversa con Java Tutorial Completo 2022
Переглядів 896Рік тому
✅ El presente video es un tutorial de como convertir archivos word a pdf y viceversa utilizando el lenguaje Java y apoyándonos de la libreria Spire.doc y Spire.pdf en sus versiones gratuitas. Estas librerias utilizadas son muy potentes ya que te permite manejar diferentes tipos de archivos de ofimática. Al utilizar sus versiones gratuitas tenemos ciertas limitaciones como la conversión de sólo ...
✅ Descargar e Instalar MySQL Server y MySQL Workbench en Windows 11 2022
Переглядів 15 тис.Рік тому
✅ Descargar e Instalar MySQL Server y MySQL Workbench en Windows 11 2022
✅ Descargar e Instalar POSTMAN en Windows 11 2022
Переглядів 609Рік тому
✅ Descargar e Instalar POSTMAN en Windows 11 2022
✅ SQL Comandos Básicos Parte 1 - 2022
Переглядів 1,3 тис.Рік тому
✅ SQL Comandos Básicos Parte 1 - 2022
📜 Paginación de Pokemones con Html, Css y JavaScript - Primera Parte 🔍Tutorial Completo 2022 ✅
Переглядів 462Рік тому
📜 Paginación de Pokemones con Html, Css y JavaScript - Primera Parte 🔍Tutorial Completo 2022 ✅
📜 Paginación de Pokemones con Html, Css y JavaScript - Segunda Parte🔍Tutorial Completo 2022 ✅
Переглядів 335Рік тому
📜 Paginación de Pokemones con Html, Css y JavaScript - Segunda Parte🔍Tutorial Completo 2022 ✅
Generar Pdf Con Java y MySQL 💻Tutorial Completo en Español 2022
Переглядів 2,3 тис.2 роки тому
Generar Pdf Con Java y MySQL 💻Tutorial Completo en Español 2022
✅CRUD Con Java y MySQL - 💻 Tutorial Completo en Español 2022✅
Переглядів 5 тис.2 роки тому
✅CRUD Con Java y MySQL - 💻 Tutorial Completo en Español 2022✅
🕓 Como Crear Un Reloj Digital (HTML, CSS Y JAVASCRIPT) - Tutorial Completo En Español 2022 🕓
Переглядів 4502 роки тому
🕓 Como Crear Un Reloj Digital (HTML, CSS Y JAVASCRIPT) - Tutorial Completo En Español 2022 🕓
✅ Convertir Número Decimal a Binario con Html, Css y JavaScript 💻Tutorial Completo 2022
Переглядів 3,6 тис.2 роки тому
✅ Convertir Número Decimal a Binario con Html, Css y JavaScript 💻Tutorial Completo 2022
✅ Como Crear un Editor De Código con Html, Css y JavaScript 💻Tutorial Completo 2021 ✅
Переглядів 5 тис.2 роки тому
✅ Como Crear un Editor De Código con Html, Css y JavaScript 💻Tutorial Completo 2021 ✅
⌛ Promesas y Funciones Asíncronas (Registro de Productos - JavaScript) | 2021 ✅
Переглядів 742 роки тому
⌛ Promesas y Funciones Asíncronas (Registro de Productos - JavaScript) | 2021 ✅
🚀 Como Subir Tu Proyecto a GITHUB 💻 Tutorial Completo 2021 ✅
Переглядів 2,1 тис.2 роки тому
🚀 Como Subir Tu Proyecto a GITHUB 💻 Tutorial Completo 2021 ✅
✅ Crear BASE DE DATOS en MYSQL Desde Cero (Workbench) | 2021 ✅
Переглядів 20 тис.2 роки тому
✅ Crear BASE DE DATOS en MYSQL Desde Cero (Workbench) | 2021 ✅
Como hacer una "Lista de Tareas" (Html, Css y JavaScript) - PARTE 4 (JAVASCRIPT) LOCALSTORAGE | 2021
Переглядів 1 тис.2 роки тому
Como hacer una "Lista de Tareas" (Html, Css y JavaScript) - PARTE 4 (JAVASCRIPT) LOCALSTORAGE | 2021
Como hacer una "Lista de Tareas" (Html, Css y JavaScript) - PARTE 3 (JAVASCRIPT) DOM | 2021
Переглядів 1,3 тис.2 роки тому
Como hacer una "Lista de Tareas" (Html, Css y JavaScript) - PARTE 3 (JAVASCRIPT) DOM | 2021
Como hacer una "Lista de Tareas" (Html, Css y JavaScript) - PARTE 2 (CSS) | 2021
Переглядів 1,3 тис.2 роки тому
Como hacer una "Lista de Tareas" (Html, Css y JavaScript) - PARTE 2 (CSS) | 2021
Como hacer una "Lista de Tareas" (Html, Css y JavaScript) - PARTE 1 (HTML) | 2021
Переглядів 1,9 тис.2 роки тому
Como hacer una "Lista de Tareas" (Html, Css y JavaScript) - PARTE 1 (HTML) | 2021
<!DOCTYPE html> <html> <head> <title> TEXT + </title> </head> <body> <div clases="contenedor"> <Textarea clases="texto_integrado" ID="texto" placeholder="Escribe tu nota(código) aqui"></textarea> <Iframe clases="editor" ID="editor" srcdoc="resultado aquí"> </> </div> </body> </html>
Aporten suscribiendome gracias gente🎉
Buenísimo el video muchas gracias!!!
God
Me gusto tu fondo de pantalla.
gracias por el video, super entendible. Solo me quedo una duda.. El merge que hiciste al final, se quedo en tu 'local'? Es decir, despues de hacer eso necesitarias hacer un 'push' a la rama master remota (push origin master)?
Amazing 🔥🔥
Hola, espero les haya gustado el video, les dejo mi canal donde pueden encontrar más contenido respecto a estos temas: ua-cam.com/channels/E24hnps3RP4JMfv8kbDb4Q.html
Cuál es el tamaño máximo que puedes enviar de cada archivo
necesito enviar varios archivos de mp3 pero no me funciona
Buen tutorial, como se pasa de Word a Pdf sin que se pierda los estilos de los textos?
Hola, espero les haya gustado el video, les dejo mi canal donde pueden encontrar más contenido respecto a estos temas: ua-cam.com/channels/E24hnps3RP4JMfv8kbDb4Q.html
Excelente video, me ayudo a entregar mi tarea, muchas gracias crack🥲
Qué excelente video, paso a paso bien explicado, busqué y busqué por un video así pero tu fuiste el único q lo explicó bien.
Me ayudó muchísimo... Gracias!!
no sirve
excelente explicacion, con las imagenes en cada instancia se entiende super sencillo
Muchas gracias
Pero avisa hajaja
xd si, ayer fue stream de prueba, ni siquiera prendí el micrófono, para la próxima avisaré con tiempo. Gracias.
Cual es tu fuente de visual ???
Fuente: Jetbrains Mono Tema: Gruvbox Theme de jdinhlife Íconos: Monokai Pro
Hola sabes cómo se une una base de datos así con una página en HTML para crear un sistema de información para una tienda, me dejaron eso de tarea, pero el maestro no nos ha enseñado nada de eso, no sé si se usa php o apache, dijo que nos puede reprobar si no lo hacemos bien. Pero ya no sé de dónde sacar un ejemplo para hacer esa tarea, no sé cómo unir la base de datos con una página web y luego cómo le mando la tarea al maestro para que me califique? Dame unas ideas por favor. Ya me suscribí.
amigo te recomiendo que en tus videos los realices paso a paso ya que asi confundes a los que no tienen mucho conocimiento de tal manera que los que si tienen conocimiento podamos detectar tus errores, a mi tampoco me funicona el metodo que realizaste
Hola, entiendo lo tendré en cuenta para los próximos videos. Gracias.
06/03/2024 excelente tutorial , se explica muy bien , se hizo el backup sin problemas
Hola buen día podrías hacerlo con un formulario?
Muchas gracias por la informacion. Exito en tu canal.
Muy bueno, bien ordenado conciso y bien explicado
con angular 16.2 y fire 16.0.0 no crea la carpeta enviroments al agregar el módulo de autenticación, a qué es debido esto? gracias!!
Exacto, el equipo de angular simplificó eso, pero para crearlo, solo ejecuta este comando en la terminal: ng generate environments
@@panvdev4234 Podrias hacer un video al respecto?, ya que hay que aplicarlo manual de ser el caso, me refiero a los datos y configuracion para que establezca la conexion
y como puedo hacer si quiero agregar una nueva pagina web, y no puedo crearlo con el mismo nombre... que hago
ty papu
Hola buen día, disculpa, sabes cómo sería para guardar los datos del archivo en la db?
Muy útil muchísimas gracias.
Muchas gracias amigo!
muchas gracias por tu video
Como abro el maldito panel de comandos en esa carpeta si tengo Windows 10
gracias amigo!
fino de finos mi pana
gracias mi pana 🧐
Me ayudó bastante el tutorial, muchas gracias!!!
soy el unico que no tiene audio en el video?
Fino mi estimado 😎😎😎
Hola, espero les haya gustado el video, les dejo mi canal donde pueden encontrar más contenido respecto a estos temas: ua-cam.com/channels/E24hnps3RP4JMfv8kbDb4Q.html
Excelente
Te la chupaba(y tengo novia) !!! Bien hecho!
Mi página no me reconoce el css. Por qué puede ser?
Excelente explicacion, muchas gracias.
Como angular trabaja con ionic, es similar, no?
no me deja agregar o instalar @agular/firebase creo que es por problemas de compatibilidad de versiones tendrás alguna de idea de como solucionarlo? tengo la version más reciente de angular
Tienes la v17 ? Acabe de revisar y @angular/firebase sigue en la v16 pero la v17 ya está en pre-release como "17.0.0-next.0".
Super bien, hay algun metodo para que el usuario valide el email al registro?
Claro, lo puedes hacer con reactive forms de angular.
bueno video, pero no me funciona el evento, no hace nada.
Hola @gerardocardenas8805, podrías detallar un poco más sobre el error que estás teniendo?. Saludos.
[scrollWindow]="false"
tengo el mismo problema, hago el scroll hasta el final y nunca se dispara el evento
Hola, espero les haya gustado el video, les dejo mi canal donde pueden encontrar más contenido respecto a estos temas: ua-cam.com/channels/E24hnps3RP4JMfv8kbDb4Q.html
Gracias bro, nuevo sub..
saludos panvdev tengo una pregunta ¿y si quiero enviar datos de un formulario en el fromdata junto con el archivo ?
Saludos, de igual manera lo añades en el formData, en él puedes enviar todos los datos de un formulario.
Muchisimas gracias por tu aporte, me sacaste de un aprieto jajaj, no daba como enviarlo pero tu video estuvo super completo. Exitos!