- 54
- 461 426
Luis Cabrera
Colombia
เข้าร่วมเมื่อ 10 ส.ค. 2013
Programación con Javascript - React - Node
¿Qué es un HASH y para qué sirve? | Explicación sencilla de Hashing, MD5, SHA-1, SHA-256 y más
En este video, te explicamos qué es un hash, cómo funciona el proceso de hashing, y por qué es tan importante en la seguridad de datos, las criptomonedas y mucho más. Aprenderás sobre los algoritmos más conocidos como MD5, SHA-1, SHA-2 (incluyendo SHA-256) y el más reciente SHA-3, junto con sus aplicaciones más comunes como la almacenación de contraseñas, la integridad de datos y las firmas digitales. ¡Todo explicado de manera clara y sencilla para que entiendas cómo estos algoritmos protegen nuestra información! 🔐
🧐 ¿Qué es el hashing? ¿Cómo funciona un algoritmo de hashing? ¿Por qué es tan importante en la vida digital? 🤔
⏰ MARCAS DE TIEMPO:
0:00 Intro
0:08 ¿Qué es el Hashing?
0:40 Propiedades
0:44 No es reversible
1:25 Determinismo
1:45 Sensibilidad a cambios
3:28 Logitud fija
4:53 Colisiones
6:20 Que tan dificil es encontrar colisiones
8:57 Algoritmos comunes
9:07 MD5
9:26 SHA-0
9:58 SHA-1
10:18 SHA-2
12:20 SHA-3
13:15 Aplicaciones
13:25 Almacenamiento de contraseñas
14:10 Integridad de datos
14:41 Firmas digitales
15:18 Criptomonedas
16:08 Despedida
#Hashing #MD5 #SHA256 #Criptografía #Seguridad #Contraseñas #Blockchain #Criptomonedas #SeguridadInformática
🧐 ¿Qué es el hashing? ¿Cómo funciona un algoritmo de hashing? ¿Por qué es tan importante en la vida digital? 🤔
⏰ MARCAS DE TIEMPO:
0:00 Intro
0:08 ¿Qué es el Hashing?
0:40 Propiedades
0:44 No es reversible
1:25 Determinismo
1:45 Sensibilidad a cambios
3:28 Logitud fija
4:53 Colisiones
6:20 Que tan dificil es encontrar colisiones
8:57 Algoritmos comunes
9:07 MD5
9:26 SHA-0
9:58 SHA-1
10:18 SHA-2
12:20 SHA-3
13:15 Aplicaciones
13:25 Almacenamiento de contraseñas
14:10 Integridad de datos
14:41 Firmas digitales
15:18 Criptomonedas
16:08 Despedida
#Hashing #MD5 #SHA256 #Criptografía #Seguridad #Contraseñas #Blockchain #Criptomonedas #SeguridadInformática
มุมมอง: 771
วีดีโอ
MERN Stack 24 Subir una imagen O archivo Modal Maquetando Account Mongo Express Node JS
มุมมอง 6K3 ปีที่แล้ว
Maquetando Ventana Modal para editar una imagen, desde leer el fichero del input hasta previsualizarlo, también implementaremos mensajes "toast" mediante el paquete react-toastify Gist para descargar las imágenes y demás gist.github.com/luismcabrera/97b67fb3fd7c93fcd93788fa22883ae1 🚀 Enlace a la lista de reproducción completa th-cam.com/video/BDfBbJWBRGs/w-d-xo.html ¿Quieres apoyar el canal? :)...
MERN Stack 23 Maquetando Edit Modal React Hook Form y Yup Account - Mongo Express Node JS
มุมมอง 2.6K3 ปีที่แล้ว
Maquetando Ventana Modal para editar los datos del usuario. Utilizaremos React Hook Form Yup para manejar la lógica del formulario Gist para descargar las imágenes y demás gist.github.com/luismcabrera/97b67fb3fd7c93fcd93788fa22883ae1 🚀 Enlace a la lista de reproducción completa th-cam.com/video/BDfBbJWBRGs/w-d-xo.html ¿Quieres apoyar el canal? :) www.patreon.com/cabreraluis ⭐ Repositorio de git...
MERN Stack 22 Maquetando Change Password Modal React Hook Form y Yup Account - Mongo Express Node JS
มุมมอง 2.5K3 ปีที่แล้ว
Maquetando Ventana Modal para cambiar la contraseña del usuario. Utilizaremos React Hook Form Yup para manejar la lógica del formulario Gist para descargar las imágenes y demás gist.github.com/luismcabrera/97b67fb3fd7c93fcd93788fa22883ae1 🚀 Enlace a la lista de reproducción completa th-cam.com/video/BDfBbJWBRGs/w-d-xo.html ¿Quieres apoyar el canal? :) www.patreon.com/cabreraluis ⭐ Repositorio d...
MERN Stack 21 Maquetando Account Delete Modal - Mongo DB Express React JS Node
มุมมอง 1.8K3 ปีที่แล้ว
Maquetando Ventana Modal para eliminar la cuenta del usuario Gist para descargar las imágenes y demás gist.github.com/luismcabrera/97b67fb3fd7c93fcd93788fa22883ae1 🚀 Enlace a la lista de reproducción completa th-cam.com/video/BDfBbJWBRGs/w-d-xo.html ¿Quieres apoyar el canal? :) www.patreon.com/cabreraluis ⭐ Repositorio de github con el código del video: github.com/luismcabrera/simple-mern-app-w...
MERN Stack 20 Maquetando Carpeta Account Page - Mongo DB Express React JS Node
มุมมอง 1.5K3 ปีที่แล้ว
Maquetando Ventana Modal para eliminar la cuenta del usuario Gist para descargar las imágenes y demás gist.github.com/luismcabrera/97b67fb3fd7c93fcd93788fa22883ae1 🚀 Enlace a la lista de reproducción completa th-cam.com/video/BDfBbJWBRGs/w-d-xo.html ¿Quieres apoyar el canal? :) www.patreon.com/cabreraluis ⭐ Repositorio de github con el código del video: github.com/luismcabrera/simple-mern-app-w...
MERN Stack 19.1 Maquetando Account (Parte 2) Mongo DB Express React JS Node
มุมมอง 1.3K3 ปีที่แล้ว
Maquetando "MI CUENTA" este es un pequeño agregado que faltó del video anterior Gist para descargar las imágenes y demás gist.github.com/luismcabrera/97b67fb3fd7c93fcd93788fa22883ae1 🚀 Enlace a la lista de reproducción completa th-cam.com/video/BDfBbJWBRGs/w-d-xo.html ¿Quieres apoyar el canal? :) www.patreon.com/cabreraluis ⭐ Repositorio de github con el código del video: github.com/luismcabrer...
MERN Stack 19 Maquetando Account Mongo DB Express React JS Node
มุมมอง 1.8K3 ปีที่แล้ว
Maquetando la página de "Mi cuenta" Gist para descargar las imágenes y demás gist.github.com/luismcabrera/97b67fb3fd7c93fcd93788fa22883ae1 🚀 Enlace a la lista de reproducción completa th-cam.com/video/BDfBbJWBRGs/w-d-xo.html ¿Quieres apoyar el canal? :) www.patreon.com/cabreraluis ⭐ Repositorio de github con el código del video: github.com/luismcabrera/simple-mern-app-with-authentication-client
MERN Stack 11 Constantes para roles Mongo DB Express React JS Node
มุมมอง 3.3K3 ปีที่แล้ว
Para tener autocompletado y poder encontrar errores fácilmente en el futuro, estableceremos constantes para roles. 🚀 Enlace a la lista de reproducción completa www.youtube.com/watch?v=BDfBb... ¿Quieres apoyar el canal? :) www.patreon.com/cabreraluis ⭐ Repositorio de github con el código del video: (Estará disponible al finalizar el playlist)
MERN Stack 18 Maquetando Home Mongo DB Express React JS Node
มุมมอง 1.7K3 ปีที่แล้ว
Maquetando la página de Home Gist para descargar las imágenes y demás gist.github.com/luismcabrera/... 🚀 Enlace a la lista de reproducción completa th-cam.com/users/LuisCabrera... Patreon www.patreon.com/cabreraluis ⭐ Repositorio de github con el código del video: (Estará disponible al finalizar el playlist)
MERN Stack 17 Maquetando Error 404 Mongo DB Express React JS Node
มุมมอง 1.6K3 ปีที่แล้ว
Maquetando la página de Error 404 Gist para descargar las imágenes y demás gist.github.com/luismcabrera/97b67fb3fd7c93fcd93788fa22883ae1 🚀 Enlace a la lista de reproducción completa th-cam.com/users/LuisCabreraplaylists Patreon www.patreon.com/cabreraluis ⭐ Repositorio de github con el código del video: (Estará disponible al finalizar el playlist)
MERN Stack 16 Maquetando descargar imágenes Mongo DB Express React JS Node
มุมมอง 1.7K3 ปีที่แล้ว
Comenzaremos a maquetar (Será un diseño muy sencillo) pero para ello usaremos algunas imágenes Gist para descargar las imágenes y demás gist.github.com/luismcabrera/97b67fb3fd7c93fcd93788fa22883ae1 🚀 Enlace a la lista de reproducción completa www.youtube.com/watch?v=BDfBb... ¿Quieres apoyar este canal? :) www.patreon.com/cabreraluis ⭐ Repositorio de github con el código del video: (Estará dis...
MERN Stack 15 Autenticación redirigiendo a ruta anterior Mongo DB Express React JS Node
มุมมอง 2.9K3 ปีที่แล้ว
¿Desde que ruta el usuario llegó a la pantalla de Login? Sería bueno que si inicia sesión se rediriija a esa misma. 🚀 Enlace a la lista de reproducción completa th-cam.com/video/BDfBbJWBRGs/w-d-xo.html ¿Quieres apoyar el canal? :) www.patreon.com/cabreraluis ⭐ Repositorio de github con el código del video: (Estará disponible al finalizar el playlist)
MERN Stack 14 Autenticación login y logout Mongo DB Express React JS Node
มุมมอง 8K3 ปีที่แล้ว
Crearemos funciones de login y logout 🚀 Enlace a la lista de reproducción completa th-cam.com/video/BDfBbJWBRGs/w-d-xo.html ¿Quieres apoyar el canal? :) www.patreon.com/cabreraluis ⭐ Repositorio de github con el código del video: (Estará disponible al finalizar el playlist)
MERN Stack 13 isLogged y hasRole Mongo DB Express React JS Node
มุมมอง 2.6K3 ปีที่แล้ว
Crearemos funciones para comprobar si el usuario esta loggeado o tiene un rol en específico 🚀 Enlace a la lista de reproducción completa th-cam.com/video/BDfBbJWBRGs/w-d-xo.html ¿Quieres apoyar el canal? :) www.patreon.com/cabreraluis ⭐ Repositorio de github con el código del video: (Estará disponible al finalizar el playlist)
MERN Stack 12 Constantes para rutas Mongo DB Express React JS Node
มุมมอง 2.5K3 ปีที่แล้ว
MERN Stack 12 Constantes para rutas Mongo DB Express React JS Node
MERN Stack 10 Autenticación Comprobar Rol en ruta privada Mongo DB Express React JS Node
มุมมอง 4K3 ปีที่แล้ว
MERN Stack 10 Autenticación Comprobar Rol en ruta privada Mongo DB Express React JS Node
MERN Stack 9 Autenticación Rutas públicas Mongo DB Express React JS Node
มุมมอง 3.2K3 ปีที่แล้ว
MERN Stack 9 Autenticación Rutas públicas Mongo DB Express React JS Node
MERN Stack 8 Autenticación Auth Provider y useAuth Mongo DB Express React JS Node
มุมมอง 5K3 ปีที่แล้ว
MERN Stack 8 Autenticación Auth Provider y useAuth Mongo DB Express React JS Node
MERN Stack 7 Autenticación Rutas Privadas Mongo DB Express React JS Node
มุมมอง 5K3 ปีที่แล้ว
MERN Stack 7 Autenticación Rutas Privadas Mongo DB Express React JS Node
MERN Stack 6 Menu de navegación Mongo DB Express React JS Node
มุมมอง 4.3K3 ปีที่แล้ว
MERN Stack 6 Menu de navegación Mongo DB Express React JS Node
MERN Stack 5 React Bootstrap Mongo DB Express React JS Node
มุมมอง 4K3 ปีที่แล้ว
MERN Stack 5 React Bootstrap Mongo DB Express React JS Node
MERN Stack 4 Creando el Layout y menú de navegación Mongo DB Express React JS Node
มุมมอง 4.3K3 ปีที่แล้ว
MERN Stack 4 Creando el Layout y menú de navegación Mongo DB Express React JS Node
MERN Stack 3 - Creando el Router - Mongo DB Express React JS Node
มุมมอง 6K3 ปีที่แล้ว
MERN Stack 3 - Creando el Router - Mongo DB Express React JS Node
MERN Stack 2 - Nuevo proyecto con Create React App Mongo DB Express React JS Node
มุมมอง 6K3 ปีที่แล้ว
MERN Stack 2 - Nuevo proyecto con Create React App Mongo DB Express React JS Node
MERN Stack 1 - En que orden haremos este proyecto Mongo DB Express React JS Node
มุมมอง 5K3 ปีที่แล้ว
MERN Stack 1 - En que orden haremos este proyecto Mongo DB Express React JS Node
MERN Stack 0 - Sobre el Proyecto que se construirá - Mongo DB Express React JS Node
มุมมอง 15K3 ปีที่แล้ว
MERN Stack 0 - Sobre el Proyecto que se construirá - Mongo DB Express React JS Node
React Router Dom Explicado al detalle - Autenticación, Parámetros, Querys, Routers anidados y más
มุมมอง 31K3 ปีที่แล้ว
React Router Dom Explicado al detalle - Autenticación, Parámetros, Querys, Routers anidados y más
Estado global simple - Context API - useReducer - React Hooks
มุมมอง 18K4 ปีที่แล้ว
Estado global simple - Context API - useReducer - React Hooks
useReducer - explicado al detalle con 3 mini apps - init - types - actions - React Hooks
มุมมอง 19K4 ปีที่แล้ว
useReducer - explicado al detalle con 3 mini apps - init - types - actions - React Hooks
Grande crack 🧠
Que genial ver a alguien que conozco haciendo vídeos de valor! The Best!❤
¡Qué interesante video sobre hachés! Siempre me ha fascinado cómo algo tan complejo puede proteger nuestros datos. 🤔 Una vez intenté entender SHA-256 y fue todo un reto. Ahora estoy aprendiendo más sobre esto en сodigо hеroe, ¡y me encanta! 😊
Pense lo peor cuando no volviste a subir videos xd Un gusto tenerte de nuevo por aquí
Jajaja, gracias por preocuparte! Estuve un poco ocupado, pero ya estoy de vuelta
Buen video Don Luis como siempre!!!
Muchas gracias! Se hace lo que se puede :)
Tuve la suerte de estudiar en la Universidad con Luis, siempre resaltaba y al explicar contenidos de todas las materias se le entendían muy bien! ya veo que sigue enseñando y a juzgar por los comentarios sigue haciéndolo muy bien! éxitos mi pana
Me alegro de verte de nuevo por aquí.
Gracias! Espero quedarme por aquí un buen tiempo esta vez :)
Muy buena explicacion y ejemplos!! Crack!!
gracias
Aquireforzando por la empresa requiere react 😅
muy bien Luis, muy bien saludos desde Cuba, eres todo un maestro, me gusto mucho las diferentes formas que podemos encontrar un mismo codigo, muy bien Luis
A mi me funciono asi, por si alguien esta estancado <Navigate to='/login' state={{from: location.pathname}}/>
Brutal explicacion sobre custom hooks, la mejor de todo TH-cam, y eso que he visto muchos videos sobre este tema. Felicitaciones al creador del canal. Lastima no ha subido mas videos.
Recién entendí el uso de useState, sobre todo es muy útil con la base de datos, gracias por la excelente explicación.
Muy bien explicado, muchas gracias.
❤❤❤
Me encaton el final, dar un poco de todo lo hablado. Excelente!
Genial la explicación, me ha servido un montón. Muchas gracias.
En el minuto 19 no entendí por q dijiste q si ponemos la función afuera se necesitaría utilizar el use Callback, acá en el useeffect cada q entre recreara la función también?
3 años despues, 100% util, me estan pidiendo performance en el trabajo y no entendia en que momento aplicar estos hooks
Conceptos claros, el video perfecto para entender React memo, useMemo y useCallback
Buena Luis!! Muchas gracias por el todos estos videos muy utiles para realizar un código prolijo.. Ojalá retomes asi hacemos el backend!! un abrazo!
Me gustaría que cuando termine este proyecto de MERN, pueda subirlo al repositorio de github.
Muy bueno!
Che no subió más videos no?!!
disculpa no subis mas videos ??
Profe sería bueno una actualización del curso de reactjs
Gracias luis estas correciones son para las nuevas versiones de router
Para nuevas versiones {/* //redirection */} <Route path="signin" element={<Navigate to="/login"></Navigate>} />
Cambios en route , la version receiente da error solucion import { Navigate } from "react-router-dom"; export default function PrivateRoute({ Component }) { const user = { id: 1 }; return user ? Component : <Navigate to="/login" />; } //app <Route path="dashboard" element={<PrivateRoute Component={<DashBoardPage/>} />} />
last version of rect router use navigate not history import { useLocation, useNavigate } from "react-router-dom"; function UseLocationPage() { const navigate = useNavigate(); const location = useLocation(); const query = new URLSearchParams(location.search); console.log(query); const skip = location.state?.skip || 0; //valores por defecto const limit = location.state?.limit || 15; //valores por defecto const toComponentB = () => { navigate("/categories", { state: { skip: 44, limit: 99 } }); }; return ( <div> UseLocation <br></br> skip param {skip} <hr></hr> limit param {limit} <div> <a onClick={() => toComponentB()}>Component B</a> </div> </div> ); } export default UseLocationPage;
al fin comprendi bien la navegacion ...gracias
ultima version de react switch es reemplazado por routes <BrowserRouter> <Routes> <Route index element={<h1>Home</h1>} /> <Route path="blogs" element={<h1>Blogs</h1>} /> <Route path="about" element={<h1>about</h1>} /> </Routes> </BrowserRouter>
El mejor.... gracias
cuando regresas? excelente contenido con un solo video tuyo aprendo lo que no en 100 de otros
eres el mejor
un comentario acerca de usecallback , que es un poco confuso, el use callback guarda en cahe la funcion y el resultado si no cambian sus parametros. Luis es el mejor que he visto en este tema y su forma de enseñar es 100% entendible. MIl gracias
Hola luis , felicitaciones eres el mejor para enseñar , gracias por tu tiempo.
2024- muchos errores por las actualizaciones. PrivateRouter: import { useEffect } from "react"; import { useNavigate } from "react-router-dom"; function PrivateRoute({ children }) { const user = null; // replace with your authentication logic const navigate = useNavigate(); useEffect(() => { if (!user) { navigate("/login"); } }, [user, navigate]); if (!user) { return null; } return children; } export default PrivateRoute; AppRouter: Aqui para no extender demasiado, deben envolver sus rutas asi: <Route path="/account" element={ <PrivateRoute> <AccountPage /> </PrivateRoute> } /> al menos yo hice asi y funciono, quizas haya alguna manera mas simple
yo programo en react y he aprendido mucho mas con este tutorial...super excelenet forma de explicar. Te felicito.
excelente tutorial
gracias por tu colaboracioon te haces enntender mmuy bien, mil gracias por tu interes hacia las personas que desean conocer mas de React
Excelente clase 👍, me quedó mucho más claro con los ejemplos, súper entendido
¿Qué pasó con Luís?
Bro que bien explicas!!!! Ahors mismo aplicaré context y useReducer porque por lo que he visto ys no se esta usando tanto redux toolkit:(
Hola amigo, te puedo contactar para una asistencia en ese tema de assambler es un problemita de universidad que no entiendo😥
Que crack! muy bueno realmente. Como dicen los demás usuarios, es oro puro este video.
Coño a ti si te entendí, me gusta como explicas en este video, espero ver la misma manera de enseñar en videos siguiente.
En la version 18 de react ya no sucede este error del actualizar algo desmontado. porque? es el navegador o la version de react soluciono este problema nativamente?. porque ya no me sale el error cuando se intenta actualizar algo desmontado.
para los que no entiende por que creamos el componente UserProvider , y porque no se vuelven a renderizar los componentes internos del provider, por el simple hecho de estar pasados como childrens dentro de un componente por ejemplo: const SomeOutsideComponent = () => { return ( <WrapperComponent> <ChildComponent /> </WrapperComponent> ) } cuando usamos esta sintaxis estamos pasando ChildComponent como una prop de WrapperComponent entonces si es que WrapperComponent se vuelve a renderizar ChildComponent no se volvera a renderizar por que es una prop de WrapperComponent. PERO su SomeOutsideComponent se vuelve a renderizar , ahi si WrapperComponent y ChildComponent se volveran a renderizar para entender mejor por favor mirar este post www.developerway.com/posts/react-elements-children-parents