Tag Archives: Dojo

JavaScript clients with Dojo


via via JavaScript clients with Dojo | bush corn GbR.

The classical fat client is dead! More and more applications instead use to Web client, which barely differ from conventional GUIs. The Dojo Toolkit is designed to simplify and accelerate the development of such clients. The following article presents the library and provides an introduction to working with Dojo.

The Dojo Toolkit is a comprehensive open source library (BSD / Academic Free License) for the development of JavaScript-based clients. The project there since 2004 and is currently available in version 1.10. Developed and marketed is Dojo under the auspices of the same foundation. It also receives support from well-known companies such as IBM and AOL. The toolkit is divided into three namespaces (see Figure 1). The part of “Dojo” contains basic functions like Ajax communication or working with arrays. In “Dijit” frequently required GUI components (buttons, calendars, etc.) are provided which can be assembled by a modular system to a surface. The third part (“DojoX”) contains diverse, partly experimental functionality and should be resolved in a future release.

Basics of Monkey Patching


via Monkey Patching.

As one of the MooTools team and someone who work with the Dojo Toolkit for years, I quickly learned one lesson:  you never modify the source of a library when using it on a given web app.  Doing so makes upgrades of the library a nightmare and general maintenance impossible.  So what do you do while you wait for the library creators to fix their bug?  You monkey patch.

So what is monkey patching?  It’s the process of replacing methods with updated, “fixing” methods for the original.  In this example we’ll presume we have an object with a function called setTransformStyle.  And what’s wrong with this example function?  It sets the style of the CSS transform property but doesn’t set the vendor-prefixed style required by a few browsers.  In this example we’ll fix that problem.

Video: Javascript Toolkit – Dojo Tutorial for Beginners


PPT link : http://www.slideshare.net/webdevninja….

Part 1: Build your first NodeJS website


via Build your first Node.js website, Part 1.

When my 9-year-old son wanted help writing his first app, I figured we would build a few web pages displaying some information that we’d store in a database. I hadn’t written code in many years, but how hard could it be to create this simple website?

Well, after we consulted various instructional websites and books — and I installed a lot of stuff that I really didn’t want cluttering up my computer — I couldn’t believe how hard it was.

So I decided to give IBM Bluemix™ a try. It was easy to get a sample application running, but then I found myself wading through a bunch of code that I didn’t understand and installing yet more stuff for developing applications — nothing I was ready to subject a 9-year-old to.

My love for Bluemix grew the day I discovered the web IDE on IBM DevOps Services. You can edit an application in the IDE, push it to Bluemix, and run the app — all with no additional software to install. Of course, you can use Bluemix with local development environments such as Eclipse, and with the Bluemix command line. But for getting started and quickly trying out new things, the web IDE is a perfect fit.

Still, all I wanted to do to start was put up an HTML page, yet the Bluemix Node.js web starter includes nothing that looks like good old-fashioned HTML. As for working with a database, the Bluemix sample ToDo application was more than I needed.

This article’s examples are easy enough for even primary-school students to follow — not young first-timers (who’ll do better with no-typing languages such as Scratch), but kids who are ready for their next step into programming. For each major concept in this article, the worksheets folder in the DevOps Services project contains corresponding printable cards that follow CoderDojo Sushi Cardguidelines.

That’s what inspired this three-part article, which starts from the bare minimum and takes you step-by-step through building up a dynamic website with Node.js— all with no installation required. This first part covers bringing up a Node.js server for simple request handling. I started with a classic Hello World sample and added a server-side counter. You’ll create a copy of the application for your own use, deploy the app on Bluemix, and then make some code changes and see their effect.

The Node.js application serves requests from multiple browsers and keeps a count of each request.”

Video: An Introduction to LoopBack


In this presentation recorded at the Hacker Dojo, StrongLoop product manager Shubhra Kar demonstrates how to make use of the open source LoopBack API server. Loopback is an API server build on Node.js that enables you to easily connect devices and apps to backend data and services.
Building Applications with NodeJS: https://www.youtube.com/watch?v=Lgk3g…

Building high quality services at Uber with Node.js: https://www.youtube.com/watch?v=1RMWS…

GFX is a simple portable 2D JavaScript graphics library.


