Francisco Israel Jimenez Ramirez
Claudio Pinkus
ProfesorPat Villarroel
Cada vez que alternas entre tu editor, el navegador, Slack o Jira, pierdes entre veinte y veinticinco minutos en recuperar la concentración. Esa pérdida acumulada transforma tu jornada en una sucesión de interrupciones disfrazadas de productividad. La solución está más cerca de lo que parece: convertir tu editor en el eje central donde confluyan todas las herramientas que realmente usas.
¿Por qué el cambio de contexto reduce tu eficiencia?
Una encuesta de Stack Overflow [0:24] reveló que GitHub, Slack y Jira son las herramientas más utilizadas por desarrolladores modernos. Sin embargo, la mayoría las opera en ventanas separadas. Cada salto —del editor al navegador, del navegador a Slack— genera lo que se conoce como cambio de contexto: una interrupción cognitiva que obliga al cerebro a reconstruir el estado mental previo.
Esto significa que con solo tres integraciones —GitHub para código, Jira para tareas y Slack para comunicación— puedes lograr un salto inmediato en productividad [1:15].
¿Qué tan extensibles son los editores modernos?
La capacidad de extender editores es relativamente reciente. Hace quince años, los editores no permitían agregar funcionalidades externas. Atom fue el primer editor extensible, y después VS Code se convirtió en el líder de ese modelo [1:45]. Hoy, prácticamente todos los editores modernos soportan extensiones, lo que habilita este enfoque de integración total.
¿Cuántos pasos ahorras con un flujo integrado?
Un flujo sin integración requiere veinte pasos para tareas comunes como crear un branch, revisar cambios y hacer merge [2:07]. El proceso incluye hacer alt tab a la terminal, ejecutar git status, abrir el navegador y navegar por GitHub. Cada uno de esos saltos es una oportunidad de distracción: una notificación en Slack, una noticia en el navegador.
Con integración, ese mismo flujo se reduce a seis pasos [2:05]:
¿Cómo cambia la experiencia del revisor de código?
Desde la perspectiva del revisor, el impacto es igual de significativo. Sin integración, una revisión de código involucra catorce pasos: recibir la notificación, abrir GitHub en el navegador, cambiar de branch, cargar el código y realizar la revisión con múltiples cambios de contexto [3:27].
Con la integración dentro del editor, esos catorce pasos se convierten en cuatro [3:22]:
Los beneficios concretos incluyen ahorro de tiempo, reducción de distracciones, acceso permanente al código y mejora en la calidad y la comunicación del equipo [4:01].
¿Qué es el flujo moderno y cómo evoluciona hacia el shift left?
El concepto de flujo moderno [4:32] plantea que no necesitas esperar a tu equipo para comenzar a trabajar de forma productiva. Puedes usar pull requests dentro de VS Code, conectar tu issue tracker y hacer comentarios que después se comparten con la organización.
¿Qué herramientas complementan al pull request?
El pull request tradicional aparece tarde en el proceso: revisas el código solo al final de la creación. El flujo moderno introduce alternativas más tempranas [5:06]:
Esta evolución hacia el shift left [4:55] busca que la detección de problemas y la colaboración ocurran lo más temprano posible. La documentación generada evita repetir información y acelera el trabajo de todo el equipo.
¿Ya integraste GitHub en tu editor o sigues alternando entre ventanas? Comparte tu experiencia y las extensiones que más te han ayudado a reducir cambios de contexto.
Francisco Israel Jimenez Ramirez
Claudio Pinkus
ProfesorPat Villarroel
Iván Arcos
Juan Christopher
Simón Arenas
Adriel Francesco Pezo Vizcarra
Jose Tellez
Hector Rubio
Juan Christopher
David Antonio Garcia Saaib
Stalin Badillo
JeanCarlos Atoche Pascual
Carlos Eduardo Gomez García
JeanCarlos Atoche Pascual
Jesús alfaro
Jose Luis Idarraga
Juan Christopher
Michael Jose Chacón Bolívar
Marcelo Bukowski
ProfesorJuan Christopher
Misael Valdez
Juan Christopher
Luis E. Gama Ramirez
Eduardo Sebastián Sandoval Jiménez
Liza Fernanda Castrillón Díaz
Jose Luis Idarraga
Matias Acosta
WILLIAM FERNEY CHAPARRO CHAPARRO
David Rodriguez Postigo
Guillermo Rosales Núñez
Victor Andres Castillo Zambrano
Brian Domínguez Vázquez
Arturo Verbel De León
Melsar Otoniel Andrade Castillo
Platzi Team
Andrés Fernández
soy nuevo desarrollando codigo aun estoy en lo basico pero si note que estar cambiando pantallas entre vs code y git perdia mucho tiempo porque al final perdia el hilo de lo que estaba haciendo o se me olvida algunos cambios que habia implementado porque no tenia el codigo a la vista y tenia que volver a repasar para fijarme bien todo lo que habia hecho y poder hacer commit. un dia por casualidad me entere que vs code tenia una terminal y estaba integrado git esto me cambio la vida :D, tiene buena pinta el curso.. absorvere todo sus conocimientos gracias!
Gracias a ti. Si tienes preguntas o comentarios, me gustaría recibirlos.
Francisco, si tan grande fue el aporte a tu flujo darte cuenta que VS Code tiene una integración con git, ¡imagínate con el Flujo Moderno de la mano de CodeStream!
#TeamVSCode
#TeamVSCode
JAJA tuvo bueno
I don't hate microsoft
Lo que se busca al integrar las herramientas en el editor de texto es** evitar el cambio de contexto** lo que esto significa es no cambiar de ventanas, porque esto puede ocasionar una distracción ademas se busca el** reducir pasos** para eficientar el tiempo para realizar las tareas.
Los beneficios son:
Ahorrar tiempo
Reducir Distracciones
Tener acceso a el código en todo momento
Mejorar la calidad
Mejorar la comunicación
No tener que cambiar de herramientas
Muy buen aporte.
Esto fue un 'amiga date cuenta' para mi
X2 jaja
es entonces cuando uno se da cuenta que peluchin esta en todo lados 😂
Increíble, me encanta porque por lo que veo, CodeStream unifica todo esto en el editor de código, aún me quedan dudas de cómo es que trabaja pero a medida que avance el curso lo iré viendo, pero me está llamando mucho la atención!
RetaxMaster creo que estoy siguiendo tu ruta xD, no se cuando te alcanzare
Y yo estoy detrás de los 2 en la ruta xD
Gracias.
Me gustaría que este flujo de desarrollo se encuentre también en vim, vim también es un excelente editor y muy rápido cuando lo agarras, es el que uso por defecto actualmente. Pero si tengo que usar vscode de nuevo para apreder flujo de desarrollo moderno lo utilizare.
A mí también me gusta mucho vim, pero su dinámica de utilización es intrinsecamente diferente. Uno lo abre e cierra vim muchas vezes al dia (cambio de contexto). Por razones de tecnologia y del flujo moderno, yo utilizo más IntelliJ.
Tambien vim es muy bueno... Pero no es tan utilizado como otras herramientas utilizadas en este curso.
Buen aporte.
Me quedo con esto... Al final es eso, eficiancia y productividad. Si te enfocas 20 minutos, que sea eso, lo que trabajas. No mas, no Menos
Concuerdo contigo, gracias por el aporte!!!
Mis Apuntes: EDITOR DE TEXTO COMO CENTRO DE CONTROL
EL EDITOR DE TEXTO COMO EJE (hub)
Se trabaja todo el día en un editor de texto (Vs Code, IntelliJ), y usas otras herramientas que no están integradas a tu editor (Github, jira, Slack, email) haciendo que los cambios de texto reduzcan la productividad.
INTEGRACIÓN DE LAS HERRAMIENTAS: La idea esencial de todos los editores de texto modernos como VsCode, Intellij IDEA etc, es el de mejorar la productividad eliminando pasos innecesarios.
JIRA: Donde están todas las tareas. GitHub: Dónde se encuentra el código. Slack: Dónde te comunica con el equipo.
Un par de ejemplos sobre el sistema de integración.
Sin integración:
Se puede tomar hasta 20 pasos lo cual es ineficiente.
Puede haber mucha distracción, haciendo que pierdas el workflow.
2 ++GITHUB (REVISOR):++ Con integración: 4 pasos. Sin integración: 14 pasos haciendo la tarea muy ineficiente.
BENEFICIOS DE LA INTEGRACIÓN DE LAS HERRAMIENTAS EN EL EDITOR SON:

