Small Discussion About Mojito?

What is Mojito?

Mojito is an environment agnostic, MVC web application framework architected by Ric Allinson which supports agile development of web applications. ... Mojito is capable of running on both client(browser) and the server(Node.js) because both client and server side components are written in single language

Mojito provides seamless MVC framework to manage code base on server as well as on client side. The advantages of using Mojito are:

Single Language: Mojito is entirely built on JavaScript and hence the application code can run on server as well as can be deployed to client. This will remove the need for client to fetch data from the server.
Run-time Environment: Mojito has inbuilt capability to determine whether client can run JavaScript before deploying the code. If the client cannot execute JavaScript (JavaScript might be disabled at client side), then Mojito will execute the application code on the server.
Internationalization: Mojito has inbuilt library to handle Internationalization and localization.

Mojito has two unique features to empower you on this area.

Runtime context : which is a predefined set of dimensions/variables with a finite number of possibilities/values that will define the state of the execution at any given time.
Environment agnostic : the unique ability to run the same code in different runtimes. E.g.: browser, server, iOS UIWebView or any other phoneGap similar runtime.

Video for Mojito

Small Discussion About Keystone.Js?

What is KeyStone.Js?
KeystoneJS is a powerful Node.js content management system and web app framework built on express and mongoose. Keystone makes it easy to create sophisticated web sites and apps, and comes with a beautiful auto-generated Admin UI.

KeystoneJS is the easiest way to build database-driven websites, applications and APIs in Node.js.

Features:

Express.js and MongoDB
Dynamic Routes
Database Fields
Auto-generated Admin UI
Simpler Code
Form Processing
Session Management
Email Sending

Keystone uses Mongoose, the leading ODM for node.js and MongoDB, and gives you a single place for your schema, validation rules and logic.

Keystone can configure Express for you, or you can take over and treat Keystone like any other Express middleware.

You can also easily integrate it into an existing Express app.

NPM Command
npm install -g generator-keystone

YO Generator
$ yo keystone

Video for KeyStone.JS

https://www.youtube.com/watch?v=DPXDFeUEk3g

Small Discussion About Node NW?

What is Node NW?
NW.js is an app runtime based on Chromium and node.js . You can write native apps in HTML and JavaScript with NW.js. It also lets you call Node.js modules directly from the DOM and enables a new way of writing native applications with all Web technologies. It was created in the Intel Open Source Technology Center.
NW.js (previously known as node-webkit) lets you call all Node.js modules directly from DOM and enables a new way of writing applications with all Web technologies.

Features:

Apps written in modern HTML5, CSS3, JS and WebGL.
Complete support for Node.js APIs and all its third party modules.
Good performance: Node and WebKit run in the same thread: Function calls are made straightforward; objects are in the same heap and can just reference each other;
Easy to package and distribute apps.
Available on Linux, Mac OS X and Windows

nw.js is an app runtime based on Chromium and io.js. For building desktop applications that will run on OSX, Windows and Linux.

NPM Install Commands
npm install nw

For Global Installation
npm install nw -g

Small Example For Getting Started

Step 1 : Create package.json:

{
"name": "helloworld",
"main": "index.html"
}

Note:
package.json is the manifest file in your app. It is written in JSON format.

Step 2 : Create index.html:

<!DOCTYPE html>
<html>
<head>
<title>Hello World!</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
This is the normal HTML file. You can use any web technologies supported by latest browsers.

Step 3 : Run your app

cd /path/to/your/app
/path/to/nw .
/path/to/nw is the binary file of NW.js. On Windows, it’s nw.exe; On Linux, it’s nw; On Mac, it’s nwjs.app/Contents/MacOS/nwjs.

Video for Node NW

https://www.youtube.com/watch?v=lNpjx4BJlH4

Overview About Node.js

What is Node.js?

Node.js is a runtime environment and a library for running applications written in JavaScript outside the browser.

Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications.

Node.js is an event based, asynchronous I/O framework that uses Google's V8 JavaScript Engine.

Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.

It is used for developing applications that make heavy use of the ability to run JavaScript both on the client, as well as on server side and therefore benefit from the re-usability of code and the lack of context switching.

Some of the Applications that can be written using Node.js.

Static file servers
Web Application frameworks
Messaging middle ware
Servers for HTML5 multi player games

Normally it is an event-driven I/O framework for the V8 JavaScript engine.

Event-driven I/O server-side JavaScript environment based on V8

What is V8?

V8 is Google's open source JavaScript engine.

V8 is written in C++ and is used in Google Chrome, the open source browser from Google.

The basic philosophy of node.js is:

