38 lines
977 B
Markdown
38 lines
977 B
Markdown
---
|
|
---
|
|
|
|
# Prototype your app
|
|
|
|
## 1 - Open the default page prototype
|
|
|
|
|
|
<img src="img/prototyper-explorer.png" />
|
|
`web/prototype/index.waPage`
|
|
|
|
> **TIPS**:
|
|
> - click on <img class="inline" src="img/explorer-settings-shortcut.png"> to change the view options (the `.waPage` extension is hidden by default)
|
|
> - click on <img class="inline" src="img/prototyper-shortcut.png"> to quickly access the `page prototype` index
|
|
|
|
## 2 - Prototype your page
|
|
|
|
<img src="img/prototyper.png" />
|
|
|
|
[Learn more »](http://doc.wakanda.org/home2.en.html#/GUI-Designer/GUI-Designer.100-1051423.en.html){:target="_blank"}{:class="btn"}
|
|
|
|
## 3 - Run your page
|
|
|
|
<img src="img/prototyper-run.png" />
|
|
|
|
## 4 - Create more pages
|
|
|
|
<img src="img/create-page-prototype.png" />
|
|
|
|
> **TIPS**
|
|
> - Feel free to create your page prototype directly in the `web` folder or any other sub-folders.
|
|
|
|
---
|
|
|
|
Now, create a web application with Wakanda and Angular:
|
|
|
|
[Create a web app »](create-web-app.html){:class="btn"}
|