Instructivo Herramientas Tech Academy

1. Discord 3
2. Herramientas Fullstack 6
2.1. Ubuntu App (for Windows) 6
2.2. Github 7
2.3.Visual Studio Code 10
2.4. Node.js 14
 3

1. Discord
Descripción:
Discord es una plataforma social en el cual podemos crear grupos de chats para diferentes
finalidades. Es como un Skype o Slack y es una herramienta bastante usada en diferentes cursos de
programación, que sirve como un foro en el cual podrás compartir tus dudas en una comunidad, y
conseguir el apoyo de tus colegas o de un profesor.

Versión Navegador
Acceder a https://discord.com/login

Clicar en “Register”

Llena su información para crear su cuenta.

¡Bajo “Username”, crea un nombre de usuario de tu preferencia!

Recomendamos que sea algo similar a su nombre.

Clic en “Continue”

Nota Importante:
Es probable que pida una verificación de cuenta por email o
solicitando un número de teléfono celular para hacer llegar un
código, el cual tendrá que utilizar para activar su cuenta.

Versión Desktop
Abre la aplicación, y en la siguiente pantalla, ingresa los datos
que se te piden para que puedas crear una cuenta en la
plataforma:
 4

Una vez realizado el registro, te llevará a la página principal donde puedes realizar diferentes
acciones.

De igual forma, te enviará un correo electrónico a la dirección con la que te registraste para verificar
tu cuenta:

Al iniciar, la propia plataforma te va dando

un tutorial para que puedas empezar a
utilizar sus herramientas, cómo hacer un panel de un tema específico con un grupo de personas
determinado:

Puedes crear un servidor sobre un tema

específico: un club, un grupo de estudio, un
grupo de amigos, etc.
Permite enviar mensajes de texto y de voz
para comunicarte con el grupo.
También puedes invitar a otros usuarios que
tengan instalada la aplicación, compartiendo
un número que deben agregar.

Unirse al servidor de Discord

Tech Academy tiene su propio servidor
donde podrás comunicarte con tus colegas.
Es un servidor privado al cual únicamente los alumnos van a poder acceder.
 5

Los foros de Discord sirven para que se puedan comunicar entre ustedes, puedan preguntar dudas
que serán respondidas entre ustedes como una comunidad.

Abre Discord, sea desde el navegador o la aplicación

En la columna izquierda, clicar en el icono +

Haz clic en “Join a server”

En la siguiente página, pon la liga compartida.

 6

2. Herramientas Fullstack
El instructivo de las siguientes herramientas son importantes para las clases.

Recomendamos que lean este contenido a continuación para que puedan ir creando las cuentas que
necesitan para usar estas herramientas.

2.1 Ubuntu
Descripción
Se trata de un software libre, en el cual toda persona puede copiar, distribuir, estudiar y mejorar el
software. Es un sistema operativo basado en GNU/Linux.

Creación de Cuenta
 7

Requiere la instalación previa en su computadora.

Abra la aplicación Ubuntu desde su computadora

En la siguiente pantalla nos pedirá un nombre de usuario. Lo introducimos en minúsculas y

presionamos la tecla “Intro”.

Luego, nos pedirá una contraseña. Hacemos lo mismo: escribimos una contraseña personal,
presionamos “Intro”, la ponemos de nuevo para confirmar y volvemos a presionar “Intro”.

2.2. Github
Descripción
Un portal creado para alojar código de las aplicaciones de cualquier desarrollador. Fue creada para
que los desarrolladores suban el código de sus aplicaciones y herramientas.

Creación de Cuenta
Para crear una cuenta de usuario gratuita en Github, necesitas ingresar al sitio web con la siguiente
liga https://github.com/

En la pantalla
principal, debes
seleccionar el botón
“Sign up”:

Te pedirá que ingreses tu correo electrónico. Al terminar, selecciona el botón “Continue”:

 8

Después, te pedirá que hagas una contraseña personal (la que tú quieras):

Y por último, debes ingresar el nombre de usuario que quieras que aparezca (es probable que debas
probar con varias opciones, porque el sistema revisa que el nombre de usuario no se repita)

Te preguntará si quieres recibir actualizaciones de producto y anuncios vía correo electrónico. Debes
poner “y” para el “Sí” y “n” para el “No”. Después, da click en “Continue”:

En la siguiente pantalla, te pedirá que verifiques tu cuenta mediante un acertijo:

 9

Al contestar correctamente, selecciona el botón “Create account”:

Te enviará un código al correo

