Instalaciones Necesarias

Tareas

Configurando el entorno de trabajo

Visual Code

Visual Studio Code es un editor de código fuente desarrollado por Microsoft para Windows, Linux, macOS y Web.

💻Tarea 0.1

Instalar Visual Studio Code

1. Descargar Visual Studio Code



1.1 Una vez descargado el fichero de instalación, lo ejecutamos.

1.2 Nos abrirá un asistente para empezar a instalar.

2. Aceptamos el acuerdo de licencia y siguiente.



3. Indicamos la ruta donde queremos instalarlo. Por defecto lo instala en Program Files. Después clickamos sobre Siguiente.



4. En la siguiente pantalla dejaremos todo por defecto y siguiente



5. En la siguiente pantalla marcaremos las opciones que creamos convenientes para nuestro entorno de trabajo y clickaremos sobre siguiente.



6. Y ya pasaremos a la instalación del software clickando sobre Instalar.



7. Una vez finalizada la instalación clickaremos sobre el botón Finalizar.



8. Ya solo tendremos que clickar sobre el icono que ha creado Visual Studio Code para iniciarlo y tunear nuestro editor a nuestro gusto.

Extensiones de Visual Studio Code ( opcionales )

• Auto Close tag
• Live Server
• Material Icon

Git

Git Bash es una aplicación para entornos Microsoft Windows que proporciona una bash emulación utilizada para ejecutar Git desde la línea de comandos. Esto no es un simple bash compilado para Windows, pero un paquete que contiene Bash, SSH, SCP y algunas otras utilidades de Unix compiladas para Windows.

💻Tarea 0.2

Instalar y configurar Git

1. Descargar Git



1.1 Ejecutar el instalador de Git

2. Configurar ruta de instalación



3. Configurar instalación de Git



4. Comprobar la instalación Git y abre GitBash



5. Ejecutar los siguientes comandos:
   git config --global user.name "NombreCompleto"
   git config --global user.email "email@example.com"

GitHub

GitHub es un servicio basado en la nube que aloja un sistema de control de versiones (VCS) llamado Git. Éste permite a los desarrolladores colaborar y realizar cambios en proyectos compartidos, a la vez que mantienen un seguimiento detallado de su progreso.

💻Tarea 0.3

Crear una cuenta en GitHub

1. GitHub

Wakatime

Wakatime, es un servicio hecho para programadores, para ayudarles a medir el tiempo invertido en desarrollo. Es decir, saber cuanto tiempo al día (horas) le metemos duro al código (Y para lograr medirlo, brindan una serie de plugins para los IDES mas populares).

💻Tarea 0.4

Configurar Wakatime

1. Crea una cuenta en Wakatime



2. Intala la extensión de Wakatime en Visual Studio Code

   

3. Copiar API Key de Wakatime



4. Pegar API Key de Wakatime

NodeJS

Node.js es un entorno de programación basado en JavaScript, un lenguaje de programación que, desde que fue inventado hace ya 25 años, ha cambiado la web y se ha convertido en uno de los más populares.

💻Tarea 0.5

Instalar NodeJS

1. Descargar NodeJS de la página oficial



2. Ejecuta el instalador descargado

3. La primera pantalla nos dará una bienvenida, presionamos siguiente o next.



4. La segunda pantalla exige aceptar la licencia de NodeJS para continuar la instalación



5. La tercera pantalla permite elegir el directorio de instalación.



6. La cuarta pantalla nos muestra que se va a instalar (Se recomienda dejar por defecto)



7. La quinta pantalla nos dirá que algunos módulos necesitan estar compilados en C/C++ pero nosotros no nos preocuparemos por eso asi que damos siguiente o next.



8. La sexta pantalla debemos confirmar la instalación presionando en el boton instalar.



9. Luego de la instalación presionamos el botón finalizar o finish y ya tendriamos instalados node.js.



10. Comprobamos abriendo un CMD y ejecutando (node --version y npm --version)

Figma

Figma es un editor de gráficos vectoriales y una herramienta de prototipado. Es una aplicación web que puedes usar en el navegador Google Chrome y también te puedes descargar la aplicación para tu ordenador, porque Figma es multiplataforma: funciona tanto en Windows como en Mac o Linux.

💻Tarea 0.6

Instalar Figma

1. Registrate en Figma



2. Descargar Figma



3. Ejecutar el instalador de Figma

   

4. Iniciar sesion en Figma y ya queda listo para usar