Non-blocking I/O - every I/O call must take a callback, whether it is to retrieve information from disk, network or another process.
Built-in support for the most important protocols (HTTP, DNS, TLS)
Low-level.
Do not remove functionality present at the POSIX layer. For example, support half-closed TCP connections.
Stream everything; never force the buffering of data.

Note:
Node.js is different from client-side Javascript in that it removes certain things, like DOM manipulation, and adds support for evented I/O, processes, streams, HTTP, SSL, DNS, string and buffer processing and C/C++ addons.

Video Tutorial for what is node.js?

https://www.youtube.com/watch?v=RH_BTidPkps

Small Overview About Node BB ?

What is Node BB?

NodeBB Forum Software is powered by Node.js and built on either a Redis or MongoDB database. It utilizes web sockets for instant interactions and real-time notifications. NodeBB has many modern features out of the box such as social network integration and streaming discussions, while still making sure to be compatible with older browsers.

NodeBB integrates into your existing website and social media networks, allowing you to maximize your outreach and establish close relationships with your users.

NodeBB is next generation forum software. It's powerful, mobile-ready and easy to use.

Features

Grow Your Community
Modern Design
Control Everything
Cloud Integrations
Extensibility

Node BB Requirements

NodeBB requires the following software to be installed:

A version of Node.js at least 4 or greater
Redis, version 2.8.9 or greater or MongoDB, version 2.6 or greater
nginx, version 1.3.13 or greater (only if intending to use nginx to proxy requests to a NodeBB)

Video for Node BB

https://youtu.be/uwgdWPeVuJE

Small Discussion about Polymer.Js?

What is Polymer.Js?

Polymer.js is a JavaScript library created by Google that allows reusing the HTML elements for building applications with components. Polymer is an open-source JavaScript library developed by Google developers

Polymer provides a number of features over vanilla Web Components:

Simplified way of creating custom elements
Both One-way and Two-way data binding
Computed properties
Conditional and repeat templates
Gesture events

Polymer.js places a hefty set of requirements on the browser, relying on a number of technologies that are in still in the process of standardization (by W3C) and are not yet present in today’s browsers.

Examples include the shadow dom, template elements, custom elements, HTML imports, mutation observers, model-driven views, pointer events, and web animations. These are marvelous technologies, but at least as of now, that are yet-to-come to modern browsers.

The Polymer strategy is to have front-end developers leverage these leading-edge, still-to-come, browser-based technologies, which are currently in the process of standardization (by W3C), as they become available.

The recommended polyfills are designed in such a way that (at least theoretically) will be seamless to replace once the native browser versions of these capabilities become available.

Video for Polymer.Js
https://www.youtube.com/watch?v=tvafAyxkuVk

Small Discussion About Axios.Js?

What is Axios?

Axios is a promise-based HTTP client that works both in the browser and in a node.js environment. It basically provides a single API for dealing with XMLHttpRequest s and node's http interface. Besides that, it wraps the requests using a polyfill for ES6 new's promise syntax

Node Command

npm install axios

Bower Command

bower install axios

Features

Make XMLHttpRequests from the browser
Make http requests from node.js
Supports the Promise API
Intercept request and response
Transform request and response data
Cancel requests
Automatic transforms for JSON data
Client-side support for protecting against XSRF

The user interface is split up into three sections:

GET Request
GET Request with Parameters
POST Request

With each of these three sections the user is able to try out a specific use case for Axios.

Video for Axios

https://www.youtube.com/watch?v=1vbpBDWu1AQ

Small Discussion About Supersonic Framework?

What is Supersonic ?

Supersonic is a robust user interface framework (UI) for developing hybrid mobile applications. The framework integrates with any REST API (Application Programming Interface) and allows data interaction/modification in the backend. With Supersonic, one can design API-connected mobile applications for iOS and Android.

Supersonic is a framework with an elegant balance of simplicity and power. By using the best of what AngularJS, web components and HTML5 have to offer, Supersonic has crafted a level of sophistication that is years ahead of the competition.

Supersonic UI is a game-changer. It's an Ionic fork that changes the way you think about hybrid app performance. Supersonic's declarative UI style makes building complex mobile apps a breeze. In the background, the seamless interplay of native UI and HTML5 bakes an end-result that is 100% indistinguishable from any native app.

Supersonic bridges the gap by using native UI elements when HTML and CSS just don't cut it. No more position: fixed; header bars, slow tabs or choppy animations. Page transitions, modals, navigation bars, tab bars, drawers – and a whole lot more – are fully native. That means unparalleled performance and no App Store rejections.

Video for SuperSonic

https://www.youtube.com/watch?v=7uppxfhxl48

Small Discussion About Mojito?

References

Your comment on this post:

Related Articles

Video Tutorial for what is node.js?