49 lines
1.2 KiB
Markdown
49 lines
1.2 KiB
Markdown
---
|
|
---
|
|
|
|
# Create a web app
|
|
|
|
## Table of contents
|
|
|
|
- [Run your web application](#run-your-web-application)
|
|
- [Customize the panels](#customize-the-panels)
|
|
- [Enable live reload](#enable-live-reload)
|
|
- [Code your Angular application](#code-your-angular-application)
|
|
|
|
## 1 - Run your web application
|
|
|
|
Click on the _Run Page_ toolbar button:
|
|
|
|
<img src="img/web-run-page.png"/>
|
|
|
|
[Activate live reload](installation.html#increase-your-productivity) to reload automatically the page after any file changes occur.
|
|
|
|
## 2 - Customize the panels
|
|
|
|
Open the right panel from the toolbar toggles:
|
|
|
|
<img src="img/panel-toggles.png" />
|
|
|
|
You can move the web preview on the right panel:
|
|
|
|
<img src="img/web-app-creation.png" />
|
|
|
|
To open your application in your default browser, set this preference via _Run Page_ dropdown:
|
|
|
|
<img src="img/web-run-dropdown.png" />
|
|
|
|
## 4 - Code your Angular application
|
|
|
|
<img src="http://wakanda.github.io/angular-wakanda/images/angular-wakanda.png" />
|
|
|
|
Wakanda integrates the Angular framework.
|
|
|
|
[Learn more »](http://wakanda.github.io/angular-wakanda/){:target="_blank"}{:class="btn"}
|
|
|
|
---
|
|
|
|
You can also create a mobile version of your application, based on the same backend.
|
|
|
|
[Create the mobile version »](create-mobile-app.html){:class="btn"}
|
|
|