El editor de texto moderno

3/18
Recursos

Aportes 68

Preguntas 4

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Reg铆strate o inicia sesi贸n para participar.

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!

#TeamVSCode

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

Esto fue un 鈥榓miga date cuenta鈥 para mi

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.

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

Con integracion se reduce el tiempo de trabajo aumentando la productividad, haciendo mas facil llegar a un estado de flujo (flow state)

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.

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!

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.

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.

  1. FLUJO INTEGRADO:
    Con integraci贸n:
    Se puede tomar 6 pasos, todos desde el editor. De tal manera que tengas mejor eficiencia y menos distracci贸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:

  • Ahorro de tiempo.
  • Reducci贸n de distracciones.
  • Tener acceso al c贸digo en todo momento.
  • Mejora en la calidad de tu trabajo.
  • Mejora en la comunicaci贸n.
  • Eficiencia. El beneficio de no tener que cambiar de herramientas durante tu trabajo.

![](

  • Full Request:
    Manera de revisar el c贸digo y sus cambios.
  • Feedback Request:
    Colaboraci贸n del equipo y revisi贸n del c贸digo automizado, mejorando la revisi贸n mucho antes que con el Pull Request.
  • Difusi贸n Informal:
    CodeChat. Para hablar del c贸digo e informar al equipo.
  • Documentaci贸n:
    Documenta todo el c贸digo hecho para que de esa manera se pueda presentar el c贸digo de manera eficiente a todos los desarrolladores que trabajan sobre la base del c贸digo . Evitando repetir la informaci贸n y los conocimientos previamente adquiridos.

NOTA:

  • Seg煤n una encuesta hecha por Stack-OverFlow la herramienta m谩s utilizada es Github, Slack, Jira.
  • La mejor forma de integrar las herramientas es con VsCode.

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.

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

Lo veo como aquellos que dicen que 鈥淢ientras menos uses el mouse mejor programador eres鈥 en el sentido que mientras menos cambios tengas que hacer (Cambiar de ventana, soltar el teclado para usar el mouse, etc.) m谩s productivo eres.

Con cosas como los shortcut para abrir la terminal directamente y desde ah铆 por ejemplo hacer un git commit -am 鈥溾 para hacer un add y commit al mismo tiempo. Y ufff muy cierto que digamos vas al navegador y resultas en Twitter, leyendo algo, etc茅tera entonces quedarse en el editor mejorar谩 mucho la productividad.

El editor es el Hub, el centro de control! y si bien utilizas otras herramientas externas a este, como github, email, slack etc鈥un para tu beneficio, estos cambios de contexto te penalizan en cuanto a eficiencia.

de acuerdo a una una encuesta bastaria que tu editor implementara 3 herramientas para disminuir drasticamente tus tiempos de diseno.

GITHUB + JIRA +SLACK 鈫 todo en VSCode

entonces la integracion trae grandes beneficios para los procesos de desarrollo pues reduce grandemente los tiempos y los pasos que hay que hacer para hacer revisiones o producir contenido.

El cambiar de programa al estar trabajando llega a ser molesto, el tener todas tus herramientas en un mismo entorno es lo mejor que puede pasarle a cualquiera que escriba c贸digo y el saber que existen estas herramientas es algo bastante interesante, ahora es nuestro turno de explotarlas

He usado GitHub integrado a mi Vscode y es muy bueno, pero en un video de Oscar barajas, profesor de Platzi, vi una extensi贸n que se llama wakatime, esta es muy buena para medir la productividad, creo que si se integran cosdestream y wakatime pueden sacarse m茅tricas muy buenas para medir a tu equipo de trabajo y a uno mismo.

Extensiones para VSCode
WakaTime

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

  • cambieos de contexto reducen la productividad

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

  • Ahorras tiempo en el editor
    -Reduces distracciones
    -tienes acceso a todo el codigo en todo momento
    -mejoras la calidad
    -mejoras la comunicacion
    -no tienes que cambiar de herramientas

Pregunta de examen:
驴En cu谩ntos pasos reduce el flujo moderno integrado el proceso de desarrollo de software?

Apuntess!

seria genial que existiera tambi茅n para vim 馃槈

Gr谩fico de herramientas de desarrollo teniendo al editor de texto como eje

Soy nuevo en el mundo de la programaci贸n y cualquier herramienta que te permita agilizar tu trabajo siempre es bienvenida.

Ac谩 les dejo mis apuntes de la clase compa帽eros, espero les sirva,

Editor de texto Moderno

Editor como centro de control, como eje, necesitamos solo 3 herramienta para tener un gran salto en la productividad:

  • GitHub, donde tenemos el c贸digo
  • Jira, donde tenemos las tareas
  • slack, donde nos comunicamos

Todas estas herramientas se integran a los editores modernos, la idea es aumentar la productividad al no cambiar de contexto.

Por ejemplo, flujo integrado.

  • Sin integraci贸n nos toma 20 pasos, adem谩s de ineficiente, tiene distracciones
  • Con integraci贸n 6 pasos, eficiencia
<h4>Beneficios de la integraci贸n en el editor</h4>
  • Ahorra tiempo
  • Reduce distracciones
  • Tienes acceso al c贸digo en todo momento
  • Mejoras la calidad
  • Mejoras la comunicaci贸n
  • No tienes que cambiar de herramientas.
<h4>Evoluci贸n del flujo</h4>

El camino hacia el Shift Left

  1. Pull Request, es una manera de revisar revisiones de codigo o cambios, que aparecn un poco tarde en el proyecto.
  2. Feedback Request, permite hacer una colaboraci贸n y una revisi贸n atomizada y as铆 poder mejorar la calidad antes del Pull Request.
  3. Se puede usar anteriormente el Code Chat que es una discusi贸n informal que te permite hablar de cualquier parte del c贸digo en el repositorio sin preocuparte si alguien ha hecho un cambio.
  4. Todo lleva a la documentaci贸n, sirve para todos los aspectos del Shift Left por que no hay que repetir informaci贸n ya adquiridos, la organizaci贸n captura todos los conocimientos, y se los presenta a todos los desarrolladores para conocer las bases del c贸digo y poder trabajar mas r谩pido.

Reducir distracciones, esto sin duda es muy importante. Normalmente en mi equipo tengo dos usuarios, uno con videojuegos y cuentas personales y otro con mis programas para trabajar.
Ya con esta herramienta, integrar muchas cosas al editor sin duda ayuda mucho.

<h3>Beneficios de la integraci贸n en el editor</h3>
  • Ahorro del tiempo
  • Reducir distracciones.
  • Acceso al c贸digo en todo momento.
  • Mejorar la calidad.
  • Mejorar la comunicaci贸n.
  • No hay que cambiar entre herramientas.

馃懆鈥嶐煔 El editor de texto moderno

<h4>Apuntes</h4> <h4>El editor del texto como Eje (Hub)</h4>
  • T煤 trabajas todo el d铆a en tu editor de texto:
  • VS Code, IntelliJ IDEA, PyCharm鈥
  • Y usas otras herramientas que no est谩n
    integradas a tu editor:
    • GitHub
    • Jira
    • Slack
    • email
  • Cambios de contexto reducen la productividad.
<h4>El editor del texto como Eje</h4>
  • VS Code se puede conectar con:
    • JIra
    • Github
    • Slack
<h4>Integraci贸n de herramientas</h4>
  • Todos los editores de texto modernos son
    extensibles:
    • VS Code
    • IntelliJ IDEA (y todos los editores de JetBrains)
    • PyCharm
    • Visual Studio
    • Android Studio
  • La idea esencial es mejorar la productividad eliminando pasos innecesarios

Ejemplo 1 Flujo integrado

  • Sin integraci贸n 鈬 20 pasos
    • Existe mucho cambio de contexto
    • Puede aparecer distracciones en cada programa en usar
  • Con integraci贸n 鈬 6 pasos

Ejemplo 1 Flujo integrado

  • Sin integraci贸n 鈬 14 pasos
  • Con integraci贸n 鈬 4 pasos
<h4>Beneficios de la integraci贸n en el editor</h4>
  • Ahorras tiempo.
  • Reduces distracciones.
  • Tienes acceso a todo el c贸digo en todo momento.
  • Mejoras la calidad.
  • Mejoras la comunicaci贸n.
  • No tienes que cambiar de herramientas.
<h4>Herramienta de integraci贸n</h4>
  • CodeStream se concentr贸 en realizar una soluci贸n para facilitar esta herramienta para desarrolladores y editores de c贸digo como Visual Studio Code

RESUMEN: Como desarrollador puedes facilitar tu trabajo y rendimiento usando herramientas las cuales te ayudaran a quitar distracciones y pasos innecesarios. Una soluci贸n es integrar herramientas las cuales est茅n integradas a tu espacio de trabajo, las cuales te evitaran pasos innecesarios y cambios de contexto

Hasta est谩 clase pude obtener una definici贸n exacta sobre CodeStream, est谩 es:

CodeStream: herramienta de integraci贸n para el flujo
moderno de desarrollo de Software.

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 EDITOR DE TEXTO COMO EJE **

Se trabaja todo el d铆a en un editor de texto haciendo que los cambios de texto reduzcan la productividad.

** Beneficios de la integracion **

como bien sabemos que estar pasando de pantalla en pantalla genera mas tiempo, osea estamos realizando mas pasos por ende nos tardamos mas, tambi茅n corremos en riesgo de distraernos, nos les ha pasado que cuando tienen que hacer algo y al terminarlo antes de dar el siguiente paso, deciden darse un breack por que son como tareas diferente y luego del breack sienten que ya perdieron la concentraci贸n y no recuerdan lo que estaban haciendo, bien pues lo que se busca es que esto no suceda, para ello se busca la integraci贸n de todas esas herramientas que usamos integrarlas en nuestra herramienta principal, para que de esa forma tengamos todo en uno y no estar pasando de pantalla en pantalla, para no correr riesgos de distracciones

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

Hablamos de un editor de texto moderno sobre aquel en el cual 铆ntegras todas las herramientas que necesitas para trabajar, de forma que no tengas que cambiar constantemente entre aplicaciones. Por lo general en el desarrollo de c贸digo se necesita: el editor donde escribir el c贸digo, una herramienta de control de versiones (git), un repositorio donde ir guardando el proyecto (GitHub), una herramienta para administrar las tareas y los tickets (Jira) y finalmente una aplicaci贸n para la comunicaci贸n del equipo de trabajo si es necesario (Slack). Un editor que te permite integrar herramientas de este tipo dentro de su entorno entonces puede ser considerado un editor de texto moderno; uno muy popular es Visual Studio Code.

Una de las razones por las cuales hago este curso es porque precisamente, pierdo mucho tiempo en adaptar el c贸digo que escribo entre mi nube (AWS-linux) y mi equipo de producci贸n (Windows)

2.-El editor de texto moderno

Estar cambiando constantemente de contexto (de editor a otras herramientas como GitHub) REDUCEN la productividad.

Con un editor como VS code necesitamos solamente tres herramientas para tener un salto inmediato en el aumento de productividad.

  • GitHub: donde mantenemos nuestro c贸digo.
  • Jira: donde mantienes tus tareas.
  • Slack: donde te comunicas.

Todas estas herramientas se integran en los editores modernos (son extensibles), el objetivo es simple: aumentar la productividad sin cambiar de contexto.

驴C贸mo se consigue integrar las herramientas esenciales dentro del editor?

Mediante codestream se cre贸 una soluci贸n que permite hacer eso con los editores m谩s usados en la industria.

Codechat: discusi贸n informal de c贸digo que permite hablar de cualquier parte del c贸digo sin preocuparnos por cambios o por pull requests.

Despu茅s de esta clase, comenzare a usar la terminal de VSCode, mas ahora que pude ver que tiene la personalizaci贸n que le hice en zsh

El poder usar el editor como centro de control permite que podamos reducir el tiempo al hacer nuestras tareas y nos podamos concentrar mas, interesante esta clase.

Esto esta muy interesante:
Aqu铆 les dejo mi peque帽o resumen:

Evoluci贸n de flujo - El camino hacia Shift Left

  • Pull Request: Manera de hacer revisiones y cambios.
  • FeedBack Request: Permite hacer colaboraci贸n , revisi贸n de c贸digo atomizado, mejorar la calidad antes del pull request.
  • Discusi贸n informal: Permite hablar de cualquier parte del codigo dentro del repositorio sin preocuparse de si existe un pull request.
  • Documentaci贸n: Sirve para todos los aspectors del Shift Left por que no hay que repetir informaci贸n y conocimiento.

Wow me sorprendio lo que dijo de los pasos, me habia estado preguntando eso mientras programaba siempre uno codea toca recargar la pagina alt+tab para ir a otro lado y todo eso quita tanto tiempo

Notes

The code editor as an axis

You tend to work all the time in your editor, but you use other tools, such as GitHub, Jira, Slack, email, etc. Those changes in context reduce productivity. The idea is to integrate the most used apps in our IDE. This way we will increase performance by skipping unnecessary steps

If we integrate our apps in our IDE we could reduce the time in many processes. Reducing up to 3x the amount of steps that could shoot actions that distract us.

Benefits

  • Save time
  • Reduce distractions
  • You are in the code all the time
  • Improve quality
  • Improve communication
  • You do not have to change from tool

1
Como desarrollador de software trabajas todo el d铆a en tu editor de texto (vscode, otros) pero tambi茅n con otras herramientas que no est谩n integradas (GitHub, jira, Slack, otras). Cuando cambias entre las herramientas se crean distracciones que reducen la productividad.

Es increible como hace unos a帽os los editores no eran extensibles, y hoy en d铆a hay muy pocos que no lo son :0

Estupenda clase, reci茅n aprendo sobre integraci贸n, todo lo que menciona es muy cierto, a seguir!!

Esta clase hizo que mi cabeza explotara 馃槷 . Cuan 煤til hubiera sido esto antes, no puedo creer que me estaba desaprovechando tanto las herramientas.

Imag铆nense si pudi茅ramos integrar Plazi al editor, seria la cosa mas maravillosa del mundo.

Este curso esta demasiado interesante. Seguimos adelante.

Android studio tiene git y yo aqu铆 usando git bash

Cada cambio de contexto nos puede distraer de lo que estamos haciendo

Muy cierto, si todo funciona desde un mismo lugar ahorramos mucho tiempo

Esta clase me hizo volar la cabeza y comprender mejor los flujos de trabajo 馃槷

隆Wow! Increible introducci贸n, tener este nivel de integraci贸n puede ayudar a dar un salto en productividad :th

Mis apuntes

Ejemplo 1: Flujo integrado

El editor de texto como Eje (Hub)

Este curso deber铆a estar despu茅s del de git y github, te ayuda un mont贸n crear un setup mas optimo de trabajo.

excelente, el tiempo es imprescindible!

Hay que evitar aquellas tentaciones (distractores), para ello la integraci贸n con un editor es la soluci贸n

#TeamVscode

El estar concentrado, es la tarea m谩s complicada de un desarrollador porque vivimos en el internet.

Puse marcadores para este video. Espero les sirva 馃槂

Evoluci贸n del flujo (el camino hacia el Shift Left)

Implementaci贸n del flujo moderno

Beneficios de la integraci贸n en el editor

Ejemplo 2: GitHub (revisor)

Integraci贸n de herramientas

馃憣