javascript pro
7.8K views | +0 today
Follow
 
Scooped by Gennaro Varriale
onto javascript pro
Scoop.it!

SproutCore - Home

SproutCore - Home | javascript pro | Scoop.it
SproutCore is an HTML5 application framework for building responsive, desktop-caliber apps in any modern web browser, without plugins.
Some Background

When the web started, it was a collection of hyperlinked, static pages. Then people started creating dynamic content and applications, and the web overflowed with cgi-bin directories.

The techniques for building these applications have become more advanced since then, with full-stack web frameworks like Ruby on Rails and Django becoming immensely popular. As the number of web users has grown, however, web apps have experienced difficulty scaling to fulfill the demand that a popular app can generate.

Even with consistently fast servers, the latency between those servers and your user is always outside your control. That means that even if you optimize your application as much as possible, every new request makes the user wait a minimum of a few hundred milliseconds. Compared to desktop apps, they just don’t feel as snappy, and impatient users can quickly turn into former users.

Recently, AJAX has been used to create web pages that can update without having to reload the browser. But they still feel like websites, and are usually limited in interactivity.
Until Now

SproutCore works by doing the only thing that can truly eliminate the latency problem: it moves your business logic to the client. SproutCore applications are full-fledged programs, written in JavaScript. That JavaScript executes in your user’s browser, freeing up your servers (and server engineers) to focus on what’s most important in a cloud application: delivering users’ data as quickly and reliably as possible.

But SproutCore isn’t your mama’s JavaScript library. It isn’t meant to augment existing web pages. It isn’t meant to add animation to documents. SproutCore is a tool for building applications. It has more in common with Cocoa or .NET than jQuery or MooTools. Because of that, SproutCore will change the way you think about building web apps.
more...
No comment yet.
javascript pro
Javascript programming / frameworks
Your new post is loading...
Your new post is loading...
Scooped by Gennaro Varriale
Scoop.it!

melonJS

melonJS | javascript pro | Scoop.it

melonJS is the result of our enthusiasm and past experiments with Javascript, and came from the feeling that no simple, free and standalone library was available to develop games. And although still a big work in progress (and not yet bug free), melonJS already allows to easily create some nice games (see the Gallery page)
melonJS integrates the popular Tiled map format, allowing to easily design levels using the Tiled map editor, and to focus on the game features itself.

more...
No comment yet.
Scooped by Gennaro Varriale
Scoop.it!

JointJS - JavaScript diagramming library.

JointJS - JavaScript diagramming library. | javascript pro | Scoop.it
Create interactive diagrams in JavaScript easily. JointJS plugins for ERD, Org chart, FSA, UML, PN, DEVS, LDM diagrams are ready to use.
Gennaro Varriale's insight:
basic diagram elements (rect, circle, ellipse, text, image, path)ready-to-use diagram elements of well-known diagrams (ERD, Org chart, FSA, UML, PN, DEVS, ...)custom diagram elements based on SVG or programmatically renderedinteractive elements and linksconnecting diagram elements with linkscustomizable links, their arrowheads and labelslinks smoothing (bezier interpolation)magnets (link connection points) can be placed basically anywherehierarchical diagramsserialization/deserialization to/from JSON formathighly event driven - you can react on any event that happens inside the paperzoom in/outtouch supportplugin awarenessMVC architecture... a lot more
more...
No comment yet.
Scooped by Gennaro Varriale
Scoop.it!

Javascript Twitter injection launches Man-in-the-Browser attacks - DaniWeb (blog)

Javascript Twitter injection launches Man-in-the-Browser attacks - DaniWeb (blog) | javascript pro | Scoop.it
Javascript Twitter injection launches Man-in-the-Browser attacks DaniWeb (blog) Dana Tamir, Enterprise Security Director for Trusteer has recently uncovered a variation of the TorRAT banking data malware which has been actively configured to target...
more...
No comment yet.
Rescooped by Gennaro Varriale from AngularJS
Scoop.it!

Fun with AngularJS!

Fun with AngularJS! | javascript pro | Scoop.it

Recently AngularJS, an MVC style JavaScript framework fromGoogle, has been gaining more momentum. I’ve been curious about it for awhile and when I read this article recently, I decided it was finally time to give it a whirl. I was pleasantly surprised with what I found. I first watched these two videos by John Lindquist which I highly recommend as a starting point to get your feet wet. They are short and totally worth the time:

Simple ToDo’s AppSimple Twitter Search App


Via William delmas
more...
No comment yet.
Suggested by Charles Manfre
Scoop.it!

