web.ts

Create Web Apps using Object Oriented MVC architecture.

web.ts is designed to make web design better using Object Oriented programing and MVC architecture where is there separation between Views(HTML/CSS) and Controller(.ts classes) in Typescript to create native OO and asynchronous(AJAX) SPA apps. Due to the separation, views can be easily designed using Interactive Web Design softwares such as Visual Studio WebForm Designer and the Controllers are Typescript classes extending WebDocument, WebList, extending/implementing customized class or none. The library uses TypeScript and easy to learn. In Addition to MVC architecture, It transforms Application to an SPA application that works asynchronously. a.web links are designed to call the main(): switch(command()) and arg() of location when clicked, and execute the matched case. It falls back to hash if history is not supported, and will allow the access of the location normally if none are supported. Same-link click and access actions is supported.

WebDocument Component:

Download url location document from the Internet and use it in your page. This component has one method:- result(doc:Document): callback with the document when it’s finished downloading.

Note: If the location's last word after “/” contains a “.” Ex: /file.txt it will do a get request, else or it contains a “?” Or ends with “/” it will do a post request. getElement(doc) method takes first div clone in the document.

WebList Component:

It's a list component with methods such as add/remove(item:T, I?:number), reset(), and length():number that will need to be implemented to create a functional list. addRange(items:T[], I?:number) is already implemented and will use implementation of add() method internally. More methods can be added or creating a constructor if desired to the extending class.

General:

• main() Method: Allows to execute or create components for specific command() case, Switch cases can be assigned based on specific command() with format command[/?]args..
• You use command():string, args():Object to get the command and the arguments, and createQueryString(Object):string to create querystring from a JSON object.
• .web.ts elements are hidden elements.
• a.web are specialized web.ts links - will be excuted asynchronously
• Server Rendering: Web browser(Async) component or a similar library can be used to render javascript serverside and send it to client as a rendered page.

Main Page

Built With

• css
• html
• javascript
• typescript