Tutorial - Forum

Forum Navigation
You need to log in to create posts and topics.

Tutorial

Hi Luis, since our last discussion about the lack of tutorial, I have followed your suggestion for JavaScript, HTML and CSS tutorials.

I have tried a few JavaScript code from the website: https://www.w3schools.com/js/

I have incorporated some code inside of the Project (menu) and Style.

VisualNeo is build all around these code.  Anyway, look like...

I understand all (well mostly) these code but the think is I don't know how to incorporate them inside of VisualNEO Web.

Maybe I'm complicating my life a bit too much and it's probably simpler than it's supposed to be.

But it is true, I never done JavaScript and CSS before.  I've done HTML enough to say I'm better than a beginner.

Anyway, if I can find my way of working with all these JavaScript code from the website you've given me, it will help a lots.

Programming is like learning a musical instrument, I understand very well that with practice, I'm going to get better.

Let me know if you have any new tutorial.   I saw the page about NeoAnimation or about the new command in the new VisualNEO version.  Thanks for this tutorial.

Roger :)

@rocote

I understand all (well mostly) these code but the think is I don't know how to incorporate them inside of VisualNEO Web.

1) VisualNEOWeb stands on the shoulder of Bootstrap ... which itself stands on the shoulder of HTML, CSS and Javascript.

VisualNEOWeb (and the plugins) merely make it easier (through a more english-like, human-understandable command syntax) and efficient (canvas for drawing objects, macro commands for commonly used functions).

2) For 90% (my estimate) of the projects/Apps, VisualNEOWeb and associated plugins are all you will need; for the remainder, you can build 90% (also my estimate) of the projects/Apps using VisualNEOWeb and associated plugins.

With every new version, Luis adds plugins and commands that make even more functionality easier and more efficient.

So, there are few cases where you would need to stray from VisualNEOWeb and the plugins.

But when need to, VisualNEOWeb provides ways for the developer to step outside the base platform facilities; for example ...

a) if you need to use some javascript commands for which no VisualNEOWeb (or plugin) command exists, then you can code it in javascript; you place the javascript code inside BeginJS/EndJS commands e.g. the click event of a Push Button could look like ...

SetVar [myvar] "Hi!"
BeginJS
  alert($App.myvar);
EndJS

... where ...

alert is javascript command (similar to VisualNEOWeb's AlertBox command)
$App.myvar allows you to access the [myVar] variable in the VisualNEOWeb space within javascript commands

There is quite a bit more but this is just an introductory post.

b) if you need to use css (style properties that replace or add to those that are default for a particular object), you can ...

- specify a class for that object (Properties >>> Advanced >>> css-class)
- add the properties for that named class in the Project >>> Properties >>> Styles section

Hope that gives you an overview of how to incorporate javascript and css in your projects/Apps.

Vadim has reacted to this post.
Vadim

Thank you very much GAEY, this will certainly help.  Tomorrow I will experiment a few code inside VisualNeoWeb.

Your reply is very appreciated!

Roger :)

Hi @rocote,

I will be more than happy to explain whatever detail you ask for and share as many samples as needed.
Believe or not, after adding new features I have to experiment too because "the whole is greater than the sum of the parts".
I'm currently updating the help documentation, as some sections are unfinished yet.
Explaining myself in english makes it a bit more slow.
Would like days have 34 hours :)
Best regards.

By the way, I get very few feedback about the best approach regarding training.
What's better?:

1) Detailed documentation (https://webhelp.visualneo.com)
2) Videos (https://www.youtube.com/channel/UCasHOAEB3qjkthqXNX_MU9w)
3) Tutorial Apps (https://visualneo.com/online-tutorials)
4) Tutorial blog post (https://visualneo.com/blog)
5) Tips and tricks (https://visualneo.com/forum/forum/tips-and-tricks/)

>Would like days have 34 hours :)

Be aware of the "work life balance" ! ;-)

Regards

Hans-Peter

Quote from luishp on July 31, 2019, 1:54 pm

By the way, I get very few feedback about the best approach regarding training.
What's better?:

1) Detailed documentation (https://webhelp.visualneo.com)
2) Videos (https://www.youtube.com/channel/UCasHOAEB3qjkthqXNX_MU9w)
3) Tutorial Apps (https://visualneo.com/online-tutorials)
4) Tutorial blog post (https://visualneo.com/blog)
5) Tips and tricks (https://visualneo.com/forum/forum/tips-and-tricks/)

Learning is like any other experience, it must be interesting and enjoyable.

The learner must be impressed and look forward to seeing the next event.

Each event following the other must lead the person to discover;
1. The operation of the software
2. The content of the software
3. An example of each instruction included in the software with pictures or even videos (if necessary).

For example;
If the person is looking for; "How to send files across a local network", there must be a place in the tutorial that teaches or demonstrates how to do it in general.

Another example;
The person wants to make a software that shows all the photos of families and can print them. She must have at least one resource inside the tutorial to give her a good example of starting.

Showing how to build a beautiful "Master" page would be a nice asset.

All the material that a person can find on the Web, "How does she integrate it or apply it in the software". Would it be better to place a particular code in a specific place? How can the person know?

Each tutorial following the previous one, must follow an evolutionary progression of the software learning and demonstrate how to apply the syntax codes in the software.  So from the beginning to the (so call) end... the person must progress in the learning process without fooling around anywhere or everywhere.  Everything must be included in the purchase, specially if the company said there is tutorials included.

Doing a good tutorial is a full time job that bring success of a good product and your product deserved it.

Many persons in some company are hired to build TUTORIAL for their product.   Most of them are using videos but "Text" with "pictures" can be very good too.

I use to work for a school board and I was responsible to build tutorial for teachers with special need in different schools so they can used some software like Exel, PowerPoint, Word and Novell (network).

Hope this help Luis... thanks for your help also.

Roger :)