INFOGRAPHIC: Why JavaScript is the Future of Programming | Code Conquest

INFOGRAPHIC: Why JavaScript is the Future of Programming | Code Conquest | javascript pro | Scoop.it

JavaScript started out in 1995 as a widely hated language. It was viewed as nothing but a toy. Since then, it has grown its empire and has gained respect from developers. jQuery, AJAX, Node.js and CoffeeScript have all helped to build the JavaScript empire. On top of this, beginners have been flocking to JavaScript because the language really does make it so easy to get started.

 

This infographic takes you on a journey through the JavaScript empire and explains why it is quickly becoming the future of programming.

 

I’d like to thank Dani Fankhauser and her recent Mashable article, which the infographic was based upon.

more...
No comment yet.
Scooped by Gennaro Varriale
Scoop.it!

Propulsion - HTML5 Canvas JavaScript Game Development Framework

Propulsion uses a loop to execute game logic. The number of times this loop is run per second is controlled by loop.rate. One iteration of the loop is called a tick.
During every tick, all registered objects have some of their methods invoked by Propulsion. These methods, of course, can come from the prototype chain. It is during these method invocations that game logic, drawing, etc. are executed.
Objects can be registered with the loop using the loop.register function. Objects can be removed from the loop using the loop.remove function. The object can be created by any means; there is no required pattern for object creation.

A method is just a function stored as a property of an object. When a method is invoked using a refinement (a dot expression . or bracket expression []) this is bound to that object.

more...
No comment yet.
Scooped by Gennaro Varriale
Scoop.it!

Jaws » HTML5 Javascript game engine / development library

Jaws » HTML5 Javascript game engine / development library | javascript pro | Scoop.it

Jaws is a 2D game lib powered by HTML5. It started out only doing canvas but is now also supporting ordinary DOM based sprites through the same API.

Game engine highlights

- Sprite() - Onscreen, movable, scalable objects
- Game states - Separate sections of your game for better organized code
- SpriteSheet() and Animation() - Load spritesheets and animate frames
- Assets - Jaws will preload all your images before the game starts
- Documented code and explained examples
- Does Not depend on any other javascript library
- Builds on lessons learned from years of developing Chingu, a Ruby game lib

more...
No comment yet.
Scooped by Gennaro Varriale
Scoop.it!

Introduction to Backbone.js by Pierre Spring

Don't be afraid, only the first few seconds are in French. Pierre "Caillou" Spring's Introduction to Backbone.js given to the Javascript Genève meetup on the...
more...
No comment yet.
Scooped by Gennaro Varriale
Scoop.it!

"Prototype4" by Sebastian Volland

"Prototype4" by Sebastian Volland | javascript pro | Scoop.it

prototype4 is a 2d shoot 'em up game written from scratch in javascript.
 

Chrome Experiments is a showcase for creative web experiments, the vast majority of which are built with the latest open technologies, including HTML5, Canvas, SVG, and WebGL. All of them were made and submitted by talented artists and programmers from around the world.

more...
No comment yet.
Scooped by Gennaro Varriale
Scoop.it!

Impact - HTML5 Canvas & JavaScript Game Engine

Impact - HTML5 Canvas & JavaScript Game Engine | javascript pro | Scoop.it

Impact is a JavaScript Game Engine that allows you to develop stunning HTML5 Games for desktop and mobile browsers.

more...
No comment yet.
Scooped by Gennaro Varriale
Scoop.it!

mrdoob/three.js - GitHub

mrdoob/three.js - GitHub | javascript pro | Scoop.it
three.js - JavaScript 3D Engine..

The aim of the project is to create a lightweight 3D engine with a very low level of complexity — in other words, for dummies. The engine can render using <canvas>, <svg> and WebGL..

more...
No comment yet.
Scooped by Gennaro Varriale
Scoop.it!

GameJs

GameJs is a thin library on top of the HTML canvas element. The GameJs API is a port of the popular PyGame to JavaScript.

more...
No comment yet.
Scooped by Gennaro Varriale
Scoop.it!

Spearson / Javascript Game Engine / wiki / Home — Bitbucket

A simple Javascript game engine. Designed to be quick to use. Automatically handles image animation and collision detection. Uses SVG (Raphaël) for rendering, so allows for cross browser rotation and scaling of graphics.

more...
No comment yet.
Scooped by Gennaro Varriale
Scoop.it!

D3.js - Data-Driven Documents

D3.js - Data-Driven Documents | javascript pro | Scoop.it
Gennaro Varriale's insight:

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

more...
No comment yet.
Scooped by Gennaro Varriale
Scoop.it!

