En este capítulo instalarás herramientas que hacen falta para crear una página web y subirla a internet. Está explicado para Ubuntu, la distribución de Linux. Para Mac tiene que ser muy parecido, y para Windows buscad y seguid pasos similares.
Herramientas y configuración común
Estos son los que se suelen usar para crear páginas web, independientemente del tipo de página.
Crear proyecto
Creamos una carpeta con el nombre de nuestro proyecto donde pondremos todos los archivos. Para este curso usaremos el nombre Web para referirnos a la carpeta.
Dentro de la carpeta crearemos tres archivos, index.html, style.css y javascript.js. HTML es un lenguaje de estructura y contenido. En el va el contenido de la web en sí. A diferencia de este, CSS es un lenguaje de estilo. El mismo le da colores y formas al HTML. Por último, javascript es un lenguaje de interacción. La mayoría de cosas que cambian en una página web suceden con el mismo.
Instalar Atom
Instalamos un editor de código en condiciones. A pesar de que se podría editar con el notepad, vamos a usar un editor moderno llamado Atom:
Una vez esté instalado lo abrimos y añadimos la carpeta Web a Atom como proyecto. Desde Atom, Archivo > Añadir proyecto y elegimos la carpeta. Vemos que se añade a la izquierda sin problema.
Git y Github
Git es una herramienta de terminal para manejar versiones de código y poder colaborar entre diferentes personas editando el mismo código a la vez. Sustituye al típico documento que acaba con los sufijos _final, final_definitivo, final_este_si, etc.
También se usa para subir código a internet, así que por ahora vamos a instalarlo:
sudo apt install git
Github es una plataforma con muchas funcionalidades para los programadores:
- La gente sube y comparte su código en repositorios.
- Sirve para colaborar en proyectos tanto open source como privados.
- Tiene un apartado para publicar páginas web que es el que nos interesa y veremos más adelante.
Utiliza principalmente Git para manejar estos repositorios, así que por ahora vamos a registrarnos y más adelante veremos cómo usar este último punto para subir nuestra web.
Ver la web
Una vez tenemos los archivos creados ya podemos ver la web (que estará en blanco) si abrimos el archivo index.html desde el navegador. Para ello, desde la carpeta (fuera de Atom) click derecho en el archivo > abrir con > Firefox/Chrome. Probad a escribir desde Atom un sencillo "Hello world" en index.html y repetir los pasos.
Una vez vayamos modificando el archivo, en lugar de reabrirlo podemos refrescar la página web con F5 y se verán los cambios.
1. Hacer cambios en index.html o en style.css (explicados más adelante).
2. Guardar dichos cambios
3. Abrir el archivo con nuestro navegador o apretar F5 con la ventana abierta
4. Profit! GOTO 1.
Instalar el servidor
Lo que hemos hecho anteriormente nos sirve para