Skip to content

Dickson2020/WebJS-Library

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 

Repository files navigation

WebJS-Library

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.

Benefits Of Web.js

      (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

Installation and Usage

<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"

How To Create Pages

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 pages

init.Navigation("title","custom",PAGES);

</script>

I have built few websites with this library, however you can implement this with php for backend

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors