Herramientas básicas para desarrollo web

Una lista de recursos básicos para empezar en el mundo del desarrollo web.

Extensiones en el Explorador de Archivos

El Explorador de Archivos es el programa que te permite explorar los archivos que están almacenados en el disco duro de tu PC. Por defecto este programa esconde las extensiones de los archivos (el punto y las letras después del nombre del archivo). Por ejemplo, una foto puede tener el nombre "Mi foto", pero en realidad no estás viendo la extensión, que es "JPG". Así, si pudieras ver la extensión verías que el nombre real de la foto es "Mi foto.jpg". Distintos tipos de archivos tienen distintas extensiones, por ejemplo, los documentos de Word utilizan la extensión .docx, la música utiliza .mp3, los videos .mov, y así sucesivamente.

Sigue este tutorial para dejar de ocultar las extensiones en tu computadora Windows. Al final, tu explorador de archivos te deberá mostrar el nombre de los archivos con su extensión, como Documento.docx o Mi foto.jpg.

Línea de comandos (CLI)

También conocido como Terminal, Consola, CMD, entre otros. Es una ventana donde le escribes ordenes o comandos a la computadora. Así en lugar de utilizar el mouse y botones para interactuar con la PC, utilizas comandos de texto escritos con el teclado.

Visita cmder.net y haz click en el botón "Download Full". Cmder será el programa que usaras para acceder a la línea de comandos. Simplemente extrae el ZIP y ejecuta cmder.exe. Verás que se abre una ventana negra donde puedes empezar a introducir comandos.

Luego dirigete a este tutorial de Django Girls. IMPORTANTE: cmder te permite utilizar los comandos de Linux aunque estés en Windows. Cuando sigas el tutorial, ignora las instrucciones de Windows y haz uso de las de Linux.

Otros recursos:

Antes de pasar al siguiente tema, asegurate de que sabes hacer lo siguiente:

Mostrar cual es el directorio (carpeta) actual en la línea de comandos
Moverte de un directorio a otro
Crear, renombrar, copiar, mover y eliminar directorios
Crear, renombrar, copiar, mover y eliminar archivos

Editor de código

Un editor de código es simplement un editor de texto (como Word). Sin embargo, en lugar de estar orientado a crear documentos de texto para que los lea un humano, está enfocado a escribir código para que lo interprete la PC. Los editores de código tienen características que le permiten a los programadores trabajar de manera eficiente y confiable al escribir sus aplicaciones.

Vamos a utilizar Visual Studio Code. Descargalo e instalalo, y asegurate que lo puedas abrir. Creará un ícono como cualquier programa en tu computadora. Por ahora simplemente sigue estos pasos:

Abre Visual Studio Code
Crea un nuevo archivo. Para ello utiliza Ctrl + N. Esto abrirá una nueva pestaña.
Escribe tu nombre en la nueva pestaña.
Guarda el archivo: Presiona Ctrl + S. Esto abrirá una ventana del explorador de archivos. Navega al Escritorio y guarda el archivo con el nombre mi_nombre.txt.
Cierra el archivo en Visual Studio Code. Presiona Ctrl + W. Esto cerrará la pestaña.
Abre el archivo de nuevo. Presiona Ctrl + O. Esto abrirá una nueva ventana del explorador de archivos. Navega hasta el Escritorio de nuevo y haz doble click sobre el archivo mi_nombre.txt. Esto abrirá el archivo en una nueva pestaña, tal como antes.
¡Felicidades! Ya puedes crear, guardar, cerrar, y abrir archivos en Visual Studio Code.

Asegurate que te sientas cómodo haciendo estas operaciones con VS Code.

Git (control de versión)

Git es un sistema de control de versión. Lo que nos permite hacer es llevar un registro de todos los cambios que hagamos dentro de una carpeta. Así, si tienes tus archivos de proyecto en una carpeta podrás ver una lista de todos los cambios que has hecho dentro de ella, y compartir todo tu trabajo con otros desarrolladores. Git es un programa de la línea de comandos, lo que significa que utilizaras comandos para interactuar con él y no verás un icono de git en tu escritorio.

Apuntate a este curso gratuito: Git and GitHub Crash Course. Recuerda que ya tienes dos habilidades ganadas: el uso de la línea de comandos (que utilizaras para interactuar con git) y el uso del editor de código (que utilizaras para modificar los archivos que git controlara).

Al final asegurate de que entiendas que significan estas palabras:

Repository
Clone
Commit
Staging area
Push
GitHub

Además asegurate que hayas creado una cuenta en GitHub.

Siguientes pasos

Ahora que conoces la línea de comandos, el editor de código, y git te has familiarizado con las herramientas básicas de cualquier desarrollador. Pronto podrás empezar a trabajar en tu primer proyecto.