Antes de comenzar, se necesitan tener las herramientas instaladas. No hay restricciones con respecto al sistema operativo (Windows, Linux o Mac) y al browser (Microsoft Edge, Chrome, Safari, Firefox, etc.), aunque se instalará Chrome para asegurar tener la misma experiencia en el transcurso del workshop sin depender del sistema operativo.
Se requiere instalar node.js y npm. Aparte de estas herramientas, se necesita un editor de texto (Visual Studio Code, Sublime, Atom, Vim, etc.).
A continuación, se explica cómo instalar alguna de ellas.
El workshop se basa en estándares web que para el momento de creación del mismo no estaban completamente implementadas en todos los browsers. Por eso, más la posibilidad de tener la misma experiencia en todos los sistemas operativos, agregamos como prerrequisito tener la última versión de Chrome instalada. Hay que aclarar que nada de lo que hagamos no impedirá que el sitio funcione en los browsers que no tengan soporte para alguna funcionalidad.
-
Navegar a https://www.google.com/chrome/ y descargar la versión correspondiente para tu plataforma.
Sitio de Chrome
-
Una vez descargado, seguir los pasos de la instalación.
Para editar el código, se va a aprovechar Visual Studio Code, en especial porque permite trabajar en todas las plataformas y es gratuito. Igualmente, se puede usar su editor de texto o IDE preferido.
-
Navegar a https://code.visualstudio.com y descargar la versión correspondiente para tu plataforma.
Sitio de Visual Studio Code
-
Una vez descargado, seguir los pasos de la instalación.
Hoy en día existen muchas herramientas para el desarrollo web que aprovechan node.js y npm. Aunque no es requerido para el desarrollo de una PWA, nosotros usaremos algunas de estas herramientas y por eso es un requerimiento de este workshop. El primero sirve para poder correr las herramientas necesarias. El segundo, se necesita dado que es la forma en la que se distribuyen los paquetes que utilizaremos.
Nota: Verificar que está instalada al menos la versión 14.x.x de node.js y la versión 6.x.x de npm corriendo
node -vynpm -ven la terminal/consola.
-
Navegar al sitio de descargas de node.js: https://nodejs.org/es/download/.
Sitio de node.js
-
Seleccionar la versión LTS (Long term support) y la plataforma correspondiente.
-
Una vez descargado, seguir los pasos de la instalación.
Con este tipo de herramientas se puede desarrollar desde cualquier plataforma (Windows, Mac o Linux) sin ningún problema, permitiendo una mayor flexibilidad.
Ahora que el entorno de desarrollo está listo, podemos comenzar a desarrollar la aplicación.
Avanzar al módulo 2 - Explorando el proyecto inicial 🔎