PhantomJS: Headless WebKit with JavaScript API

PhantomJS: Headless WebKit with JavaScript API | javascript pro | Scoop.it
Gennaro Varriale's insight:

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

more...
No comment yet.
Scooped by Gennaro Varriale
Scoop.it!

JavaScript Patterns

JavaScript Patterns | javascript pro | Scoop.it
JavaScript patterns and antipatterns collection (RT @DaniStefanovic: JavaScript Patterns http://t.co/EtAcEjrbHR)
more...
No comment yet.
Scooped by Gennaro Varriale
Scoop.it!

xc.js - Canvas Game Framework

xc.js - Canvas Game Framework | javascript pro | Scoop.it

xc.js is a framework for HTML Canvas games in Javascript. It's simple and fun to use and you can even try it out right here in your browser.

But that's not all. xc.js also runs on other platforms. You can write your games in Javascript and run them in all sorts of cool places (like on your phone!).

more...
No comment yet.
Scooped by Gennaro Varriale
Scoop.it!

gameQuery - a javascript game engine with jQuery

gameQuery - a javascript game engine with jQuery | javascript pro | Scoop.it

Javascript game engine for jQuery

gameQuery is a jQuery plug-in to help make javascript game development easier by adding some simple game-related classes. It's still in an early stage of development and may change a lot in future versions. The project is hosted on GitHub (it was hosted on Google Code before) and a twitter page where you can follow the daily progress of the development.

If you have any comments, bugs to report or suggestions you're welcome to send an email to: gamequery(at)onaluf(dot)org or use the Google Group. You can also leave a comment the gameQuery entry of my blog.

more...
No comment yet.
Scooped by Gennaro Varriale
Scoop.it!

Magento - Create new custom outgoing order email template | CSS | HTML | Javascript | Magento | PHP

Magento - Create new custom outgoing order email template | CSS | HTML | Javascript | Magento | PHP | javascript pro | Scoop.it
I need someone to create a new template for the outgoing email that goes out to customers once they've placed an order.
more...
No comment yet.
Scooped by Gennaro Varriale
Scoop.it!

Learning Three.js: Let’s Make a 3D Game: Virtual Joystick

Here is another article of the “Let’s Make a 3D Game” series. We have already seen how to handle other inputs like keyboard and device orientation. This post is about virtualjoystick.js It virtual joystick, another input you can use for your games. A virtual joystick emulates a joystick behaviour on a touch screen. virtualjoystick.js has been coded in a effort to port marblesoccer to mobile device. Show, dont tell, Try it out.

This demo works with mouse events too thus, it is easier to test/debug. virtualjoystick.js has been widely inpired by this post by Seb Lee-Delisle. The screencast below is short introduction about virtualjoystick.js

more...
No comment yet.
Scooped by Gennaro Varriale
Scoop.it!

Mibbu, HTML5 javascript game framework, canvas, DOM

Mibbu gives you everything you need for fast prototyping your Javascript game in less than 2.5KB of gzipped code. Games created with Mibbu can be displayed using Canvas or DOM mode (you can change it with one single function, or use feature detection to use DOM where it is no canvas, like in IE family). Mibbu supports also CSS animations in Webkit (blogpost) and in Firefox BETA (5.0).

more...
No comment yet.
Scooped by Gennaro Varriale
Scoop.it!

LimeJS HTML5 Game Framework

LimeJS HTML5 Game Framework | javascript pro | Scoop.it
HTML5 Game Framework for building fast, native-experience games for all modern touchscreens and desktop browsers.
more...
No comment yet.
Scooped by Gennaro Varriale
Scoop.it!

jsdo.it - Share JavaScript, HTML5 and CSS

jsdo.it - Share JavaScript, HTML5 and CSS | javascript pro | Scoop.it
jsdo.it - share JavaScript, HTML5 and CSS - jsdo.it is a service to write JavaScript, HTML5, CSS in your browser and share it. You can copy and modify others' code.
more...
No comment yet.
Scooped by Gennaro Varriale
Scoop.it!

enchant.js - HTML5 + JavaScript Game Engine

enchant.js - HTML5 + JavaScript Game Engine | javascript pro | Scoop.it
enchant.js is an HTML5 + JavaScript based game engine. It is a standalone library that enables cross-platform application development for PC, Mac, iPhone, iPad, and Android from just 30 KB of source code.

enchant.js was developed at Ubiquitous Entertainment Inc.'s Akihabara Research Center, and released April of 2011. Nearly 200 games have been created in its first two months of release, making it the world's most-used HTML5 game engine.

more...
No comment yet.