Shift Less:
Feedback request: Revision de codigo atomizada, para mejorar la calidad de tu codigo antes de si quiere necesitar un pull request
Discusion informal: Pueden discutir sobre cambios atomicos, o incluso crear documentacion de forma mas rapida.
Apuntess!
Se habla multiples veces de Jira en este curso, ¿Platzi no tiene curso de Jira? ¿está en los planes tenerlo? o ¿en cual curso se encuentra contenido?
igual si quieres una alternativa muy buena y colaborativa, esta Trello
El editor del texto como eje (hub) -Tu trabajas todo el dia e tu editor de texto: VScode, Intellij IDEA, Pycharm -y usas otras herramients que no estan integradas a tu editor: -github - jira -slack -email
Integracion de herramientas -Todos los editores modernos son extensibles -La idea esencial es mejorar la productividad eliminando pasos innecesarios
Flujo integrado: -Sin integracion: 20 pasos -con integracion 6 pasos
Beneficion de la integracion en el editor
Los editores de texto modernos son mas flexibles que antes y estos permiten integrar 14 de las tecnologías mas utilizadas, como lo puede ser, GitHub, Slack y Jira. Estos se pueden instalar el VS Code para poder trabajar mas rápido sin necesidad de hacer mas pasos de lo necesario.
Muy cierto cierto lo comenta el profesor. La verdad me sentía orgulloso al cambiar de mi editor (atom) a la terminal, manejar los comandos y crear el PR de manera rápida. Ir a slack, compartir como revisor. El ticket era meramente informativo y solo había una interacción con el ticket cuando se creaba el PR y cuando se mergeaba (por la integración de Jira con bitbucket) Pero sería increible que todo esto pueda hacerlo desde el editor (Acabo de empezar con VS code). Que clase tan interesante.
Wow, sin duda esta clase me hizo ver las posibilidades que trae tener integrado en el editor de código, nos permite tener un flujo ordenado y eficiente.
El editor del texto como Eje (HUB)
Trabajamos como en un editor (VS code, intelliJ IDEA) y otras herramientas (GitHub, Jira, Slack) para nuestro editor. Pero el cambio de este contexto reducen nuestra eficiencia. Para VS code como eje solo necesitamos Jira, Slack y GitHub para aumentar la productividad.
§ La idea principal en aumentar la productividad al no cambiar de contexto.
Si utilizamos un flujo integrado reducimos los pasos en nuestro trabajo.
Los beneficios ○ Ahorramos tiempo ○ Reduces distracciones ○ Acceso a todo código en todo momento ○ Mejoras la calidad ○ Mejoras la comunicación No tienes que cambiar de herramientas.
El entorno moderno de trabajo se basa en múltiples plataformas, esto reduce tu productividad.
Tu editor debe funcionar como el eje de estas funcionalidades, esto es, usar la integración de herramientas para reducir la cantidad de pasos que debes hacer.
Beneficios:
-Ahorras tiempo
-Reduces distracciones
-Acceso a todo el código en todo momento
-Mejora la calidad
-Mejora la comunicación
-No tienes que cambiar herramientas