Skip to content

Commit 6e6915c

Browse files
committed
update introduction
1 parent 25a27e7 commit 6e6915c

File tree

3 files changed

+20
-19
lines changed

3 files changed

+20
-19
lines changed

README.md

+20-19
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,29 @@
11
# Your First Angular Application
22

3-
## 1. Install Node, NPM and the Angular CLI
3+
## 1. Open [Stackblitz.com](https://stackblitz.com/)
44

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**.
96

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
1110

12-
Make sure the installation went well by running:
11+
You should see something like this:
1312

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+
![Stackblitz](stackblitz.png)
1714

18-
## 3. You are ready! Let's create an app
15+
## 2. Select Angular
1916

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.
2718

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+
![explained](explained.png)
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)

explained.png

178 KB
Loading

stackblitz.png

89.2 KB
Loading

0 commit comments

Comments
 (0)