WebJS is a JavaScript library for developing Extremely fast webpages, writing lesser HTML code The primary aim of WebJS is to enable web developers with little knowledge of JavaScript to be able to develop webpages with heavy functions by importing and using it.
- (1) No need to create multiple html files, have one html file with more than 100 html pages framed by the library working effectively.
- (2) library automatically generates pages based on the number of your site menus, and serves the html pages with the WEB_CARD components, as you will see below.
- (3) makes your site fast and light weight, less html files more html pages in one file.
- (4) improved website speed and efficiency.
- (5) good for large websites only, you can only see the power of this library when building large websites.
- (6) lightweight, html components are created only when the website is in view , making the source file small and quick to execute.
- (7) supports ABSTRACTION of PHP MYSQL DATABASE connection.
THIA LIBRARY IS STILL IN DEVELOPMENT BUT CAN BE USED TO BUILD WEBSITES
WebJS has a web based GUI for building web pages, without writing any HTML code
<style>
#home_page{ Width:100%; height:600px; background-color:#000; }
#second_page{ Width:100%; height:600px; background-color:red; }
</style> <script src="proxy.php?url=https%3A%2F%2Fgithub.com%2FWeb.js">let init = new Components(); //GUI base window //Make sure to give the html body tag an id of "window".
MENU = ["Home"]
ICONS = [null]
//if you have icons put them in a folder directory and link them e.g ICONS = ["img/home_icon.png",...] site_name_color = "#000" side_bar_bg = "#000"let home_page = init.WEB_CARD(); //creates a new html card element only when this page this visible and destroy when not in view.
let second_page = init.WEB_CARD();
second_page.id = "second_page"
home_page.id = "home_page" //specify id for styling CSS
let PAGES = [{ page: home_page, location:MENU[0] },
{ location:MENU[1], page:second_page ]]
//You can add more pagesinit.Navigation("title","custom",PAGES);
</script>I have built few websites with this library, however you can implement this with php for backend