Duration 21:11

Aprende a dockerizar tu aplicación de Frontend (React, Angular) y ahorra tiempo y recursos

19 608 watched
0
960
Published 21 Dec 2022

✌🏼 ¿Quieres aprender a usar Docker para facilitar el desarrollo y despliegue de tus aplicaciones? ¡Mira mi nuevo video! Aprenderás qué es Docker y cómo funciona, cómo instalarlo y configurarlo, y cómo empezar a usar contenedores para mejorar tu flujo de trabajo. Además, verás algunos ejemplos prácticos de cómo utilizar Docker en diferentes escenarios. ¡No te lo pierdas! Es importante que sepas que esté video está enfocado aprender cómo utilizar Docker para facilitar el desarrollo y despliegue de tu aplicación de React, por lo tanto verás cómo utilizar Docker Compose para orquestar tu aplicación de React junto con otros servicios que pueda necesitar. ¡No te lo pierdas! Si estás empezando a programar, o si quieres fortalecer tus conocimientos te doy la bienvenida a este canal. Aquí hablamos de angular desde cero, y node desde cero, también complementamos con cursos gratis mongo, de frontend de backend, problemas reales de un programador y soluciones que se aplican en el día a día. Aquí vas a encontrar tutoriales de programación específicamente de angular, tutoriales de node, juntos llevaremos a la práctica ejercicios reales de programación, así que venga y le cuento. Si aún no estás suscrito y este contenido gusta 👉 /channel/UCgrIGp5QAnC0J8LfNJxDRDw 👋 𝐂𝐔𝐑𝐒𝐎𝐒 𝐆𝐑𝐀𝐓𝐈𝐒 ├ 0️⃣ 𝙑𝙀𝙍 𝙏𝙊𝘿𝙊𝙎 ⮕ https://leifermendez.github.io/#/ ├ 1️⃣ 𝘼𝙉𝙂𝙐𝙇𝘼𝙍 desde cero ⮕ https://bit.ly/367tJ32 ├ 2️⃣ 𝙉𝙊𝘿𝙀 Express desde cero ⮕ https://bit.ly/3od1Bl6 ├ 3️⃣ 𝙈𝙊𝙉𝙂𝙊𝘿𝘽 desde cero ⮕ https://bit.ly/3qh35wK ├ 4️⃣ 𝙎𝙊𝘾𝙆𝙀𝙏.𝙄𝙊 desde cero ⮕ https://bit.ly/3pg1Q02 └ 5️⃣ 𝙉𝙂𝙍𝙓 𝙙𝙚𝙨𝙙𝙚 𝘾𝙀𝙍𝙊 ⮕ https://bit.ly/ngrx-desde-cero 🤑 𝐂𝐔𝐑𝐒𝐎𝐒 𝐏𝐀𝐆𝐎𝐒 ├𝘼𝙉𝙂𝙐𝙇𝘼𝙍 principiantes ⮕ https://link.codigoencasa.com/PROMO-INICIAL ├𝙉𝙊𝘿𝙀 ⮕ https://link.codigoencasa.com/NODE ├𝙉𝙀𝙎𝙏𝙅𝙎⮕ https://link.codigoencasa.com/NESTJS └ 𝘼𝙒𝙎 desde cero ⮕ https://link.codigoencasa.com/AWS ‍🚀 𝐂𝐎𝐌𝐔𝐍𝐈𝐃𝐀𝐃 𝐘 𝐆𝐑𝐔𝐏𝐎𝐒 𝐃𝐄 𝐄𝐒𝐓𝐔𝐃𝐈𝐎 ├ 𝙎𝙐𝙎𝘾𝙍𝙄𝘽𝙀𝙏𝙀 ⮕ /channel/UCgrIGp5QAnC0J8LfNJxDRDw ├ 𝙈𝙄𝙀𝙈𝘽𝙍𝙊𝙎 ⮕ /channel/UCgrIGp5QAnC0J8LfNJxDRDw/join ├ 𝘿𝙄𝙎𝘾𝙊𝙍𝘿 ⮕ https://link.codigoencasa.com/DISCORD └ 𝙏𝙀𝙇𝙀𝙂𝙍𝘼𝙈 ⮕ https://t.me/leifermendez ‍🏆 𝐌Á𝐒 𝐂𝐎𝐍𝐓𝐄𝐍𝐈𝐃𝐎 ├ 𝙎𝙋𝙊𝙏𝙄𝙁𝙔 ⮕ https://spoti.fi/3vnrvqg ├ 𝙔𝙊𝙐𝙏𝙐𝘽𝙀 ⮕ /leifermendez ├ 𝙄𝙉𝙎𝙏𝘼𝙂𝙍𝘼𝙈 ⮕ https://www.instagram.com/leifermendez ├ 𝘽𝙇𝙊𝙂 ⮕ https://www.codigoencasa.com └ 𝙁𝘼𝘾𝙀𝘽𝙊𝙊𝙆 ⮕ https://www.facebook.com/leifermendez.dev ‍💰 𝐏𝐑𝐎𝐌𝐎𝐂𝐈𝐎𝐍𝐄𝐒 𝐘 𝐃𝐄𝐒𝐂𝐔𝐄𝐍𝐓𝐎𝐒 ├ 𝙃𝙊𝙎𝙏𝙄𝙉𝙂 Aprovéchate del descuento) ⮕ https://bit.ly/hosting-descuento-leifermendez ├ 𝙑𝙋𝙉 (3 meses gratis de servicio) ⮕ https://bit.ly/vpn-leifermendez └ 𝙑𝙀𝙍 𝙏𝙊𝘿𝙊 ⮕ https://link.codigoencasa.com/MAS-COSAS 🧠 𝐑𝐄𝐏𝐎𝐒𝐈𝐓𝐎𝐑𝐈𝐎 𝐘 𝐂𝐎𝐃𝐈𝐆𝐎𝐒 └ 𝙂𝙄𝙏𝙃𝙐𝘽 ⮕ https://github.com/leifermendez ✉️ 𝐂𝐎𝐍𝐓𝐀𝐂𝐓𝐎 └ 𝙈𝘼𝙄𝙇 ⮕ leifer.contacto@gmail.com 0:00 Docker React Frontend env 2:20 Vite Frontend env 4:15 Casos de Uso 5:03 Docker DockerFile muti stage 8:20 Contruir Imagen Docker 9:41 Levantar imagen de docker en contendero 11:36 Inyectando ENV en React Docker 14:51 Publicando Docker Image de React 16:20 Emulando Ubuntu 19:52 Resumen docker react env Si el contenido de está video te parece relevante recuerda suscribirte al canal, activar la campanita para que youtube te avise cada vez que subo un nuevo video y dejar una manito arriba. #leifermendez

