Help on web UI programming

I am getting started with Web-UI. I have seen some of the example and included the brick. I have done some basic HTML programming before, and the question not about HTML programming.

But how to start in Arduino app lab ? I am not getting any “assets” files to start with. Where can I find documentation that will help me to get started?

thanks for any references

Your question got me curious, so I had a look at what I could find. I am guessing you are already aware of the simple example code shown when on the screen for the web up brick. There are a number of ways to add the assets needed but I did not see a way to add a folder from within AppLab. One can use AppLab to create a new project and then back out of the new project. Then it is possible to use one of the following methods:

  1. ADB https://docs.arduino.cc/tutorials/uno-q/adb/
  2. SSH https://docs.arduino.cc/tutorials/uno-q/ssh/
  3. samba 5 Tips for Managing Your Arduino Uno Q
  4. If one uses the Uno Q in stand alone mode then the directory and html file could be created directly on the Uno Q itself.

I expect there are other methods as well.
A word of caution; if you create a folder in the project directory and leave it empty AppLab will be unable to open the files and directories. I believe that bug will be fixed soon. It is possible they will also create a way to make new directories from within AppLab before long.

I use samba to copy the assets folder and index.html file in to the project. It just seemed like the least tedious method.

The only thing you actually need in the assets folder is the index.html file. In my case I also have an index.md file as I find it simpler to write a markdown file and then use pandoc to convert it to html. You can use what ever method you prefer to make your html files.

Thanks.

Appreciate your help and tips. I will try this today to get started.

after a month of headache with App lab, now I prefer to operate from samba connection with VS Code.
in any case, in App Lab I found how to create the assets folder or any other folder in the Files node:
select the file app.yaml or README.md ( or any other file at the same level) then click on the button aside of Files and choose Create new folder


another annoying problem with App Lab is that there is no syntax highlighting on all html, js, and css files,
I hope this suggestion can be helpful