Web Development

tufanv

Expert
Licensed User
Longtime User
Hello,

With b4x, we can create app for nearly every platform but when it comes to web development, I am getting stucked as I don't have any experience with html,css etc.. I use wix for simple websites, which is powerful but for example these days I need a professional website which uses php,ajax to update some content every minute or similar tasks.

I know it is hard to learn everything from zero, are there any tools,websites or services to create complicated webpages with limited experience ? or what would you suggest? ( I probably know the answer but just wanted to ask)
 

alwaysbusy

Expert
Licensed User
Longtime User
Did you have a look at my BANano library, which transpiles B4J code to javascript, html, css?

[Web][BANano] Website/App/PWA library with Abstract Designer support

Download the latest version here: https://www.b4x.com/android/forum/threads/banano-a-sneak-peek-into-a-progressive-web-app-library.99740/#post-627764 INTRO BANano is a new B4J library to websites/webapps with (offline) Progressive Web App support. Unlike its big brother ABMaterial, BANano...
www.b4x.com

Do a search in the forum for BANano and it will give you an idea of all that is possible with it.
 

KMatle

Expert
Licensed User
Longtime User
https://www.w3schools.com/php/ is a good site to start from the scratch. It took me less rhan a week to have a website with a db and security options like anti cross site scripting and handling sessions.
 

tufanv

Expert
Licensed User
Longtime User
Yes I checked it but it says some html css and js knowledge is needed and it also has support for 1 page as I udnerstood so I didn't try it
 

tufanv

Expert
Licensed User
Longtime User
KMatle said:
https://www.w3schools.com/php/ is a good site to start from the scratch. It took me less rhan a week to have a website with a db and security options like anti cross site scripting and handling sessions.
Click to expand...
Yes there are simple and good examples thanks ! , Another problem is how to design it using css or other things besides its functionality
 
Last edited:

alwaysbusy

Expert
Licensed User
Longtime User
tufanv said:
has support for 1 page as I udnerstood so I didn't try it
Click to expand...
Indeed, used to be like that but now it doesn't. Have changed it in the post.

tufanv said:
some html css and js knowledge
Click to expand...
In every environment making web site, just a little bit will be needed (or a least the very basic knowledge of how a website works). If there will be ever a B4W, the same will apply. Just like now you need some basic understanding of how an android or a iOS app works.

tufanv said:
my problem is how to design it using css or other things
Click to expand...
See my latest tutorial on how you can use an external WYSIWYG editor and write the logic of your website in B4J:

[BANano] Using an external Editor like WYSIWYG Web Builder with B4J/BANano

WYSIWYG Web Builder (https://www.wysiwygwebbuilder.com/) is a cheap Website builder that makes it very easy to make your design. @Alejandro Moyano mentioned it in his post on his history with B4X. This gave me the idea that it could be used to program the logic of such a site using simple B4J...
www.b4x.com

I would really suggest you rethink in having a look at BANano. At the very least, it is A LOT easier than starting to learn javascript, css and html. But that is up to you...
 

tufanv

Expert
Licensed User
Longtime User
Thanks, Also back in abmaterial, I think it was not possible to inject pure html code, what is the situation with nano ? For example adding adsense codes etc.. ?=
 

alwaysbusy

Expert
Licensed User
Longtime User
BANano lets you inject html by using B4J smartstrings, or building them with BANanoElement (see the examples in the zip).

Injecting anything like css or javascript is very simple in BANano using the #if CSS and #if JavaScript commands. As for adSense, it is probably as simple as this (untested):

B4X: 
Sub AppStart ()    
    BANano.Initialize("BANano", "BANanoSkeleton",7)

    BANano.Header.AddJavascriptFile("https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js")
    
    BANano.Build(File.DirApp)
    
    ExitApplication
End Sub

B4X: 
Sub BANano_Ready()
    Dim body As BANanoElement
    body.Initialize("#body") 

    body.Append($"<ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-1234567890123456" data-ad-slot="1234567890"></ins>"$)
    
    #If JavaScript
        (adsbygoogle = window.adsbygoogle || []).push({});    
    #End If
End Sub

That last part in the #If JavaScript could also be written in pure B4J, but it is not really worth it, except to demonstrate what it can do:
B4X: 
Dim emptyList As List        
Dim adsbygoogle As BANanoObject
adsbygoogle = BANano.Window.GetField("adsbygoogle") Or emptyList 'ignore
adsbygoogle.RunMethod("push", CreateMap())

Alwaysbusy
 

hatzisn

Expert
Licensed User
Longtime User
You must log in or register to reply here.
Menu
Log in
Register
Cookies are required to use this site. You must accept them to continue using the site. Learn more…