HTML5 Ninja
1.4K views | +0 today
Follow
Your new post is loading...
Your new post is loading...
Scooped by HTML5 Ninja
Scoop.it!

Meteorjs, simply explained

Meteorjs, simply explained | HTML5 Ninja | Scoop.it
This first article is a little lead-in to understand what is Meteorjs. It's not difficult or complex and there will be no code. It aims to be able to demystify the framework.
What is Meteorjs?
The short answer to this is nodejs framework. You can now demonstrate your skills to your friends and colleagues with these technical terms :)

More seriously, Meteorjs is a development platform that allows to create web and mobile applications and get this:  in javascript.

For those who were not on Earth last few years, JavaScript is monopolizing all the web and mobile platforms, server side such as client side.

Yes, you read it right, server side because with nodejs, we code in javascript. Basically, what we did with PHP for example in terms of access to the database, restriction, session and displayed results, we can do it now with javascript on a nodejs server. On top of all this, it's pretty quick and with new possibilities in terms of technology. But this is another story.

What is the role of Meteorjs in all of this?
Well, this wonderful framework is here  to help you save time. Indeed, there is no need to learn how to use nodejs, socket.io or how to connect to a database, Meteorjs takes care of everything. All you have to do is to code and imagine useful web apps.
What can I use Meteorjs for?
To understand the power of a technology, it is necessary first to better know what is it.
With Meteorjs you can build applications that run in real time by using only few lines of code. The easiest existing example to this is chat applications.
I am sure, one day or another, you wanted to develop such an app and you must have noticed that there are lots of tricks to manage (websocket, frontend, backend, database, server…). With Meteorjs, you can simply code and relax.

Besides, with a simple command line, you can transform this web app into a mobile one.

Of course, you can create whatever you want with Meteorjs: a chat app, a social network, a game, etc. and all apps that needs a real-time interaction.

Some meteorjs projects:

http://moon.co
http://play-tictactoe.com
https://crater.io
http://blonk.co

the list goes on...
How does this work?
To understand take a look here http://todoapp.meteor.com/

Open this link on two different browsers or two tabs
Type something in the text field and click on the button
It's magical, all your browsers display the new added text.

 MAGIC !
Meteorjs synchronizes your browser every time there is a change at the database level (MongoDB in this case). For those who don't know it, no problem!  It's very simple to handle.


Where to start?
If you got this far, then you understood Meteorjs' tremendous potential (money money money!).

So where to start? By visiting Meteor's official website https://www.meteor.com/ install it and begin with the tutorial https://www.meteor.com/tutorials/blaze/creating-an-app. This will probably not take longer than 2 hours.
In conclusion
Meteorjs is the most promising platform for developing real time web applications. For this reason, it's necessary to better understand this framework.
In the next article there will be code and a simple tutorial of a Meteor project, follow me. @zied_hosni
more...
No comment yet.
Scooped by HTML5 Ninja
Scoop.it!

Bitcoin Fortune a provably fair lottery game

Bitcoin Fortune a provably fair lottery game | HTML5 Ninja | Scoop.it
Bitcoin Fortune, a simple and basic lottery game. Make a first Bitcoin deposit, create or join a game and place a bet. A winner is picked randomly in each game !
more...
No comment yet.
Scooped by HTML5 Ninja
Scoop.it!

HTML5 Ninja - evolve a multipurpose responsive template

HTML5 Ninja - evolve  a multipurpose responsive template | HTML5 Ninja | Scoop.it

evolve is a multipurpose responsive template perfect for business, agency or creative portfolios. it has a fully responsive design and works great on all devices (pc, notebook, smartphone, iphone, ipad, tablets). 

more...
No comment yet.
Scooped by HTML5 Ninja
Scoop.it!

IceCream - Simple and light responsive grid system

IceCream - Simple and light responsive grid system | HTML5 Ninja | Scoop.it
Sometimes you just need a grid system, everything else is excess, with the iceCream syntax this can be done easily and faster.
more...
No comment yet.
Scooped by HTML5 Ninja
Scoop.it!

Why does HTML think “chucknorris” is a color?

Why does HTML think “chucknorris” is a color? | HTML5 Ninja | Scoop.it
How come certain random strings produce various colors when entered as background colors in HTML? For example:

