|
1 | 1 | # Your First Angular Application
|
2 | 2 |
|
3 |
| -## 1. Install Node, NPM and the Angular CLI |
| 3 | +## 1. Open [Stackblitz.com](https://stackblitz.com/) |
4 | 4 |
|
5 |
| -- Use the latest version of [Node](https://nodejs.org/en/) or make sure you are using version `6.9.0` or above |
6 |
| -- Install NPM (It generally comes with Node, so no worries) 😙 |
7 |
| -- Install Angular CLI globally |
8 |
| - - `$ npm install @angular/cli -g` |
| 5 | +[Stackblitz](https://stackblitz.com/) is a platform that allows you to run different applications using **just your browser**. |
9 | 6 |
|
10 |
| -## 2. Verify |
| 7 | +- ⭐️ You no longer need to install Node, NPM, Yarn or anything! |
| 8 | +- ⭐️ Stackblitz is fully supported by Google |
| 9 | +- ⭐️ It's even faster than your own terminal |
11 | 10 |
|
12 |
| -Make sure the installation went well by running: |
| 11 | +You should see something like this: |
13 | 12 |
|
14 |
| -- `$ node -v` -> Version 6.9.0 or above |
15 |
| -- `$ npm -v` -> Version 3.0.0 or above |
16 |
| -- `$ ng -v`-> Version 1.0.0 or above |
| 13 | + |
17 | 14 |
|
18 |
| -## 3. You are ready! Let's create an app |
| 15 | +## 2. Select Angular |
19 | 16 |
|
20 |
| -- Create a new application with: |
21 |
| - - `$ ng new myProject` (it should take a few minutes) ⏰ |
22 |
| -- Enter your application folder with: |
23 |
| - - `$ cd myProject` |
24 |
| -- Serve your new application in the browser: |
25 |
| - - `$ ng serve -o` |
26 |
| -- If you see: "App Works", **you are done!** 🎉🎉🎉 |
| 17 | +In Stackblitz you can create different kind of projects. In our case we will use Angular. |
27 | 18 |
|
28 |
| -# You are ready to go to [Branch #1](https://github.com/jdjuan/your-first-angular-application/tree/1) |
| 19 | +- Its interface is very similiar to Visual Studio Code |
| 20 | +- It has the Angular CLI (an scaffolder) already setup, so you can generate files with just 2 clicks! |
| 21 | + |
| 22 | + |
| 23 | + |
| 24 | +## 3. You are ready! Let's start |
| 25 | + |
| 26 | +- Jump from branch to branch to perform the different exercises. ⏰ |
| 27 | +- If you are interested in carrying out the exercises in your local environment, take a look at this [documentation](https://angular.io/guide/quickstart) |
| 28 | + |
| 29 | +# You are ready to go to [Branch #1](https://github.com/jdjuan/your-first-angular-application/tree/1) |
0 commit comments