/student_summit_demo

Vamos a realizar un juego muy sencillo en TypeScript, posteriormente lo vamos a desplegar en Microsoft Azure con Servicio de Azure Static Web Apps.

Primary LanguageTypeScript

Taller TypeScript

Descripción

Vamos a realizar un juego muy sencillo en TypeScript, posteriormente lo vamos a desplegar en Microsoft Azure con Servicio de Azure Static Web Apps.

Demostración

Da click en la imagen para ver el vídeo

Demostración

Proyecto de ejemplo para el taller: Juego

Instrucciones

Instalación Git

Instalar Git en tu computadora, para ello puede seguir las instrucciones de la página oficial de Git: Instalar Git

Clonar el repositorio

  • Hacer fork del repositorio en tu cuenta de GitHub.
  • Clonar el repositorio en tu computadora.
    • Copiar la URL del Repositorio.
  • Abrir la terminal de tu computadora.
  • Pegar la URL del repositorio en la terminal. 
    $ git clone https://url_del_repositorio
  • Entrar a la carpeta del repositorio. 
    $ cd taller-typescript

Instalacion NodeJS

Instalar NodeJS en tu computadora, para ello puede seguir las instrucciones de la página oficial de NodeJS: Instalar NodeJS.

Comandos para replicar el proyecto:

  • Instalamos las dependencias:

     $ npm i -g typescript

  • Iniciamos el proyecto en TypeScript:

     $ tsc --init

  • Creamos el archivo main.ts y lo compilamos:

     $ tsc --w main.ts

Una vez abierto la pagina, coloca tu nombre y da click en el boton. Despues presiona una flecha para iniciar el juego. :)

Azure Static Web Apps

Una vez que tengamos el proyecto funcionando, subiremos la aplicación a Azure Static Web Apps.

  • Instalar la extension de Azure Static Web Apps en Visual Studio Code.
  • Haremos commit de los cambios
  • En la parte izquierda, en la sección de Azure, aparecerá un icono de Azure static Web Apps.
  • Dar click en el icono y seleccionar la opcion de Create New Static Web App.
  • Seguir las instrucciones del vídeo.

Recursos