Herramientas de desarrollo

Es un editor de código cuente ligero, pero potente provee herramientas las cuales nos permiten escribir código de forma más eficiente y cómoda, tiene soporte integrado para varios lenguajes entre ellos JavaScript, Node.js, TypeScript, HTML, CSS, JAVA. Algunas extensiones opcionales para Visual Studio Code son:

1. Bracket Pair Colorizer 2 (CoenraadS): Esta extensión permite identificar los corchetes a juego con los colores.


2. Material Icon Theme (Philipp Kief): Con este tema tendrás un entorno limpio, minimalista y atractivo.


3. Beutify: El papel de este plugin consiste en indentar código HTML, CSS, Sass, JavaScript y JSON para dejarlo así dentro del patrón de formato y de manera legible.


4. GitLens: Podremos ver quién cambió la línea de código en la que estoy y cuándo, ver el historial de cambios de cada archivo, diferenciar entre cambios, etc.


5. JSON to TS: Con este plugin podrás automatizar el proceso a golpe de copy and paste y así optimizar tu tiempo de desarrollo.


6. Dobri Next - Themes and Icons: Esta extensión permite cambiar el tema y darle un vistazo diferente a visual estudio code.


7. Thunder Client: Esta extensión es una excelente alternativa a Postman.

Se puede obtener a través del siguiente enlace:

Instalación

Debemos descargar el instalador de VS Code

Ejecutamos el instalador y nos mostrará una pantalla sobre la licencia de uso, marcamos que aceptamos los términos de la licencia y damos clic en Siguiente.

Podemos seleccionar elementos adicionales, como agregar al path, añadir acceso directo, aquí es opcional, pero marcamos agregar al path y damos clic en siguiente.

En la pantalla de instalar, solamente daremos clic en instalar.

El proceso no demora mucho, solo queda esperar.

Cuando termino el proceso de instalación damos clic en finalizar.

Mostrara la interfaz de bienvenida a Visual Studio Code.

Como dato adicional, recomendamos iniciar sesión, en el icono de perfil para vincularla a git, o Microsoft.

Java es un lenguaje de programación y una plataforma informática comercializada por primera vez en 1995 por Sun Microsystems.
Hay muchas aplicaciones y sitios web que no funcionarán a menos que tenga Java instalado y cada día se crean más.
Java es rápido, seguro y fiable. Desde portátiles hasta centros de datos, desde consolas para juegos asta súper computadoras, desde teléfonos móviles hasta Internet, Java está en todas partes.

Instalación

Debemos entrar al sitio web para descargar java.

Seleccionamos al que corresponda con nuestra arquitectura y aceptamos los términos de licencia para poder descargar.

No pedirá que entremos a nuestra cuenta si no tenemos una nos permite registrarnos.

Una vez descargado nuestro archivo lo ejecutamos y nos mostrará los términos de la licencia, los cuales podemos revisar o dar clic en Next para seguir con la instalación.

Los archivos que se instalaran y el directorio donde se instalaran dichos archivos, podemos editar la instalación, ya se modificar el directorio o lo que deseemos que instale, damos clic en next.

Esperamos a que finalice el proceso de instalación.

Daremos clic en siguiente, nos muestra donde se instalara java.

Por último damos clic en finalizar.

(STS) es un IDE basado en la versión Java EE de Eclipse, pero altamente customizado para trabajar con Spring Framework. Entre las características más destacadas que STS proporciona se encuentran:

• Editores gráficos de archivos de configuración de Spring. Este es un IDE el cual nos permite compilar, desplegar y modificar proyecto de Sprig-boot con una mayor facilidad ya que tiene todas las herramientas para este Framework

Instalación

Una vez en la página web, descargamos el paquete para eclipse, para la plataforma Windows.

Descargado el archivo solo lo ejecutamos y comenzara a hacer un desempaquetado.

Generará una carpeta la cual podemos mover a cualquier parte de nuestro disco.

Creamos un acceso directo de SpringToolSuite4.exe para tenerla siempre presente en nuestro menú.

IntelliJ IDEA es un entorno de desarrollo integrado escrito en Java para desarrollar software de computadora. Está desarrollado por JetBrains y está disponible como una edición comunitaria con licencia de Apache 2 y en una edición comercial patentada. Ambos se pueden utilizar para el desarrollo comercial. Este IDE es opcional ya que se puede oponer gratis con una licencia de estudiante, o en su caso descargar la versión cumunity.
Algunas extensiones opcionales para IntelliJ son:

• Hits: Muchas acciones de navegación en el depurador de IntelliJ IDEA le permiten establecer un punto de interrupción en un lugar deseado, pero a veces es necesario llegar a una línea con un solo clic


• Key Promoter X: No es ningún secreto que la codificación sin mouse es más rápida y eficiente, pero ¿Cómo puede centrarse en el teclado cuando IntelliJ IDEA tiene tantos atajos para recordar? Key Promoter X lo capacitará para usarlos.