canvas Convert most tests to intern unit tests, add SauceLabs config files, … 8 months ago
demos Removed svgext.js, moved code into gfx/svg/Shape; moved filters/js to… 7 months ago
resources Convert most tests to intern unit tests, add SauceLabs config files, … 8 months ago
shape Update to use Stateful from decor instead of delite; update dep. on d… 4 months ago
svg Changed Travis CI setup to launch jshint and tests using grunt (for c… 6 months ago
tests Update to use Stateful from decor instead of delite; update dep. on d… 4 months ago
.bowerrc Fixed bower dependencies and config. 8 months ago
.gitignore First commit: code copied form 1.9, VML/Silverlight/SVGWeb renderers … a year ago
.jshintignore Travis CI config + some jshint fixes 8 months ago
.jshintrc Added .jshintrc + big reformatting and code cleanup according to jshi… 9 months ago
.travis.yml Attempt to fix travis build error: use double quotes syntax as in dec… 4 months ago
CONTRIBUTING.md link to coding guidelines 8 months ago
Circle.js Added .jshintrc + big reformatting and code cleanup according to jshi… 9 months ago
Ellipse.js Added .jshintrc + big reformatting and code cleanup according to jshi… 9 months ago
Group.js Added .jshintrc + big reformatting and code cleanup according to jshi… 9 months ago
Gruntfile.js Tests: added Gruntfile and updated various config files to be able to… 8 months ago
Image.js Added .jshintrc + big reformatting and code cleanup according to jshi… 9 months ago
LICENSE fix copyright for 2014 11 months ago
Line.js Added .jshintrc + big reformatting and code cleanup according to jshi… 9 months ago
Moveable.js Replaced use of dojo/touch by ibm-js/dpointer + added functional test… 7 months ago
Mover.js Fixed line too long in Mover.js + removed console log in dojo/touch f… 7 months ago
Path.js Rename path.s to Path.js 8 months ago
Polyline.js Added .jshintrc + big reformatting and code cleanup according to jshi… 9 months ago
README.md Added Travis build status image. 8 months ago
Rect.js Added .jshintrc + big reformatting and code cleanup according to jshi… 9 months ago
Surface.js Added .jshintrc + big reformatting and code cleanup according to jshi… 9 months ago
Text.js Added .jshintrc + big reformatting and code cleanup according to jshi… 9 months ago
TextPath.js Added .jshintrc + big reformatting and code cleanup according to jshi… 9 months ago
_RendererChooser.js Added .jshintrc + big reformatting and code cleanup according to jshi… 9 months ago
_base.js Fix https://bugs.dojotoolkit.org/ticket/15561 : better regexp to pars… 6 months ago
_bidi.js Replaced use of dojox/string/BidiEngine by dbidi/string/TextLayoutEng… 8 months ago
arc.js Travis CI config + some jshint fixes 8 months ago
bezierutils.js Added .jshintrc + big reformatting and code cleanup according to jshi… 9 months ago
bower.json Prepare for 0.1.0-dev 4 months ago
canvas.js Added .jshintrc + big reformatting and code cleanup according to jshi… 9 months ago
canvasext.js Added .jshintrc + big reformatting and code cleanup according to jshi… 9 months ago
compat.js Added .jshintrc + big reformatting and code cleanup according to jshi… 9 months ago
decompose.js Travis CI config + some jshint fixes 8 months ago
fx.js Replaced use of dojox/string/BidiEngine by dbidi/string/TextLayoutEng… 8 months ago
gfx.js Removed dojo/has! plugin call in main gfx.js, the flag that it tests … 8 months ago
gradutils.js dojo/_base/Color -> dcolor/Color, dui/Stateful -> delite/Stateful, ot… 9 months ago
matrix.js Replaced use of dojox/string/BidiEngine by dbidi/string/TextLayoutEng… 8 months ago
move.js Added .jshintrc + big reformatting and code cleanup according to jshi… 9 months ago
package.json Move to intern 1.6. 7 months ago
registry.js Convert most tests to intern unit tests, add SauceLabs config files, … 8 months ago
shape.js Added .jshintrc + big reformatting and code cleanup according to jshi… 9 months ago
shapes.js Added .jshintrc + big reformatting and code cleanup according to jshi… 9 months ago
svg.js Added .jshintrc + big reformatting and code cleanup according to jshi… 9 months ago
utils.js Changed Travis CI setup to launch jshint and tests using grunt (for c… 6 months ago

GFX

This repository contains a prototype implementation of GFX based on Dojo 2.0.

GFX is a simple portable 2D JavaScript graphics library.

Note: This is work-in-progress and will be subject to many changes.

Credits

Eugene Lazutkin (eugene.lazutkin@gmail.com)
Kun Xi (bookstack@gmail.com)
Chris Mitchell (ccmitchellusa@gmail.com) HTML Canvas
Yang Li () SVGWeb integration
Patrick Ruzand (pruzand@gmail.com)

Licensing

This project is distributed by the Dojo Foundation and licensed under the “New” BSD License. All contributions require a Dojo Foundation CLA.

Current Status

See the project’s Wiki