Transcript for:
Bienvenida a Termux Dev - Conferencia

te doy la bienvenida a termux dev un proyecto enfocado en enseñar a programar a todas las personas que carecen de un ordenador y únicamente cuentan con su dispositivo móvil como recurso para programar la idea de este proyecto es brindar un entorno fácil y cómodo para programar desde nuestro móvil es por eso que me he dado la tarea de programar un instalador que te automatice la descarga de paquetes y herramientas necesarias para programar al igual que la comunidad este instalador se llama thermus Def y ya lo puedes encontrar y descargar de manera gratuita desde la plataforma github cabe recalcar que este proyecto está enfocado únicamente en móviles Eso quiere decir que únicamente va a funcionar en un dispositivo Android con la aplicación termux además Es recomendable que instales la aplicación termux desde la plataforma github Ya que ahí mismo se encuentra su versión más actual de cualquier forma si no lograste instalar termus desde la plataforma github te recomiendo instalarla desde la plataforma fdroid Y bueno pues sin más que decir vamos a ver la instalación de termux Def [Música] muy bien ya que estamos aquí vamos a ver la instalación de termux Def pero primero vamos a instalar correctamente la aplicación termux ya que es la que va a ser necesaria para instalar thermus Def bien lo que vamos a hacer primero es acceder a nuestro navegador de nuestra preferencia en este caso yo voy a usar Google Chrome voy a acceder a ese navegador y aquí simplemente voy a buscar termus github así como están viendo en este momento termux github accedemos simplemente a al primer enlace Bueno mejor dicho buscamos termux app desde github ahí más específico no Entonces accedemos al primer enlace y ya estamos aquí dentro de este repositorio en gitc aquí está la versión más actual de la aplicación termux entonces lo que vamos a hacer ahora mismo Es irnos a los tres puntos de aquí y colocar en la vista de escritorio es decir la vista de computador aquí en el navegador y listo luego ya que estamos aquí nos vamos a ir a la a la sección de actions aquí le damos click y luego vamos aquí a la sección de build Una vez estando aquí nos aquí están todas todos los cambios que se han estado realizando en la aplicación thermus últimamente miren aquí pueden ver hace hace qué tiempo se subió Este cambio y lo más recomendable es instalar la última que esté en verde es decir aquí con el visto para que esté la versión más actual de termux entonces si ustedes no se van aquí por ejemplo a este repositorio aquí nos van a aparecer todas las versiones de la aplicación termux que podemos instalar en este caso deben instalar dependiendo de su arquitectura la aplicación termux yo eh voy a usar la que dice termux app eh universal la que es la versión universal Porque en mi caso que mi arquitectura es ar 64 no está en la lista de todas estas arquitecturas entonces voy a instalar la que es la universal Sin embargo a mí como mi Android es un poco ya Antiguo y y no es un Android actual la aplicación thermus esta que están viendo aquí no se me instala correctamente es decir no se me instala esta aplicación Así que yo Eh bueno en el caso de que a ustedes les suceda lo mismo eh opten Por descargar termux de la siguiente manera se van a su navegador de igual manera y simplemente buscan termux F gu medio F Droid Esta es una plataforma que también tiene la aplicación termux tal vez unas versiones un poco más antiguas Pero sigue funcionando correctamente y que es la que yo uso actualmente si accedemos a esta parte y nos vamos aquí abajo deslizamos deslizamos hasta aquí abajo hasta aquí donde dice Descargar apk si nosotros presionamos aquí se nos va a descargar automáticamente la aplicación termux y con eso Listo ya la podemos instalar en mi caso yo ya la he descargado Para no perder el tiempo aquí con la descarga y aquí es la aplicación aquí únicamente la voy a abrir le voy a dar a abrir por primera vez miren me instala algunos paquetes iniciales y listo se abre la aplicación termux así sin problemas ahora lo que vamos a hacer para tener tener nuestro entorno de termux dev de del que acabo de programar para tener un entorno de desarrollo lo que vamos a hacer es ir aquí a nuestro Google Chrome nuevamente y vamos a buscar aquí github.com bar termux Def así como están viendo exactamente o si no se van a la liga que les dejo aquí en la descripción del video para que puedan ir más rápido y por cierto si van a descargar termux desde github recuerden estar logueados en la en su en en su cuenta de github es decir deben tener una cuenta de github para poder eh descargar thermus de lo contrario no les va a dejar Descargar el archivo Así que es recomendado que tengan una cuenta de github para descargar thermus bien entonces ahora ahora que vamos aquí a este enlace que les voy a dejar en la descripción es mi enlace de mi nueva cuenta de github no les hago Buscar termux dev en Google porque actualmente mi mi cuenta de github no es tan eh conocida como las anteriores que solía tener como la de darmus por ejemplo que esa ya es conocida porque tiene ya algunos repositorios que fueron fueron populares en su tiempo Y bueno pues Google indexa más rápido Esas cuentas pero en este caso esta cuenta como es recién creada y recién estoy programando nuevos proyectos pues no no es muy conocida y Por ende Google no les va a indexar Así que es mejor acceder directamente desde el enlace no entonces accedemos aquí a esta cuenta Ah bueno Esta sí esta cuenta de github Y si es posible intenten Tener la vista de de móviles para para Bueno yo en mi caso voy a voy a tener la vista de móviles porque es mucho mejor obviamente la de computadora pero aquí eh vamos a tener un un poco de información de mi perfil y yo quiero que vean ustedes de manera más clara con la vista de móvil bien aquí pueden ver que ya está mi proyecto llamado termux que tiene actualmente dos estrellitas si quieren apoyarlo les agradecería que me den una Estrellita y compartan también el proyecto accedemos a este proyecto que es el que nos interesa Y listo este proyecto es el que vamos a a usar nosotros para para poder instalar el ambiente de thermo dev como pueden ver aquí está un avance de cómo se ve termux dev este es su banner su interfaz su su curs su shell y demás y Bueno aquí tenemos un poquito su documentación de sus nuevos comandos los temas que tiene los argumentos y demás funciones no pero a nosotros lo que en este momento nos interesa es la instalación Entonces nos vamos a esta sección que dice installation o instalación en español si quieren ustedes aquí le traducen la documentación al español si no se acostumbran a leerla en inglés no hay problema le pueden Traducir así al español eh yo le puse en inglés para que se vea un poco más formal pero no hay problema también en español bien Le voy voy dejar en inglés yo por este momento y aquí tenemos El Comando inicial que es para actualizar los repositorios Así que aquí simplemente le presionamos en esta icono para copiar volvemos a nuestro termux y pegamos aquí ese Comando le damos enter y automáticamente va a empezar a actualizar los repositorios de termux es decir como recién lo instalamos recién está descargado termux necesita que se se actualicen algunos paquetes y y dependencias que ya tiene instalados Entonces eso es lo que estamos haciendo en este momento Entonces miren ahora mismo está haciendo este procedimiento rápidamente y también cabe recalcar que para tener thermus Def deben tener al menos eh 3 GB de almacenamiento disponible si es posible tengan más porque cuando creen proyectos y demás pueda que les ocupe más espacio Así que es recomendable que tengan almacenamiento disponible no Recuerden que esto en mi caso eh yo lo le doy prioridad más que cualquier juego red social etcétera ya que son temas que me están aportando conocimiento y Bueno pues yo prefiero darle más importancia al almacenamiento para mi termus que para cualquier otra cosa bien entonces nos vamos ahora mismo a github ya que terminó de actualizar los repositorios y vamos a ejecutar este segundo Comando que es para garantizar permisos de almacenamiento en nuestro termux que simplemente eso si le damos aquí enter le doy enter me va a mostrar un un recuadro aquí que me pregunta si si quiero permitir que termux tenga permiso de acceder a mis archivos de mi almacenamiento interno en este caso yo les hago que otorguen este permiso porque a veces vamos a requerir imágenes en nuestros sitios web iconos y demás Entonces vamos a necesitar acceder a las imágenes que descarguemos en eh desde nuestro navegador etcétera y para ello necesito necesitamos que termux tenga acceso a nuestro almacenamiento interno entonces por eso deben presionar en permitir eso es lo único que pasa cuando le dan en permitir Simplemente ya tienen permisos de almacenamiento interno bien Ahora vamos a instalar este este este módulo es decir este paquete llamado git que es un software de control de versiones más adelante ya les sacaré un curso completo sobre esta herramienta que es fundamental para trabajar como desarrollador Entonces le doy enter aquí se va a instalar esta herramienta lo que hace simplemente es permitirnos administrar nuestros proyectos de manera remotas directamente desde aquí desde la terminal bien y únicamente ya que tenemos instalado estas tres cosas bueno ejecutado estos tres comandos vamos a proceder a clonar el repositorio es decir a descargar el proyecto termux dev con este Comando lo copiamos nos vamos a nuestro termux lo pegamos y le damos enter aquí simplemente va a empezar a instalar termux de miren Ya lo tenemos instalado si nosotros le ejecutamos El Comando ls que es para listar los archivos que se encuentran en esta carpeta le doy ls miren aquí me muestra la carpeta termus Def que es la que acabamos de descargar y la carpeta storage que es la que se creó al momento de brindar permisos de almacenamiento a termux entonces estas dos carpetas deberíamos tener inicialmente entonces bien para eh instalar termux de ya que lo tenemos descargado aquí nos vamos nuevamente a nuestro navegador y vamos al comando de aquí que dice CD termus Def y va G instal.sh que este Comando lo que haría simplemente es ejecutar el instalador de termux Def para que nosotros podamos tener ya el entorno de desarrollo en nuestro termux Entonces le d le copiamos le pegamos le damos enter y va a empezar a instalar todas las dependencias de herramientas paquetes etcétera que necesita term para funcionar miren aquí de hecho les da una lista de todo lo que está instalando entonces por eso les recomendaba tener un un cierto eh cierta cantidad de espacio disponible en su almacenamiento interno y esta descarga no es tan demoroso bueno no tarda mucho Claro que tarda lo mucho Quizás 10 minutos Bueno 5co también depende de su conexión a internet Pero bueno en este caso yo voy a cortar aquí un momento el video y ya regreso en unos segundos mientras se termina de Descargar todo esto para que no se alargue mucho el video perfecto si pueden ver aquí está terminando de descomprimir algunos paquetes que descargó previamente y ahora mismo Está instalando mongodb que es un es una base de datos que nos va a servir para para programar que vamos a utilizarla en nuestros videos de ejemplo eh vamos a usar esta base de datos así que tamb también nos instala mongodb igual term soporta otras bases de datos por si de pronto saben programar en en otro tipo de bases de datos bueno saben usarlas mejor dicho No aquí está instalando algunos módulos de mpm es decir del instalador de paquetes de node js entonces aquí esperamos a que instale algunas dependencias más eh quise decirles esto para explicarles un poquito que qué es lo que está instalando y aquí está descargando ngog ya está por casi por finalizar bien miren aquí pueden ver que ya nos dice una pregunta do you want to use de om zsh shell esto simplemente es para que nosotros podamos instalar el cursor es decir esta shell si ustedes quieren que se vea así como tengo yo en mi termux de esta manera bueno acá es un mejor ejemplo como pueden ver aquí el cursor o de esta manera si quieren que se vea de esta manera el su su termux también y no tienen alguna otra configuración simplemente Les recomiendo que aquí le den la y para decirle que sí En todo caso si ustedes tienen ya alguna configuración en su termo y no quieren perder o no quieren cambiarla o no quieren que haga conflicto simplemente ingresen la letra n y le dan enter y simplemente se les queda normal pero cabe recalcar que si hacen Esto no se les va a instalar el banner El banner Bueno El banner es esta presentación Pero todas las funciones de termux Def las van a tener pero no se les instala el banner ni el cursor ni nada sino que su termux se les va a quedar como como como lo tienen normalmente ustedes si de pronto no quieren modificar nada pero en mi caso Yo si quiero que tenga ese banner y todo ese cursor y todo ese estilo que yo le mismo he programado Entonces le voy a dar la y y le voy a dar aquí enter aquí simplemente está instalando algunos paquetes y listo ahora lo que vamos a hacer en caso de haber instalado la la shell zsh como la la pregunta que nos hizo anteriormente le vamos a dar Aquí también la y para decirle que si use por defecto esta shell ya que se va a usar esta shell por defecto Al momento de iniciar termus Así que aquí también le vamos a dar la y y le vamos a dar enter y listo miren aquí ya se ha instalado la om zsh no se va a ver de esta manera ahorita se ve así porque no está personalizada Pero más adelante ya ya la vamos a personalizar en esta misma instalación Entonces ahora mismo si nos fijamos en la documentación si nos vamos acá en la instalación aún nos falta ejecutar este último Comando que dice bash n. sh así que lo vamos a copiar ya para finalizar la instalación y tenemos que pegarlo aquí y darle enter pero por si de pronto también no están pendientes a la documentación aquí mismo les he dejado un mensaje que dice por favor ejecutar bash n. sh que es el El Comando que sirve para continuar la instalación entonces aquí yo simplemente le voy a pegar ya está aquí El Comando y le voy a dar un enter le voy a dar enter y listo Aquí empieza a descargar otras dependencias del editor de código aquí nos dice si queremos instalar una configuración de ejemplo eh personalizada Y le vamos a dar la y que que sí le voy a dar enter Esto es para el editor de código que está usando un editor de código llamado nb chat es decir nbim y aquí está instalando todos los plugins es decir complementos para que este editor de código sea lo más cómodo posible para programar ya que es el que vamos a estar usando normalmente aquí le damos eh enter Para continuar y aquí esperamos a que se instale en todos los paquetes estos cuatro paquetes de aquí que son cinco en realidad que ya mismo este este paquete de aquí también suele dar error al instalar estos paquetes no es necesario que que se instalen Porque estos paquetes no son soportados en thmo que por eso mismo aquí no sale un error pero anteriormente en el en la instalación de thermus Def yo ya les instalo algunos de estos paquetes eh con anterioridad Como por ejemplo este o este para que o sea que ya tienen su versión soportada y y no sea necesario utilizar de estos paquetes que aquí acaba de dar er error aquí le damos enter miren nos dice que presionemos enter entonces le doy enter y aquí se está instalando algunos paquetes miren ahorita mismo este me va a dar un error y se va a mostrar aquí pero eso no hay problema eso es normal es parte de la instalación de thermus Def y es parte de la instalación por defecto de nbim Entonces miren aquí tenemos algunos plugins instalados como css html typescript prer que es un formateador de código y demás plugins no entonces una vez que termine de instalar esto vamos a proceder a instalar la sintaxis miren aquí ya salió un per esto estos cinco paquetes Es normal que no los instale no hay problema así que ahorita ya que tenemos aquí instalado estos paquetes le vamos a presionar aquí la tecla escape para salir de este modo y simplemente aquí ya nos deja en nuestro editor pero también yo recomiendo que ejecuten Eh bueno eh este editor tiene un modo Comando que aquí donde pueden ver esta parte aquí se Ejecutan comandos entonces lo que vamos a hacer Es que para nosotros poder ejecutar comandos desde ahí necesitamos utilizar los dos puntos es decir el el símbolo dos puntos y aquí ejecutamos El Comando en este caso eh De parte del editor ya viene un comando que se llama ts install que es para instalar la el resaltado de colores de sintaxis por ejemplo Este instalador ya ya ya Te instala por defecto el resaltado de color por ejemplo cuando estás programando en javascript eh te hace que las funciones las variables etcétera se vea de color más bonito y todo para que tú como programador tengas una mejor experiencia pero eh falta de instalar de algunos lenguajes y quiero dejarte Este ejemplo para que tú mismo instales de los lenguajes que necesitas o de las tecnologías que necesitas la sintaxis es decir el resaltado de color en este caso eh Por ejemplo si tú deseas programar en phython Le escribes aquí phython simplemente o si deseas programar en bash escrive igual aquí escribes bash y se instalaría la sintaxis para estos dos eh lenguajes o estas dos tecnologías Entonces si aquí le damos enter y simplemente empieza a instalar esa sintaxis miren cero de dos aquí va ya está instalando esperamos aquí a que se instale ya está instalado uno y ya está instalado dos Listo ya se ha instalado y asim mismo si si nosotros queremos instalar algún plugin que nos interese nosotros podemos ejecutar El Comando eh Mason install así con dos puntos igual que siempre se hace para llamar al modo Comando ejecutamos El Comando Mason install que es el instalador de plugins de aquí del propio nbim de este n n Bin que estamos usando y le damos por ejemplo algún plugin que nos interese por ejemplo a mí no sé yo suelo usar mucho esta tecnología que se llama ti Win css es este framework de css ya vamos a ver más adelante Qué es css y un curso y más detallado de todo porque yo me voy a encargar explicarles todo desde cero así que no se preocupen Aquí vamos a instalar un plugin por ejemplo este este complemento que nos va a servir para para el la tecnología taiwin css entonces si yo ahorita mismo le doy enter va a empezar a instalar este plugin miren aquí dice instalando como pueden ver y si cuando Ya termina de instalar va a aparecer en la lista de instalados de acá Entonces miren ahora mismo tenemos cuatro instalados aquí le damos enter y miren ahora ya tenemos cinco porque está Incluso el módulo tywin css eh Language server que es un bueno no módulo un plugin perdón y si nosotros queremos por ejemplo instalar algún otro podemos ir aquí más abajo y podemos ver la lista de de plugins que tiene que tiene el este este editor de código miren Por ejemplo si a ustedes no sé les interesa alguno de estos pueden por ejemplo copiar el nombre supongamos que Quiero instalar este lo copio eh pongo dos puntos Mason install y pego el nombre simplemente de lo que he copiado y así le doy enter y empieza a instalarse este plugin también y está en proceso de instalación y una vez que termine de instalarse si salió todo correctamente les aparecerá en esta lista y si de pronto no es compatible con su termus les va a aparecer aquí entonces Bueno ya está instalado miren ya tenemos seis instalados seis plugins instalados y por el momento Eso es todo para que sepan Cómo usar este instalador de paquetes por si de pronto no lo sabían ahora le damos aquí escape para salir de aquí simplemente y para salir ya del editor completamente guardando cambios simplemente pulsamos los dos puntos y la letra x y le damos damos enter y salimos automáticamente de aquí y como pueden ver aquí ya nos dice bienvenido a termux Def por favor reinicie su aplicación termus entonces lo que vamos a hacer aquí mismo es ejecutar dos veces la El Comando exit para salir esto Solo es la primera vez que Estamos instalando ya luego no vamos a tener que salir de esta manera simplemente vamos a ejecutar una vez exit para salir y bueno Vamos a ingresar nuevamente vale ya que tenemos aquí a termux abierto nuevamente nos dice que si queremos instalar esta fuente en termux ya que si bien si estaban viendo que algunas cosas no se mostraban correctamente como decir algunos iconos y demás es porque falta de de una fuente que se instala en nuestro termux Así que Aquí le voy a dar la y que dice que es recomendado que sí la instales Entonces le instalamos aquí con la y le damos enter y van a empezar a descargar esta fuente llamada eh ner font creo que se llamaba y bueno ahora nos dice si queremos personalizar nuestra shell con estos iconos todo lo que estemos Ah ahora mismo personalizando es lo que se va a ver aquí en en este en este en esta sección de aquí de la shell es decir del cursor todo esto que se ve así es esta personalización es decir esto ya es opcional es a su gusto esta personalización pero si quieren tener la misma que están viendo aquí en estas capturas Les recomiendo que sigan las mismas configuración que yo estoy siguiendo por ejemplo Aquí le voy a dar que yes igual a estos iconos a estos iconos de igual manera le voy a decir que yes igual aquí a estos que yes y a estos igual le voy a decir que yes listo aquí nos dice que cómo queremos que se vea esta parte de la del cursor en mi caso me gusta el clásico que es el número dos le voy a dar el dos aquí aquí nos dice si queremos que sean unicod en así a mí me gusta que tenga así como esta curva si se pueden fijar aquí e aquí tiene esto de como verde nada más y no me gusta esta parte a mí me gusta este Entonces le voy a dar el uno eh aquí igual el color me gusta que sea el más oscuro posible en este caso el número cuatro le voy a dar el cuatro aquí el formato me gusta que sea de 12 horas aquí pueden ver la hora si se fijan entonces a mí me gusta que sea de 12 horas Así que le voy a dar el número dos que es de aquí el número dos de 24 horas perdón de 24 horas me gusta a mí no el de 12 horas Entonces el número dos aquí el el separador si pueden ver aquí mismo nos especifica que cómo queremos que sea así tipo triangular o recto o o así inclinado o así en Círculo a mí en caso me gusta redondeado así en Círculo Entonces le voy a dar el número cuatro aquí la la cabecera eh Si queremos que sea aquí triangular así cuadrada así etcétera entonces a mí no me gusta que sea redonda en ese caso a mí me gusta que sea eh triangular Entonces le voy a dar así el uno aquí eh la parte de atrás eh De igual manera nos dice si queremos que sea redonda etcétera entonces a mí me gusta que sea redonda le voy a dar el número cinco aquí nos dice si queremos que este cursor se vea en una línea o en dos líneas así por ejemplo esta y esta Entonces le voy a dar el número dos aquí nos dice si queremos que esta se vea así desconectado o con puntos así o con una línea entera a mí en mi caso me gusta que se vea así con puntos como conectado con puntos Entonces le voy a dar el número dos aquí eh nos dice que si queremos que este cursor se vea de los dos lados por ejemplo aquí miren está en este lado y en este lado o aquí igual igualmente así en verde de este lado y de este lado en mi caso solo me gusta que se vea de este lado y sin nada acá y no me gusta este verde me gusta este de aquí entonces voy a usar el número dos igual que dice left a la izquierda no Entonces le doy el dos Y aquí igual separado junto Entonces le vamos a dar el dos que es separado aquí si queremos menos iconos o más iconos le vamos a decir que más iconos aquí le damos igual que uno que es una configuración que nos ayuda igual y aquí no también le vamos a dar la y que es que yes que nos ayuda con github esto con algunas configuraciones que ya les explicaré un curso de github que cómo funciona todo esto así que le damos aquí que yes yes aquí eh nos dice si queremos eh que nos dé más más información más verbosa es decir verbosa significa más detallado información más detallada sobre el uso de esta shell Al iniciar nuestro termus Entonces nosotros no queremos ver esa información un poco molesta Bueno ya es de su preferencia si quieren verla pero en mi caso no me gusta Entonces le voy a dar el número dos que es eh que es que se sea silenciado por ejemplo y aquí nos dice si queremos guardar estos cambios eh o sea aplicar estos cambios en el archivo zshrc Entonces le vamos a dar que y diciéndole que sí y listo Así es como se va en un mensaje más o menos así se les va a mostrar si ustedes le dan que sí quieren ver la la información más detallada de esta shell así que por eso no me gusta que se vea más o menos estos mensajes porque siento que me estorban entonces preferencia si es posible no lo hagan Pero bueno ya es a gusto de ustedes y como pueden ver la shell se me ha quedado así como pueden ver en el en Las capturas si ustedes aquí le dan por ejemplo exit miren incluso ya les autocompleta algunos comandos le podemos dar aquí para autocompletar les da el sombreado para el autocompletado de comandos le damos enter ya sale automáticamente de thermox y así mismo si nosotros accedemos nuevamente Así es como se va a ver y ya tenemos termux Def instalado sin problemas y aquí ya nos habilita todos los comandos de termux Def por ejemplo El Comando principal de termux Def es el comando Def que si nosotros le damos enter nos muestra el menú de ayuda de termux dev aquí y nosotros podemos ir usando el comando Def con sus argumentos y con sus opciones Entonces los que están en rojo son argumentos y los que están en blanco son opciones y lo que pueden ver aquí de color gris son las opciones Eh bueno la la función que cumple cada opción de aquí entonces aquí pueden leer un poquito este menú de ayuda para documentarse sobre este proyecto aunque no será necesario de igual manera porque yo ya voy a subir un siguiente video en el que les voy a explicar qué hacen todas estas funciones y para que nos puede servir hay una disculpa por la notificación y bueno entonces en este caso eh les espero en el siguiente video en el que les voy a explicar sobre el uso de termux dev y cómo lo vamos a usar para programar entonces de mi parte les espero en en el siguiente video un saludo amigos con esto hemos finalizado el video del día de hoy y Asimismo si el contenido te resultó útil Te agradecería mucho si me ayudas con un like y compartiendo el contenido en tus redes sociales de igual manera si tienes alguna duda házmelo saber en la caja de comentarios o en mi grupo de Telegram que te dej dejaré la liga aquí en la descripción de este video también te invito a seguirme en mis demás redes sociales como Facebook tiktok y Telegram Ya que en esta comunidad puedes encontrarte con más programadores puedes encontrar publicaciones interesantes sobre programación en Facebook videos cortos e informativos en tiktok y Asimismo ayuda o asistencia en mis grupos de Telegram recuerda suscribirte al Canal para que te notifique de mis próximos videos y bueno sin más que decir nos vemos en el próximo video