top button
Flag Notify
    Connect to us
      Facebook Login
      Site Registration Why to Join

    Get Free Article Updates

Facebook Login
Site Registration
Print Preview

Small Overview About Meteor.js ?

0 votes
62 views

What is Meteor.js?

Meteor, or MeteorJS, is a free and open-source JavaScript web framework written using Node.js. Meteor allows for rapid prototyping and produces cross-platform (Android, iOS, Web) code. ... On the client, Meteor depends on jQuery and can be used with any JavaScript UI widget library.

Meteor.js is a cohesive development platform, a collection of libraries and packages that are bound together in a tidy way to make web development easier. It builds on ideas from previous frameworks and libraries to offer an easy way to start a prototype app, but it gives you the tools and flexibility to build a full fledged production app. There are libraries like Tracker and Blaze that the Meteor Development Group has built specifically for a reactive front-end experience.

Meteor.js is an open-source platform built on Node and MongoDB. It’s not just a framework, it’s more than that.

Is it comparable to Angular? Angular handles just the frontend parts of application. Meteor is more of a platform than Angular. It is both server and client-side code and handles a lot of the parts of applications that we need to create manually in Angular.

Video for Meteor.Js

posted Feb 14 by Manish Tiwari

  Promote This Article
Facebook Share Button Twitter Share Button Google+ Share Button LinkedIn Share Button Multiple Social Share Button


Related Articles

What is Aurelia?

Aurelia is a JavaScript client framework for mobile, desktop and web leveraging simple conventions and empowering creativity.

Aurelia is a next generation UI framework. Whether you're building apps for the browser, mobile or desktop, Aurelia can enable you to not only create amazing UI, but do it in a way that is maintainable, testable and extensible.


Features:

  • Forward-thinking
  • Modern Architecture
  • Two-Way Databinding
  • Extensible HTML
  • Routing & UI Composition
  • MV* with Conventions
  • Broad Language Support
  • Testable


Some of  the main benefits

  • Clean and Unobtrusive 
  • Convention over Configuration 
  • Simple, But Not Simplistic 
  • Promotes the "-ilities" 
  • Amazingly Extensible
  • Web Standards Focused
  • Integrates Well with Others
  • TypeScript Support 
  • An Official Product with Commercial Support 
  • Thriving Community and Ecosystem 

Video for Aurelia 

https://www.youtube.com/watch?v=N855h5-OdZw

READ MORE

What is Matter.Js?

Matter.js is a 2D physics engine for the web — see all demos → Rigid bodies. Compound bodies

A 2D rigid body physics engine for the web written in JavaScript.

Most common modules are

  • Engine
  • World
  • Body
  • Bodies
  • Composite
  • Composites
  • Constraint
  • MouseConstraint
  • Events
  • Plugin

Features:

  • Rigid bodies
  • Compound bodies
  • Composite bodies
  • Concave and convex hulls
  • Physical properties (mass, area, density etc.)
  • Restitution (elastic and inelastic collisions)
  • Collisions (broad-phase, mid-phase and narrow-phase)
  • Stable stacking and resting
  • Conservation of momentum
  • Friction and resistance
  • Events
  • Constraints
  • Gravity
  • Sleeping and static bodies
  • Rounded corners (chamfering)
  • Views (translate, zoom)
  • Collision queries (raycasting, region tests)
  • Time scaling (slow-mo, speed-up)
  • Canvas renderer (supports vectors and textures)
  • MatterTools for creating, testing and debugging worlds
  • World state serialisation (requires resurrect.js)
  • Cross-browser (Chrome, Firefox, Safari, IE8+)
  • Mobile-compatible (touch, responsive)
  • An original JavaScript physics implementation (not a port)

Bower Package

bower install matter-js
 

NPM Package

npm install matter-js

Video for Matter.Js

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

READ MORE

Promises in AngularJS are provided by the built-in $q service. They provide a way to execute asynchronous functions in series by registering them with a promise object.

A service that helps you run functions asynchronously, and use their return values (or exceptions) when they are done processing.

A new instance of deferred is constructed by calling $q.defer().