electrónico que registraste para
crear el usuario y debes
ingresarlo en la siguiente pantalla:

Una vez terminado este

paso, te llevará a la
pantalla principal para
configurar tu cuenta:

Para utilizarlo como

alumno, selecciona en la
primera parte “Just me” y
en la segunda “Student”.

En la siguiente pantalla, elige las casillas correspondientes a “Project Management” y “Team

Administration”. Dale click en “Continue”:
 10

En la nueva ventana, selecciona “Continue for

free”:

Y te llevará a la pantalla de inicio de tu cuenta, donde podrás explorar las herramientas y acciones a
utilizar:

2.3. Visual Studio Code

Descripción
Es un editor de código ligero pero potente, diseñado para editar, depurar y administrar eficientemente
el código fuente en una variedad de proyectos de desarrollo.
 11

Para poder descargarlo debes ingresar al enlace: https://code.visualstudio.com/

Una vez dentro de la pagina principal, debemos dar clic en el botón de descargar según nuestro sistema
operativo.

Cuando le des clic, comenzara la descarga del instalador.

Una vez que la descarga termine, dale clic para comenzar
con la instalación

Cuando te aparezca la notificación de Windows “¿Quieres que esta aplicación realice cambios en el
dispositivo?” Selecciona la opción “Sí”.

Se abrirá el instalador con el acuerdo de licencia,

debes seleccionar la opción de "Acepto el acuerdo"
y presionar en el botón de "siguiente"
 12

En la siguiente pantalla nos dejara seleccionar la

carpeta de destino, te recomendamos no modificar
la que viene por defecto y darle al botón de
siguiente.

En la siguiente pantalla también dejaremos todo

como viene por defecto y le daremos clic al botón
de siguiente.

En la siguiente pantalla seleccionaremos

las opciones como se indica en la imagen
y daremos clic en siguiente.
 13

En la siguiente pantalla nos aparecerá un

resumen de las opciones de instalación, le
damos clic al botón de siguiente y
comenzara la instalación.

Una vez que termine la instalación nos

saldrá la siguiente pantalla, damos clic en
el botón de finalizar y tendremos Visual
Studio Code instalado.
 14

_________________________________________________________________________________

1. Node.JS

Es un código abierto de JavaScript para la creación de aplicaciones de red. Permite a los

desarrolladores (programadores) ejecutar el código en el lado del servidor y generar aplicaciones
web de forma altamente optimizada.

Para poder descargar esta plataforma, debes ingresar a la liga https://nodejs.org/en/ y te aparecerá la
pantalla de inicio:

Del lado superior derecho, encontrarás un botón que te permite traducir el contenido del sitio al
Español, dale clic y cambia el idioma:
 15

_________________________________________________________________________________

Ahora, elige el primer botón de descarga que dice “Recomendado para la mayoría”:

En la parte inferior de tu pantalla, dentro de la barra de tareas, aparecerá el progreso de la descarga.

Cuando te indique que finalizó la descarga, dale clic para abrir el asistente de instalación:

Sigue las instrucciones del asistente de instalación:

En esta pantalla, selecciona “Next” (siguiente) para

iniciar el proceso de instalación.

En la siguiente pantalla, selecciona la casilla “Acepto

los términos en el Acuerdo de Licencia” y después,
selecciona “Next”
 16

_________________________________________________________________________________

Ahora selecciona la carpeta dentro de tu computadora

donde quieres que se guarde la información del
programa.
Al terminar, da clic en “Next”

En la siguiente pantalla, dale clic en “Next”

Selecciona la casilla que indica que

automáticamente se instalarán las herramientas
necesarias.

Después, dale clic en “Next”

 17

_________________________________________________________________________________

Para finalizar el proceso de instalación, selecciona

la opción “Install” (instalar) y espera a que el
asistente de instalación te comunique que ha
terminado.

NOTA: Si aparece un mensaje de Windows

preguntando si quieres que el programa realice
cambios en tu computadora, selecciona la opción
“Sí”.

Al finalizar la instalación, te aparecerá

la siguiente pantalla en negro. Para
instalar herramientas adicionales
necesarias para el programa, debes
presionar una tecla para continuar.
Sigue presionando una tecla para
continuar mientras te lo indique la
pantalla.

Si la instalación falla, revisa que tu

Windows esté actualizado, reinicia
la computadora e intenta abrir de
nuevo la aplicación.

En la siguiente liga, compartimos un pequeño tutorial con más información acerca de la

instalación de NPM y Node.js

https://phoenixnap.com/kb/install-node-js-npm-on-windows