# ¡Utiliza Stackblitz! ⚡

[**Stackblitz**](https://stackblitz.com/) es una página web que te permite crear aplicaciones de Angular en el navegador. Eso quiere decir que ¡no tienes que instalar nada más! 😎

[Video de Eric Simons ](https://youtu.be/Q0VPt2kF-Z0)📹📹📹

### Paso #1 📺

Entra a [**www.stackblitz.com**](https://stackblitz.com), y verás algo como esto:

![Crea una cuenta, para que no pierdas tu progreso.](https://3418570209-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LW1Rd6Lo-WMisT20MSI%2F-LfkG9FnieTyrSrzuXpf%2F-LfkHbQ_-gAeX_SUpaab%2FScreen%20Shot%202019-05-25%20at%201.37.28%20PM.png?alt=media\&token=a0199f80-c2ed-4711-bef6-a0131f83d867)

![](https://3418570209-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LW1Rd6Lo-WMisT20MSI%2F-LfkG9FnieTyrSrzuXpf%2F-LfkJrLKLA6Ib9AGn7a7%2FScreen%20Shot%202019-05-25%20at%201.42.44%20PM.png?alt=media\&token=a4285f7f-187a-4ca3-9fa7-52ed6aabb4a7)

{% hint style="info" %}
En Stackblitz puedes crear un proyecto de Angular, React, Ionic, TypeScript, RxJS o Svelte ¡en segundos! ⏰
{% endhint %}

![](https://3418570209-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LW1Rd6Lo-WMisT20MSI%2F-LfkG9FnieTyrSrzuXpf%2F-LfkL1kfzmm5NbCpp7Bn%2F1.png?alt=media\&token=c53de18e-d4ad-429e-a53d-90c4f288eb14)

![](https://3418570209-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LW1Rd6Lo-WMisT20MSI%2F-LfkG9FnieTyrSrzuXpf%2F-LfkL_8jRYal27_KSvzl%2FScreen%20Shot%202019-05-25%20at%201.56.29%20PM.png?alt=media\&token=51d5597c-a0fb-4530-afbf-104ee3c4cc89)

### Paso #2 🅰

Selecciona **Angular,** y una vez se cree el proyecto verás algo como esto:

![](https://3418570209-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LW1Rd6Lo-WMisT20MSI%2F-LfkStM1ehsS2YQ6nYU4%2F-LfkSyLFwJBd8W5C2ujH%2Fbase.gif?alt=media\&token=afbb3dc8-9430-4a13-b132-2bce5ff2b602)

### Paso #3 📂

En el panel de archivos y carpetas verás la carpeta `app`, esta carpeta es donde se encuentra nuestra aplicación. El resto de archivos son parte de la configuración de Angular. Algo por lo que no te debes preocupar aún 😉

Dentro de la carpeta `app`, vamos a buscar el archivo `app.component.html` , este archivo tiene el contenido de lo que estás viendo a la derecha. Si lo editas ¡automáticamente verás los resultados! ⚡️

Reemplaza: `Start editing to see some magic happen :)`, por `I 💙 Angular!`

![](https://3418570209-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LW1Rd6Lo-WMisT20MSI%2F-LfkG9FnieTyrSrzuXpf%2F-LfkRsidGmvDTe0ZC-Pg%2Fbase2.gif?alt=media\&token=fb7e4317-8819-4339-923d-1c15ebfd3be8)

## Lo lograste! 💪

{% hint style="success" %}
Has completado este mini **desafío**, te invitamos a leer nuestro CoC - Código de Conducta **👇**
{% endhint %}