• Maven Helper: Si está buscando acciones adicionales para trabajar con proyectos de Maven, este complemento es absolutamente imprescindible.


• Doc-Aware Search Everywhere: Esta es una extensión excelente para el cuadro de diálogo Buscar en todas partes que se usa con frecuencia.

Instalación

Debemos descargar el instalador en la página oficial de JetBrains

El sistema nos preguntará ¿Está seguro que desea ejecutar este software? Y debemos dar clic en ejecutar.

El sistema nos pregunta que si damos el consentimiento a que el software realice cambios al sistema, debemos dar clic en si.

El instalador nos data la bienvenida a IntelliJ, daremos clic en Next.

En esta pantalla podremos indicar donde queremos que se instale el programa. Cuando terminemos de buscar la carpeta de instalación daremos clic en Next

Algunas instalaciones adicionales las cuales nos ayudaran a abrir los archivos con extensión .java con el editor de IntelliJ este paso es opcional. Daremos clic en siguiente.

Clic en instalar.

Esperamos a que finalice la instalación.

Nos pedirá que reiniciemos el ordenador y nos da a elegir si deseamos que se reinicie en ese momento o cuando nosotros decidamos.

Presenamos la interfaz de bienvenida, donde podremos abrir proyectos, crearlos, instalar plugins.

Programa funcionando con un bonito Hola mundo en Java.

MySQL es un sistema de gestión de base de datos (SGBD) de código abierto. El SGBD MySQL pertenece actualmente a Oracle. Funciona con un modelo cliente-servidor. Eso quiere decir que los ordenadores que instalan y ejecutan el software de gestión de base de datos se denominan clientes. Utilizamos la versión 8 con la instalación por defecto la cual contiene:

• MySQL Server 8


• MySQL Workbench 8


• MySQL Shell 8


• MySQL Router 8


• MySQL Connectores para C++, Java, OCBD, NET


• MySQL Documentation 8

Instalación

Una vez en la página web, debemos tener descargado Windows (x86m 32-bit), MSI Installer el cual podemos obtener en el botón de arriba, recomendamos descargar el instalador.
Si es la primera vez que instala MySQL le recomendamos instalar .NET ya que lo requiere, puede descárgalo a través del siguiente botón.

Una vez descargado el installer lo ejecutamos dando clic y abrirá la siguiente ventana debemos dar clic en "Si".

Comenzará con la instalación mostrando la siguiente ventana.

Debemos dar clic en sí para otorgar todos los permisos.

Después de otorgar todos los permisos mostrara una ventana en la cual deberemos elegir el tipo de instalación que realizara, dejamos marcada Developer Default y damos clic en siguiente.

Comenzará a checar los requerimientos que necesita, comparando con lo que ya tenemos instalado, para ello debemos dar clic en execute.

Si no encuentra algún requerimiento, pide que lo instalemos, en este caso Microsoft Visual C++. Aceptamos los términos y condiciones y damos clic en instalar.

Comenzará con el proceso de instalación, terminado el proceso daremos clic en cerrar.

Descargara los productos que necesite, debemos dar clic en Excecute, mostrara el progreso de descarga unitario, solo debemos esperar hasta que finalice las descargas.

Una vez que termine de descargar los productos daremos clic en Next.

Mostrará la ventana de instalación de productos donde daremos clic en Excecute.

Mostrará los productos configurados donde daremos clic en siguiente.

Debemos configurar el tipo de servidor, el tipo de conexión, el puerto, protocolo, recomendamos que no modifique nada de esta ventana.

Método de autentificación, solo daremos clic en Next.

Cuentas y Roles, donde asignaremos una contraseña al usuario root, llenaremos los campos con una contraseña fácil de recordar y daremos clic en Next.

Configuración del servidor de MySQL como servicio de Windows dejaremos esta ventana por defecto y daremos clic en Next.

Aplicará la configuración para ello daremos clic en Excecute.

Configuración de producto debemos dar clic en Next.

Configuración de Reuter de MySQL, daremos clic en Finish.

MySQL nos pide comprobar la conexión con el servidor, para ello debemos ingresar las credenciales de usuario y contraseña creadas para root, checamos con el botón, si todo sale bien damos clic en Next.

Aplicar la configuración requiere dar clic en Execute.

MySQL installer nos muestra Instalación Complete, solo debemos dar clic en Next.

Ahora es tiempo de revisar si todo funciona correctamente, abrimos Workbench y entramos en Local instance MySQL nos pedirá la contraseña de root, ya que está configurada por defecto.

Y solo probamos que todo funcione correctamente, como ejemplo creamos una base de datos y una tabla.

Git, es un software de control de versiones diseñado por Linus Torvalds.