test


...produces a document with a...
more...
No comment yet.
Scooped by HTML5 Ninja
Scoop.it!

HTML5 Ninja - Eirene - Responsive HTML theme

HTML5 Ninja - Eirene - Responsive HTML theme | HTML5 Ninja | Scoop.it
Eirene is a responsive HTML theme. It is a single-page design powered by Twitter Bootstrap and JQuery.
more...
No comment yet.
Scooped by HTML5 Ninja
Scoop.it!

HTML5 Ninja - Creativo - coming soon page

HTML5 Ninja - Creativo - coming soon page | HTML5 Ninja | Scoop.it
Creativo is a responsive coming soon page. It has a corporate look and is easy to customize. It is built with Twitter Bootstrap and jQuery.
more...
No comment yet.
Scooped by HTML5 Ninja
Scoop.it!

HTML5 Ninja - Metro Apps - Metro Style Html Template

HTML5 Ninja - Metro Apps - Metro Style Html Template | HTML5 Ninja | Scoop.it
This template is inspired from metro style of microsoft it can be used in multipropose sites. It has 1 page fully merto styled.It has a unique horizental layout scrolling tiles.
more...
No comment yet.
Scooped by HTML5 Ninja
Scoop.it!

HTML5 Ninja - Raw - HTML5 Parallax and Responsive Template

HTML5 Ninja - Raw - HTML5 Parallax and Responsive Template | HTML5 Ninja | Scoop.it
Raw is a creative, amazing, fashion templates, easy to use and customize
more...
No comment yet.
Scooped by HTML5 Ninja
Scoop.it!

50 CSS Libraries, Frameworks and Tools from 2014

50 CSS Libraries, Frameworks and Tools from 2014 | HTML5 Ninja | Scoop.it
In this article we have collected 50 of our favorite CSS libraries, frameworks and tools that been released this year.
more...
No comment yet.
Scooped by HTML5 Ninja
Scoop.it!

twilli air - minimalist one-page html theme

twilli air - minimalist one-page html theme | HTML5 Ninja | Scoop.it

twilli air is a fully responsive minimalist one-page html template.
it features a clean and fresh design, and is intended for websites with concise content.

more...
No comment yet.
Scooped by HTML5 Ninja
Scoop.it!

HTML5 Ninja new item - 3dbookshow

HTML5 Ninja new item - 3dbookshow | HTML5 Ninja | Scoop.it

HTML5 Ninja - item | 3dbookshow http://html5-ninja.com/item/3dbookshow/52 #html5ninja #html5 #css3

more...
No comment yet.
Scooped by HTML5 Ninja
Scoop.it!

Font Combiner | Custom web fonts and web icons

Free custom web fonts and SVG icons. A versatile web font creator and font improvement tool exposing advanced font features to the end user, including kerning, subsetting, various hinting options and custom font glyph combinations.
more...
No comment yet.
Scooped by HTML5 Ninja
Scoop.it!

HTML5 Ninja - HTML5 marketplace | Items, Themes, Templates | HTML5 Ninja

HTML5 Ninja - HTML5 marketplace | Items, Themes, Templates | HTML5 Ninja | HTML5 Ninja | Scoop.it
HTML5 Ninja is a marketplace for HTML5 items, themes, templates, scripts, css3 ...etc. With HTML5 Ninja earn money by selling your HTML5 creations.
HTML5 Ninja's insight:

the new HTML5 Ninja is awesome 

more...
No comment yet.
Scooped by HTML5 Ninja
Scoop.it!

HTML5 Ninja - MiniMojo - responsive design

HTML5 Ninja - MiniMojo - responsive design | HTML5 Ninja | Scoop.it
MiniMojo is a responsive html theme. It is designed to be professional and minimal with ease of customisation in mind. It is perfect for corporate and business websites, but would be just as perfect for many types of website.
more...
No comment yet.
Scooped by HTML5 Ninja
Scoop.it!

HTML5 Ninja - Metro Card - One Page Metro Style vCard

HTML5 Ninja - Metro Card - One Page Metro Style vCard | HTML5 Ninja | Scoop.it
Metro style horizental scroll tiles design vCard for professional designers and metro style lovers.
more...
No comment yet.