- Видео 123
- Просмотров 16 399
AMazaing
Испания
Добавлен 16 фев 2024
Aprende desarrollo web desde 0!
Con cursos paso a paso de JavaScript, Vue.js, Angular, React & Git y Github.
Con cursos paso a paso de JavaScript, Vue.js, Angular, React & Git y Github.
React - Users & Context - LOGIN / LOGOUT - Páginas protegidas
Cómo gestionar usuarios usando el context de React y cómo hacer login & logout.
Cómo gestionar las rutas protegidas y páginas privadas usando propiedades que están en el Context.
Explicación del Context API de React, qué es y cómo podemos utilizarlo.
Qué es y cómo crear un Context en React ➡ ruclips.net/video/qKJndLkZUIQ/видео.html
Cómo crear páginas privadas en React ➡ruclips.net/video/MlG-j-SXDnM/видео.html
Tutorial de React Context.
Cómo gestionar las rutas protegidas y páginas privadas usando propiedades que están en el Context.
Explicación del Context API de React, qué es y cómo podemos utilizarlo.
Qué es y cómo crear un Context en React ➡ ruclips.net/video/qKJndLkZUIQ/видео.html
Cómo crear páginas privadas en React ➡ruclips.net/video/MlG-j-SXDnM/видео.html
Tutorial de React Context.
Просмотров: 41
Видео
React - CONTEXT API - Qué es y cómo utilizarlo
Просмотров 499 часов назад
Explicación del Context de React, qué es y cómo podemos utilizarlo. Cuál es la diferencia entre context vs props en React. Qué es el provider y cómo lo uilizamos. Por qué es una alternativa a Redux. Tutorial de React Context.
React - GESTION de ESTADOS - Loading & Error
Просмотров 4114 часов назад
Cómo gestionar estados de carga (loading state) y los estados de error en un proyecto de React.
React - RUTAS PROTEGIDAS && Páginas de ERROR - Navigate
Просмотров 6719 часов назад
Cómo proteger rutas en un proyecto de React para evitar que cualquier usuario pueda acceder a ellas. Cómo crear páginas de error (rutas prohibidas, error 404, etc) y redireccionar a los usuarios a la página de error cuando intenten acceder a una ruta no válida. Cómo crear navegación programática usando Navigate. Tutorial de react router dom.
Git 21 - Repositorios PÚBLICOS vs PRIVADOS - COLLABORATORS qué son y cómo añadirlos
Просмотров 23День назад
Qué son los repositorios públicos y privados y cuál es la diferencia entre ellos. Cómo modificar la visibilidad de los repositorios, es decir, cómo convertir un repositorio público en uno privado y cómo convertir un repositorio privado en uno público. Qué son y cómo añadir colaboradores a un repositorio.
Git 20 - git REVERT - Cómo volver a un commit anterior y cómo deshacer un commit
Просмотров 3814 дней назад
Tutorial de git revert. Cómo usar git revert para deshacer los cambios de un commit o para volver a un commit anterior, es decir, a un estado previo, del proyecto. Ejemplos utilizando visual studio code. Cómo resolver conflictos en git ➡ ruclips.net/video/G2NjhA_ofck/видео.html
Git 19 - git REBASE vs git MERGE - Diferencias entre ambos
Просмотров 1714 дней назад
Git rebase vs git merge, ¿Cuál es la diferencia entre los dos? Tutorial de git rebase explicado con ejemplos.
Git 18 - GIT STASH - Qué es y cómo utilizarlo
Просмотров 3214 дней назад
Tutorial de git stash. Cómo usar git stash para guardar cambios que todavía no están en el staging area (a los que no se les ha hecho git add) Ejemplos utilizando visual studio code.
Git 17 - README.md - Qué es & Cómo crearlo
Просмотров 3914 дней назад
Cómo crear un fichero README.md para que nuestro repositorio en GitHub tenga una documentación profesional. Tutorial de README. Referencia para lenguaje markdown para crear archivos readme bonitos y con buen formato➡ stackedit.io/app#
Git 16 - Cómo ELIMINAR RAMAS en un repositorio local y remoto
Просмотров 2321 день назад
Cómo borrar ramas tanto en un repositorio remoto (GitHub) como en un repositorio local (tu ordenador)
React - RUTAS PARAMÉTRICAS - Páginas para mostrar detalles
Просмотров 11921 день назад
Cómo crear rutas paramétricas en un proyecto de React para crear páginas que muestren los detalles de un recurso gracias a la información que llega desde un parámetro en la URL, como por ejemplo mostrar una foto dentro de una galería, un tweet concreto en Twitter o un usuario específico en una red social. Tutorial de react router dom
Git 15 - Cómo ELIMINAR un repositorio en GitHub
Просмотров 3421 день назад
Cómo eliminar un repositorio en GitHub
Git 14 - FORK - Qué es y cómo hacer un fork
Просмотров 3728 дней назад
Tutorial de Git Fork. Cómo copiar un repositorio y tenerlo en nuestra cuenta de GitHub. Git fork vs git clone, diferencias entre ambos. Git Fork en la programación colaborativa y open source.
Git 13 - GIT FETCH vs GIT PULL - diferencias entre fetch y pull
Просмотров 36Месяц назад
Cómo utilizar y para qué sirve el comando git fetch. Tutorial de git fetch. Cuáles son las diferencias entre git pull y git fetch. Cuáles son las diferencias entre repositorio remoto, repositorio local y espacio de trabajo.
Git 12 - Cómo RESOLVER CONFLICTOS y minimizarlos
Просмотров 82Месяц назад
Cómo resolver conflictos en git en GitHub y en Visual Studio Code. Cómo trabajar para evitar y minimizar conflictos. Cómo hacer una pull request que tiene conflictos. Aprende a gestionar los conflictos en este tutorial paso a paso de manera fácil.
Git 11 - PULL REQUEST - Qué es y cómo hacer una
Просмотров 157Месяц назад
Git 11 - PULL REQUEST - Qué es y cómo hacer una
React - PÁGINAS & APIs - Cómo hacer peticiones y mostrar distinta información en cada RUTA de la web
Просмотров 115Месяц назад
React - PÁGINAS & APIs - Cómo hacer peticiones y mostrar distinta información en cada RUTA de la web
Git 09 - RAMAS - Cómo crear y trabajar con ramas
Просмотров 95Месяц назад
Git 09 - RAMAS - Cómo crear y trabajar con ramas
React - LINKS - Cómo crear enlaces para las diferentes rutas y páginas usando REACT ROUTER DOM
Просмотров 126Месяц назад
React - LINKS - Cómo crear enlaces para las diferentes rutas y páginas usando REACT ROUTER DOM
React - ROUTER - Cómo crear PÁGINAS y RUTAS en nuestro proyecto con REACT ROUTER DOM
Просмотров 137Месяц назад
React - ROUTER - Cómo crear PÁGINAS y RUTAS en nuestro proyecto con REACT ROUTER DOM
React - FORMULARIOS - Cómo crear y enviar formularios
Просмотров 104Месяц назад
React - FORMULARIOS - Cómo crear y enviar formularios
React - AXIOS - Cómo hacer una petición a una API usando axios y useEffect
Просмотров 278Месяц назад
React - AXIOS - Cómo hacer una petición a una API usando axios y useEffect
JavaScript - cómo crear un RELOJ con MANECILLAS - Sin frameworks
Просмотров 1712 месяца назад
JavaScript - cómo crear un RELOJ con MANECILLAS - Sin frameworks
React - FETCH - Cómo hacer una petición a una API usando fetch y useEffect
Просмотров 3432 месяца назад
React - FETCH - Cómo hacer una petición a una API usando fetch y useEffect
React - useEffect( ) - Ciclo de Vida de los Componentes
Просмотров 1782 месяца назад
React - useEffect( ) - Ciclo de Vida de los Componentes
JavaScript - Ejemplo WEB DINÁMICA usando FETCH a una API, DOM Manipulation & EVENTOS - Parte 2
Просмотров 1432 месяца назад
JavaScript - Ejemplo WEB DINÁMICA usando FETCH a una API, DOM Manipulation & EVENTOS - Parte 2
JavaScript - Ejemplo WEB DINÁMICA usando FETCH a una API, DOM Manipulation & EVENTOS - Parte 1
Просмотров 2862 месяца назад
JavaScript - Ejemplo WEB DINÁMICA usando FETCH a una API, DOM Manipulation & EVENTOS - Parte 1
JavaScript - EVENTOS - Qué son y cómo utilizarlos
Просмотров 462 месяца назад
JavaScript - EVENTOS - Qué son y cómo utilizarlos
JavaScript - CREAR elementos en el DOM - Cómo añadir nuevos elementos HTML
Просмотров 482 месяца назад
JavaScript - CREAR elementos en el DOM - Cómo añadir nuevos elementos HTML
pregunta, estoy con react de front y node.js de back, con ambos podría crear sesiones de usuario cierto?
Buenas! Habitualmente toda la lógica de usuarios está en el backend, y desde el front lo único que hacemos es hacer una petición al backend ya sea para crear un nuevo usuario o para logarnos pasándole por ejemplo usuario y contraseña. El backend responde dándole al front normalmente los datos del usuario y un token que utilizamos para mantener la sesión activa. Así que lo que suele ocurrir es: Backend: Lógica de creación de usuario / login / creación del token Frontend: Petición al backend & obtención de datos del usuario Un saludo! :)
Buenisimo el video.
Muchas gracias!
gracias hermano me sirvió mucho
Gracias a ti por el interés! 😄
Excelente video, corto y conciso
Gracias muy buen contenido, espero sigas subiendo la serie de git que me ha venido de lujo, el algoritmo de RUclips no recomienda la bueno y mucha gente se pierde de tu contenido lastimosamente, pero poco a poco
Gracias a ti por el apoyo! ❤ Ya voy llegando al final con git, aunque todavía tengo planeados 2 o 3 videos más antes de cerrarlo. Gracias por el comentario, me motiva saber que está ayudado a alguien 😄
Excelente explicación che, me costó encontrar una explicación tan clara.
Muchas gracias! 😄
Gracias por el curso !!
@@mr.fabian8471 Gracias a ti por tu interés! :)
Justo ahora ando rabiando con git. Mi duda es: la fama existe en remoto y no local. Como debo hacer? En stackoverflow e incluso el chatgpt propone crear una rama que se llame igual en local y luego hacerle un pull de la remota. No me parece que es la forma correcta, ni el fetch ni el pull funcionan
Buenas! Cuando tienes una rama en remoto que quieres traerte a tu git local puedes hacer: · git pull · git branch -a (esto no es necesario, pero así vas a ver que te has traído todas las ramas nuevas que hay en origin) · git checkout nombre-de-la-rama Y con eso debería ser suficiente, espero que esto te ayude 😄 Un saludo!
Gracias!!!
Super bien explicado, gracias amigo!
@@rousseauh_ Gracias a ti! :)
Recien encontre este curso y voy con todo, ya que me interesa aprender Git
Espero que te sea útil! :)
Te re banco amigo, me ayudas mucho, te voy a recomendar en mi canal!❤
Muchas gracias! ❤
Gracias!
Hola Adrián. Acabo de descubrir tu canal y la verdad es que me gusta mucho. Sobre todo porque va directo al grano con ejemplos sencillos y prácticos. Sería muy interesante hacer algún vídeo de Testing más adelante. Un saludo 👍
Muchas gracias por tu comentario ❤ Tengo pensado hacer videos de testing para finalizar el curso, espero no tardar demasiado 😅
@@AMaza-ing eso nos sería de gran ayuda la verdad. Un saludo 👍👍
Como siempre amigo, de gran ayuda.
Gracias !!!
Gracias por el contenido del canal !!
@@mr.fabian8471 Gracias a ti por tu interés ❤️
Fantástic!!
Espectacular las rutas, importante, lo pondré en práctica
Muchas gracias! Espero que te sirva 😄
Espectacular, lo veré en cuanto antes pueda
Por cierto, recomiendas usar es.react.dev? porque escuché que la versión en inglés es la principal y la que es mas completa... Y Estaría bien un vídeo con las novedades, pues creo, que ahora se usa createRoot en vez de ReactDOM.render...y algunas novedades más. Un saludo Buen material!!
1:00 y qué significa "setear" la data? Porque parece que sea una llamada a una función con la data por parámetro?
La regla de oro de React es no modificar nunca directamente las variables de estado, así que para modificarlas tenemos que usar su función setter. En este código tenemos una variable de estado que se llama "users", así que en este caso tenemos que usar setUsers, que efectivamente es una función a la que le pasamos "data" como argumento. De esta manera estamos "seteando" users a un nuevo valor. Espero que esto ayude, un saludo! 😄
Muy buen video bro!!
Muchas gracias ❤
Porqué en strict se renderiza dos veces? Me quedó esa duda
El comportamiento por defecto del strict mode es precisamente ese, únicamente sirve para que cada componente se renderice dos veces para detectar posibles errores. Esto luego, cuando el proyecto esté terminado y desplegado no ocurre, pero durante el desarrollo ayuda a detectar alguna cosa rara que pueda tener nuestro código.
seguimos con el curso, gracias por compartirlo!
Muchas gracias a ti por tu interés! ❤
excelente curso, un saludo!
el curso es claro y conciso para las personas que como yo apenas vamos empezado en angular, un saludo, me suscribo y te doy like!
Muchas gracias por tu comentario! 😄❤
Buena explicación! Gracias por el aporte
@@jairoandresvizuetepedraza5492 Gracias a ti por el comentario!
muy buen uso amigo
Muy buen video, te ganaste a un suscriptor
Muchas gracias ❤
Excelente explicación
Muchas gracias! 😄
Algo le pasa al video pq no se ve nada
Gracias por avisar! Aunque no sé qué puede estar pasando, a mi se me reproduce el video sin problemas
@@AMaza-ing Pues no se si lo vi desde el móvil, y se veía una imagen desenfocada y ocupaba el 80vw y estaba en un margin 0 auto, respecto a la pantalla. Pero ahora desde el pc, no se ve nada, se ven las 2 imágenes bien, una a la izq. y otra a la derecha.
¡Tremendo curro! Tu canal me viene perfecto para repasar y aprender nuevos frameworks.
Me ha ayudado mucho, gracias! 💚
Hola, me gustaron mucho tus videos, van directo y en realidad me sirvio de mucho, cuando estarias actualizando el curso de react, pero trabajando con CRUD, axios, router, redux y formularios, seria muy interesante gracias y muchas bendiciones te lo mereces, porque nos compartes todos tus conocimientos
Muchas gracias por tu interés :) Tenía pensado continuar el curso en cuanto terminara de subir unos videos de Angular, si todo va bien en unas 3 semanas vuelvo con los videos de React! 😄
te felicito son videos cortos pero bien productivos, te haces entender
Muchas gracias Gerardo ❤
directo al punto!!
yo tengo una pregunta agrego solamente el modulo en el appComponent y tiene que ser en cada componente que implemente formularios ?
Buenas Carlos! Hay que importarlo en cada componente donde queramos tener un formulario reactivo. Un saludo!:)
Muy buen video, la verdad estaba bastante perdido con el tema de los formularios, muchas gracias. Te ganaste un nuevo sub.
Muchas gracias 😄
Gracias. Pude configurar los ...component.ts del componente creado y el general. Sólo te falto mostrar el app.routes.ts Si puedes hacer un curso de Python y Mysql workbench principalmente, sería buenísimo. Saludos.
Muchas gracias Juan :) Dentro de poco subiré algunos videos sobre el router en Angular, y puede que más adelante haga algún curso de Python y MySQL!
Acabo de revisar las listas de tu canal por recomendacion de YT, me parece acertado el estilo que manejas de mostrar tips utiles sobre diferentes tecnologias, te faltaria svelte y typescript, para el kit AIO del developer 😄. Pulgar arriba && suscrito...
Muchas gracias! 😄 Cuando cierre los cursos que tengo abiertos es muy posible que suba nuevos cursos sobre lo que comentas!
Gracias por la guía Adrian!
Genial. Es lo que estaba buscando.
Me alegro de que haya sido útil 😄
Gracias hermano, estaba atorado en este punto en un curso xd.
Dios mío no puedo creer que econtré tu canal. Es un tesoro de información efectiva!
Muchas gracias ❤
Es perfecto, muchas gracias!
Muchas gracias a ti Omar! 😄
Podrías hacerlo con async await?
@@c_cs2471 Claro, aquí tienes el video con async/await 😄 ruclips.net/video/jK6l7o_C5Vs/видео.html
Tantos vídeos que he visto de Git y Github, el primero que lo explica también sencillo y claro, esto del settins no lo había explicado ninguno de los 10 otros que había visto y no podía subir nada desde el local, suscrito desde ya
Muchas gracias! ❤
Gracias buen hombre
❤
Muy buen video, bien explicado
Muchas gracias ❤
Te quiero con todo mi alma, después de 20 mins buscandolo, gracias
Jajaja gracias a ti! ❤
Buen video! Ayuda montón que también comentes las similitudes con algún otro lenguaje, muchas gracias🙌
Muchas gracias a ti!