• ¿Qué es un control de versiones? Un control de versiones permite a los desarrolladores administrar cambios en un software a la vez que el proyecto evoluciona.


• El control de versiones distribuido permite a los desarrolladores descargar un software, realizar cambios y subir la versión que han modificado.


• Todas las modificaciones subidas se guardan en versiones independientes, no sobrescribiendo en el archivo original.


• La diferencia entre el control de versiones y Git, es que en Git cada desarrollador tendrá en el ordenador una copia del código fuente original y de las versiones disponibles del proyecto, permitiendo la ramificación y fusión.

Comandos usados en git

• git add
• git commit -m "[usuario] descripcion de commit"
• git push

Instalación

Una vez descargado el archivo de instalación en la página web de git, ejecutamos el archivo descargado. Nos muestra la licencia, damos clic en Next.

Nos muestra donde se instalará git, podemos cambiarlo con Browse o dejarlo por defecto y dar clic en Next.

Nos presenta los componentes que se instalaran, de preferencia no movemos nada y damos clic en Next.

Git crea un icono en el menú, podemos indicar que no queremos que se agregue dando clic en el checkbox "Don´t create a Start Menu Folder", damos clic en Next.

Nos pregunta ¿Cual será el editor usado para Git? dejamos por defecto la opción que presenta y damos clic en Next.

Configurar el nombre de las ramas, git por defecto crea "master" o podemos editarla a nuestro gusto dejamos como esta está pantalla y damos clic en Next.

Terminales desde la cual se puede ejecutar Git (Git Bash y Command Prompt)

Configurar el método de transporte del backend usaremos la librería de Open SSL por defecto y damos clic en Next.

Configuración del formato para los finales de línea de los archivos.

Tipo de emulador que usará Git Bash

Configuración de git pull, dejamos la opción por defecto y damos clic en Next.

En la ventana de credenciales no movemos nada y damos clic en Next.

Opciones extra de Git

Herramientas que está incorporando git, de preferencia no marquemos esta casilla.

La instalación de git esta completa, podemos ver la página web con información relevante o ejecutar git marcando la casilla Launch Git Bash, damos clic en Next.

Postman es una aplicación que nos permite realizar pruebas API.
Es un cliente HTTP que nos da la posibilidad de testear 'HTTP requests' a través de una interfaz gráfica de usuario, por medio de la cual obtendremos diferentes tipos de respuesta que posteriormente deberán ser validados.

Instalación

Una vez en su página web descargamos el archivo.

Lo ejecutamos y muestra la siguiente pantalla.

Postman ya está instalado y así es como se ve su entorno.

Figma es un programa que ofrece todas las herramientas necesarias para diseñar un proyecto.
Sobre todo es ideal para crear interfaces de usuario tanto para web como para móvil.
También permite crear prototipos, generar código para el traspaso (hand-off) e ilustrar, aunque para esto último no es la mejor herramienta para ello.

• Plugins


• Google Sheets Sync


• Content Reel


• Change Text


• Font Scale

Instalación

El proceso de instalación de figma no es complicado. Entramos a la página web y descargamos "Aplicación de escritorio"

Descargado el archivo lo ejecutamos y mostrara la siguiente pantalla.

Debemos crear una cuenta o iniciar sesión si es que tenemos una creada.

Proceso de crear cuenta.

Al terminar de crear la cuenta solo iniciamos sesión y tendríamos instalado figma.

Node.js es un entorno de tiempo de ejecución de JavaScript (de ahí su terminación en .js haciendo alusión al lenguaje JavaScript).
Este entorno de tiempo de ejecución en tiempo real incluye todo lo que se necesita para ejecutar un programa escrito en JavaScript.

• Node.js fue creado por los desarrolladores originales de JavaScript.


• Lo transformaron de algo que solo podía ejecutarse en el navegador en algo que se podría ejecutar en los ordenadores como si de aplicaciones independientes se tratara.


• Gracias a Node.js se puede ir un paso más allá en la programación con JavaScript no solo creando sitios web interactivos, sino teniendo la capacidad de hacer cosas que otros lenguajes de secuencia de comandos como Python pueden crear.

Instalación

Descargamos el archivo ejecutable en la página web de node.

Ejecutamos el instalador, node nos da una bienvenida, damos clic en Next.

La licencia, aceptamos y damos clic en Next.

Donde se instalará node, podemos cambiar la ruta con Change, damos clic en Next.

Aquí podemos editar que queremos que node instale o modifique, pero lo dejaremos como esta para un buen funcionamiento, damos clic en Next.

Damos clic en instalación por defecto y después en Next.

Configurado lo anterior podemos dar clic en Install.

Esperamos a que node termine con la instalación.

Damos clic en Finish ya que node se terminó de instalar.

Muestra información en una CMD.

Por último, verifiquemos que node se instaló correctamente, abrimos un CMD y escribimos node --version, mostrara la versión que tenemos de node.