### About

To get started with the development of B4J Web Apps based upon WebSockets, start read or refer to
the documentation in the links provided under B4J Web Apps.
Notes
The Web Apps are based on WebSockets supported by B4J v2.00 or higher.
A browser is required that supports WebSockets. All modern WebBrowsers support WebSockets.
There might be issues with elder version on smartphones or tablets.
The Web Apps UI is created with HTML and CSS. This is the standard technology for building Web UI.
The B4J has no built-in designer in the IDE.
For the development of Web Apps it is recommended to build the UI logic in the HTML files and the
Server logic in the B4J modules. See the under various example projects on HowTo do so.
B4J Web Apps
B4J Web Apps Overview
http://www.b4x.com/android/forum/threads/webapp-web-apps-overview.39811/
Building Web Servers with B4J
http://www.b4x.com/android/forum/threads/Server-building-web-servers-with-b4j.37172/
Upload files from your B4A app to your B4J Web Server over the internet
http://www.b4x.com/android/forum/threads/Server-upload-files-from-your-b4a-app-To-your-b4j-Server-over-the-internet.37201/
Custom Web Server Error Pages
http://www.b4x.com/android/forum/threads/server-custom-error-pages.38812/#content
CSS Styling
Basic Tutorial
http://www.w3schools.com/html/html_css.asp
W3.CSS
One of my favorite styles - keep watching the developments
http://www.w3schools.com/w3css/
Download:
http://www.w3schools.com/w3css/w3css_downloads.asp
Include in Webpages:
<!DOCTYPE html>
<html>
<title>My Webpage</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
...
jQuery
http://www.jquery.com
jQuery Learn
http://learn.jquery.com/
jQuery Tutorial
http://www.w3schools.com/jquery/default.asp
JQueryElement which provides access to all jQuery elements methods
http://api.jquery.com/
jQuery User Interface
http://api.jqueryui.com
jQuery DataTables
http://datatables.net
jQuery Mobile (jQM)
jQuery Mobile is a touch-optimized HTML5 UI framework designed to make responsive web sites and
apps that are accessible on all smartphone, tablet and desktop devices.
jQM Home
http://jquerymobile.com
jQM API Documentation
http://api.jquerymobile.com
jQM Introduction and Demos
http://demos.jquerymobile.com/1.4.2/intro/
jQM Learning
http://learn.jquery.com/jquery-mobile/getting-started/
jQM Tutorial
http://the-jquerymobile-tutorial.org/index.php
jQM ThemeRoller Mobile tool to create custom-designed themes
http://themeroller.jquerymobile.com/Diese Seite übersetzen
jQM Button Icons
http://demos.jquerymobile.com/1.0a4.1/docs/buttons/buttons-icons.html
jQM Plugin Authoring
http://dev.jtsage.com/jQM-Plugin/
http://www.ibm.com/developerworks/web/library/wa-jqplugin/index.html
jQM Tips
www.sitepoint.com/50-jquery-mobile-development/
jQM Tips (German) PC Magazin
http://www.pc-magazin.de/ratgeber/jquery-mobile-tipps-tricks-ratgeber-1452310.html
jQM PlugIns
jQM DateBox
http://dev.jtsage.com/jQM-DateBox/
jQM Popup
http://demos.jquerymobile.com/1.4.2/popup/
https://github.com/serbanghita/jQM-dynamic-popup
SQLite
Concurrent access to SQLite databases
http://www.b4x.com/android/forum/threads/webapp-concurrent-access-to-sqlite-databases.39904/#post-237681
DataTables
http://datatables.net
Full Reference
http://datatables.net/ref
Examples
http://datatables.net/examples/
JavaScript
Mozilla JavaScript Reference
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference
Sockets
Good tutorial:
https://docs.oracle.com/javase/tutorial/networking/sockets/index.html
Various
Web Editor:
Brackets is an open source code editor for web designers and front-end developers
http://www.brackets.io

Changed: 2018-06-07 09:27, Category: WebApps, File: T6C277M2062.htm, ID: 2062