Category

Show more

Comments - 76
  • @
    @LeiferMendez2 years ago
    principiantes
    desde cero
    .. 2
  • @
    @theproclamer2 years ago Gran video de verdad! esto a los juniors y no tan juniors es una casi master class de como empaquetar aplicaciones y hacer su distribucin de forma profesional, gran trabajo! .. ...Expand 9
  • @
    @daniklean2 years ago Justamente estaba haciendo unas cositas con docker y wow. Es una pasada la verdad. 6
  • @
    @hitorikenshinlast year Uff todo super claro, exelente video
    y exelente tema!
    1
  • @
    @dalthonmamanihualpa442 years ago Hola gran informacin, por consulta este ejemplo es para generar la imagen de despliegue vrd, para hacer live reload como se hara o en development? 1
  • @
    @mochemiguel12332 years ago Recuerdo alguna vez en un live que te hice una pregunta acerca de dockerizar fronts, recuerdo que me decas que habas escuchado algo as pero no probado, ahora sale esta joya, sos un crack leifer < 3. 1
  • @
    @andresfcuellarc2 years ago Genial! Muy bien explicado! Gracias al tu del pasado! 1
  • @
    @phonevelarde56922 years ago Excelente video, gracias por compartir esta valiosa informacin. 1
  • @
    @carlozlopez75632 years ago Eh vueltooo jejeej, se acabaron los finales, desde ya gracia por el videotutorial, gracias por compartir amigo, un abrazo la distancia, tambien sera para mi yo del futuro ya q aun soy basico. 1
  • @
    @bloodbahamutlast year Tengo una semana jugando con esto de docker con vainas del front y me cae como anillo al dedo, gracias leifer: 1
  • @
    @aflorotv.11362 years ago Hace poco termine mi primer proyecto y me encontr con ese problema, y de partir de ah entend ms docker. 1
  • @
    @felixfigueroa2 years ago Sin duda es mucho ms rpido as. Gracias por compartirlo! 1
  • @
    @agu1605792 years ago Un nuevo subscriptor por aqu. Vengo de parte de bazael (dominicode) que me cuenta maravillas de ti; 1
  • @
    @jscode_es2 years ago Esto es un mensaje para mi yo del futuro, recuerda que este vdeo de t encant. 1
  • @
    @daniklean2 years ago Brutal la implementacin. An la estoy procesando. 1
  • @
    @MiguelAngel-bf8et3 months ago Buenas leifer compaero ya hace tiempo que no hablamos desde que saliste de excelia. Una pregunta, estoy siguiendo el tuto pero solo me sale la pagina id="hidden6"del nginx, le he dado mil vueltas pero no consigo ver cual es mi problema. Por lo dems genial, sigue as. ...Expand
  • @
    @bryamparra561610 months ago Una consulta, estoy empleando docker para una aplicacin con backend y frontend, el frontend es angular y los dos contenedores funcionan bien por separado, y no reconoce. Que podra estar configurando mal tanto en archivos para docker como del nginx.
    si conocen un tutorial les agradecera. Gracias
    .
    ...Expand
  • @
    @gabo8682 years ago Genial! Uno con ejemplo de angular pls! 1
  • @
    @alexissilva66632 years ago Hola, que tanta diferencia habria si en lugar de un volumen fuera una variable de entorno que se le pasa la imagen?
    saludos excelente contenido.
    1
  • @
    @renends76152 years ago Este video es excelente.
    docker sigue siendo un misterio tal que la mayora de las veces no s qu est pasando. Les pido que continen el video id="hidden9" en este formato, ayuda mucho!
    gracias!
    feliz navidad!
    . ...Expand 1
  • @
    @RichardAllccaLlanolast year Hola leifer, preguntas
    que es vite. Config o que otro tipo de cosas puede hacer?
    en el minuto 4 cuando al hacer el build cambia el comentario . ...Expand 1
  • @
    @EzequielRegaldo2 years ago Hay una mejor prctica para esas cosas, te sugiero usar variables de entorno como corresponde en ely no as porque es raro. Para e es mejor un json como archivo de config u otra cosa que realmente use con esa finalidad sino podes confundir al team d:. ...Expand 8
  • @
    @AS-ui4oblast year En caso de tener ms de una aplicacin de react y ms de un servidor, tendra que usar un nginx por cada aplicacin de react? 1
  • @
    @munozhoracio2 years ago Te recomiendo usar imagenes de docker con version especifica, no es una buena practica usar imagenes que puedan cambiar con el tiempo. Muchas veces pasa . ...Expand 1
  • @
    @wisthongdavidmartinezcastr5924last year Cuando haces un ejemplo con un proyecto con angular?
  • @
    @orlandog19792 years ago Poco a poco todo lo que se esta haciendo en el back se esta haciendo en el front. 1
  • @
    @JonathanOrtiz-nc8yl7 months ago Al principio no entendi, al final tampoco.
  • @
    @gustavovelazquez9495last year Estimado, te enredas mucho. No me gust el video. 2
  • @
    @LeiferMendez2 years ago
    principiantes
    desde cero
    .. 2
  • @
    @theproclamer2 years ago Gran video de verdad! esto a los juniors y no tan juniors es una casi master class de como empaquetar aplicaciones y hacer su distribucin de forma profesional, gran trabajo! .. ...Expand 9
  • @
    @MiguelAngel-bf8et3 months ago Buenas leifer compaero ya hace tiempo que no hablamos desde que saliste de excelia. Una pregunta, estoy siguiendo el tuto pero solo me sale la pagina id="hidden17"del nginx, le he dado mil vueltas pero no consigo ver cual es mi problema. Por lo dems genial, sigue as. ...Expand
  • @
    @bryamparra561610 months ago Una consulta, estoy empleando docker para una aplicacin con backend y frontend, el frontend es angular y los dos contenedores funcionan bien por separado, y no reconoce. Que podra estar configurando mal tanto en archivos para docker como del nginx.
    si conocen un tutorial les agradecera. Gracias
    .
    ...Expand
  • @
    @renends76152 years ago Este video es excelente.
    docker sigue siendo un misterio tal que la mayora de las veces no s qu est pasando. Les pido que continen el video id="hidden20" en este formato, ayuda mucho!
    gracias!
    feliz navidad!
    . ...Expand 1
  • @
    @RichardAllccaLlanolast year Hola leifer, preguntas
    que es vite. Config o que otro tipo de cosas puede hacer?
    en el minuto 4 cuando al hacer el build cambia el comentario . ...Expand 1
  • @
    @EzequielRegaldo2 years ago Hay una mejor prctica para esas cosas, te sugiero usar variables de entorno como corresponde en ely no as porque es raro. Para e es mejor un json como archivo de config u otra cosa que realmente use con esa finalidad sino podes confundir al team d:. ...Expand 8
  • @
    @munozhoracio2 years ago Te recomiendo usar imagenes de docker con version especifica, no es una buena practica usar imagenes que puedan cambiar con el tiempo. Muchas veces pasa . ...Expand 1