Una lista de recursos básicos para empezar en el mundo del desarrollo web.
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.
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
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 nombremi_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 archivomi_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 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.
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.