Working on LungoJs? Know the Basics

Working on LungoJs? Know the Basics

LungoJs

About Lungo

LungoJs is a HTML5 framework for developers to design, build & share cross-device applications. It supports open web standards, such as HTML5, CSS3 & JavaScript, bringing a consistent browser environment across all devices.

Not all the ways to develop an App are optimized. Lungo offers you a robust API so you can have complete control of everything happening in your App. It’s expensive to develop an App for every Platform & the arrival of tablets and Smart TVs hasn’t helped. However, Lungo suits all the devices creating a unique & amazing UX.

Below are the Dependencies of aLungoApp’s body:

[code language=”html”]
<link rel="stylesheet" href="components/lungo.brownie/lungo.css">
<link rel="stylesheet" href="components/lungo.icon/lungo.icon.css">
<link rel="stylesheet" href="components/lungo.brownie/lungo.theme.css">
<scriptsrc="components/quojs/quo.js"></script>
<script src="components/lungo/lungo.js"></script>
[/code]

Main container of your UI Components in the App is <section>. The <article>must be placed inside your section and all sections & articles must contain an unique ID.

For example:

[code language=”html”]

<section id="main">

<article id="main-article">
Your content
</article>

</section>

[/code]

To initialize Lungojs there is a init function available. We have to query like ths:

For example:

[code language=”html”]
Lungo.init({});
[/code]

Lungo supports Loading of resources both synchronously and asynchronously on init. Here’s how it is:

Load resources synchronously on init :

[code language=”html”]
//Load resource on app init
Lungo.init({
name: ‘example’,
resources: [‘section_to_load.html’]
});
[/code]

Load resources asynchronously on init :

[code language=”html”]

<section id="loader" data-transition="">

<article id="art1" class="active">
<a href="#main" data-router="section" data-async="section_to_load.html">
Go to section
</a>
</article>

</section>

[/code]

There is also the ‘isMobile()’ method to determine if the current environment is a mobile environment or not.

For example:

[code language=”html”]
Lungo.Core.isMobile();
[/code]

Planning for a cross-device application of your own? We at Andolasoft, develop stellar Applications for Businesses of all kinds. Talk to our Experts to convert your idea into an App.

Also, share your thoughts below.

 

Tags:
,
Jay
Jayadev Das
jayadev.das@andolasoft.com

Do what you do best in – that’s what I’ve always believed in and that’s what I preach. Over the past 25+ years (yup that’s my expertise ‘n’ experience in the Information Technology domain), I’ve been consulting to small, medium and large companies ‘bout Web Technologies, Mobile Future as well as on the good-and-bad of tech. Blogger, International Business Advisor, Web Technology Expert, Sales Guru, Startup Mentor, Insurance Sales Portal Expert & a Tennis Player. And top of all – a complete family man!