Methods:

  • Resolve(value)
  • Reject(reason)
  • Notify(notify)

A new promise instance is created when a deferred instance is created and can be retrieved by calling deferred.promise.

Methods:

  • then()
  • catch()
  • finally()


$q is integrated with the $rootScope.Scope Scope model observation mechanism in angular, which means faster propagation of resolution or rejection into your models and avoiding unnecessary browser repaints, which would result in flickering UI.

Example Code:

var deferred = $q.defer();
var promise = deferred.promise;
 
promise.then(function success(data) {
  console.log('Success!', data);
}, function error(msg) {
  console.error('Failure!', msg);
});
 
deferred.reject('We failed :(');

Video about Angular Services

https://www.youtube.com/watch?v=cdG_T6ufcbE​

READ MORE

What is Riot.Js?

A Riot tag is a combination of layout (HTML) and logic (JavaScript). 

Here are the basic rules: HTML is defined first and the logic is enclosed inside an optional <script> tag. 

Note: the script tag can not be used when including tag definitions in the document body, only in external tag files.

Benefits:

  • No proprietary event system
  • No need for external polyfills or additional libraries
  • The rendered DOM can be freely manipulated with other tools
  • No extra HTML root elements or data- attributes
  • Plays well with jQuery

Riot has all the essential building blocks for modern client-side applications:

  • “Reactive” views for building user interfaces
  • Event library for building APIs with isolated modules
  • Optional Router for taking care of URL and the back button

Riot is an “open stack”. It’s meant for developers who want to avoid framework specific idioms. The generic tools let you mix and match design patterns. Systems like Facebook Flux can be self-made.

Try Live Demo Here - http://riotjs.com/play/

Video About Riot.Js - Introduction

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

 

READ MORE

What is System.Js?

The JavaScript Package Manager (aka jspm) is a package manager that works on top of the SystemJS universal module loader. ... SystemJS is a module loader that can import modules at run time in any of the popular formats used today (CommonJS, UMD, AMD, ES6)

Features:

  • Loads any module format when running the ~15KB development build.
  • Loads ES modules compiled into the System.register module format for production with exact circular reference and binding support
  • Supports RequireJS-style map, paths, and bundles configuration.

Built with the ES Module Loader project, which is based on principles and APIs from the WhatWG Loader specification, modules in HTML and NodeJS.

Supports IE9+ provided a promises polyfill is available in the environment.

System.js however is a pretty good replacement for require.js. The config is robust, the bundling API is reasonable, and if you have dynamic loading scenarios, especially where you don't know the resources at bundling time, it's really a good client loader.

Node Command :

npm install systemjs

Video for System.Js Build 

https://www.youtube.com/watch?v=nQGhdoIMKaM​

READ MORE

What is Phantom.Js?

PhantomJS is a scripted, headless browser used for automating web page interaction. PhantomJS provides a JavaScript API enabling automated navigation, screenshots, user behavior and assertions making it a common tool used to run browser-based unit tests in a headless system like a continuous integration environment.

PhantomJS is a headless WebKit scriptable with a JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG.

The above definition may be ambiguous, in simple terms, PhantomJS is a web browser without a graphical user interface.

Since PhantomJS is not usable when it comes to surfing the web, it has a whole set of features that developers love and use for many purposes.

Features

  • Screen capture
  • Page automation
  • Network monitoring
  • Testing
  • Multiplatform, available on major operating systems: Windows, Mac OS X, Linux, and other Unices.
  • Fast and native implementation of web standards: DOM, CSS, JavaScript, Canvas, and SVG. No emulation!
  • Pure headless (no X11) on Linux, ideal for continuous integration systems. Also runs on Amazon EC2, Heroku, and Iron.io.

Video for Phantom.Js
https://www.youtube.com/watch?v=6Y3ugEFU0uU

READ MORE
Contact Us
+91 9880187415
sales@queryhome.net
support@queryhome.net
#470/147, 3rd Floor, 5th Main,
HSR Layout Sector 7,
Bangalore - 560102,
Karnataka INDIA.
QUERY HOME
...