Git-Linked Packages for NPM/Node

This entry is part 2 of 4 in the series Dojo Foundation Packages

The new Dojo Foundation Package repository is an easy and powerful new way to host Node packages for installation with NPM. This new repository allows you to directly link packages to git repositories and it works with NPM without changes. Developing a Node package couldn’t be easier. Simply submit your package URL to the repository, and instantly it will be available for installation for NPM! Not only that, but you never have to resubmit version updates. Since the package repository is linked to git, any new version tags that you create on your github package repository will automatically be reflected as a new package version available for NPM installation. NPM does not need to be reconfigured at all, just run install like you would with any other package:

npm install my-new-package

When you have updates for your package that you want to designate as a new version, simply tag it in Git. And that’s it! Next time your package is installed or upgraded the newest version will be there.

Continue reading

Dojo Foundation Packages

This entry is part 1 of 4 in the series Dojo Foundation Packages

The Dojo Foundation was founded for the purpose of facilitating an active and open community of web technology, making high-quality code accessible to developers without constraint. The Dojo community has a history of commitment to the open web, with active involvement in many standards bodies and interoperability efforts, dedication to standards based approaches with the move to the AMD format and promises implementation, HTML5-based store API, data attributes, to-the-letter HTTP REST implementation, and more. The Dojo Foundation is working to further advance the open web with the introduction of a JavaScript package repository.

Continue reading

Custom Theme Creation and LESS CSS

As a part of our Free Dojo Support initiative, we received the following questions with regard to custom theme creation and using LESS CSS to create and compile CSS files.

The Question

I have a few questions related to the creation of custom themes; best practices, organisation etc., especially considering the switch to LESS for the Dijit core themes.

We have a Dijit-heavy application, styled using a custom theme based on Tundra. The theme has accumulated lots of cruft over the last few years, for various reasons, so I intend to refactor it over the next month and am keen we don’t make the same mistakes as before.

So my questions are:

  1. For the current theme, we add the ordered classes “tundra custom-theme-name” to the <BODY> tag and our theme overrides the default values. Does this technique hold for the more recent version of Dojo? Is there a more efficient way then loading the base theme and then loading the custom theme, in the same page (aside from manually writing the CSS rules)?
  2. Am I right in thinking that Claro, being defined as a set of LESS rules, can be loaded on the fly if the LESS JavaScript is in the page, or compiled into a theme (via Node.js, I think) for the production environment? Would you advise us to split dev/prod up in this manner (being impractical to build the theme for every change in a dev environment)?
  3. We’re working in a Windows-only environment, and I understand that Node is still fiddly to setup under Windows. Do you suppose this would be an issue?

Continue reading

Using dojo.store.JsonRest with a DojoX DataGrid

As a part of our Free Dojo Support initiative, we received the following request for a CRUD example using dojo.store.JsonRest with a Dojo grid

The Question

“Dojo 1.6 supposedly has a new data access scheme, but I’m finding it unusable because I can’t find any complete working examples for something as basic as Create, Read, Update, Delete when using a Dojo grid ultimately populated from a dojo.store.JsonRest store. I’ve created my JsonRest servlet, but the Dojo data grids only seem to have the necessary behavior for handling the R part of CRUD. I cannot find a complete CRUD working example of using dojo.store.JsonRest with a dojo grid.

Continue reading

Mad Dojo Skillz (Need we say more?)

Mad Dojo Skillz
Denver, CO – Aug 1-2, 2011
$1599

Mad Dojo Skillz is our black diamond workshop taking the expert scripter through the expert techniques needed when tackling the unique problems web applications can throw and how to utilize Dojo to make applications usable, reliable and scalable. Two full days of intense instruction that emphasizes customization, scratch building, troubleshooting and optimization with Dojo-based rich Internet applications.

In this workshop you will learn:

  • Advanced JavaScript and functional programming constructs
  • Extending Dijit and creating custom widgets from scratch
  • Application UI best practices
  • Ajax transport and data format alternatives
  • How to create a custom object store with Dojo and how to optimize Dojo for very large data sets
  • Comet and Dojo
  • Testing with Dojo
  • Optimizing performance

This workshop is NOT for the faint of heart!

Prerequisites:

  • A solid understanding of HTML, including the basics of the DOM
  • An understanding of CSS, including simple CSS selectors
  • A solid understanding of JavaScript, including an understanding of object-oriented programming principles
  • Experience using Dojo to build simple applications
  • Experience with the “Application Development with Dojo” class is a plus

The following JavaScript concepts are a plus:

  • A cursory understanding of how scope works in JavaScript
  • What it means to create a closure
  • What it means to be a first-class function

Outline:

  • Dojo Testing in Depth
  • Techniques for Optimizing Performance
  • Configuring Dojo for Debugging
  • REST
  • I/O Transport Options

  • Comet Overview
  • dojox.Socket

  • Persevere

  • Node.js

  • CommonJS
  • Object Oriented JavaScript
  • Dojo Testing in Depth
  • Techniques for Optimizing Performance
  • Configuring Dojo for Debugging
  • REST
  • I/O Transport Options

  • Comet Overview
  • dojox.Socket

  • Persevere

  • Node.js

  • CommonJS
  • Object Oriented JavaScript


REGISTER TODAY!

Hey Iowa! jUMP into Dojo!

jUMP into Dojo
Des Moines, IA – Aug 5, 2011
$599

jUMP into Dojo gives you a rapid introduction to the capabilities of Dojo as well as the experience in applying them to solve real-world problems.

In this workshop you will learn:

  • What to expect when developing Ajax and Dojo-based web applications
  • Essential JavaScript features and techniques for rich web application development
  • DOM, Ajax, & Animations made easy with the Dojo core APIs
  • Packaging your Dojo application
  • Dijit and DojoX; An overview of the Dojo Widget System

This workshop is THE best starting point for any developer wanting to learn about Dojo.

Prerequisites:

  • Experience with HTML, including a basic understanding of standard markup commonly used (divs, anchors, lists, etc.)
  • Experience with CSS on a basic level, including understanding of simple CSS selectors
  • Experience with JavaScript on a basic level
  • A basic understanding of the DOM is a plus
  • Familiarity with functional programming constructs or object-oriented programming is a plus
  • Familiarity with Dojo is a plus

Outline:

  • Introduction to Dojo
  • Events with Dojo
  • Introduction to Dijit
  • Dojo’s DOM APIs
  • Dojo’s AJAX APIs and JSON
  • Effects with Dojo
  • Packaging
  • DojoX Tour


REGISTER TODAY!

Dojo Tutorial: Introduction to the DataGrid


Next in our series of Dojo Tutorials, we have the first of three tutorials on the DataGrid!

You asked. We listened. Let’s talk about the DataGrid.

The DataGrid is the central component of many applications due to its effective and usable presentation of tabular data. In this tutorial we will look at how to define a grid’s layout and discuss the scrolling mechanism the DataGrid uses.

Check it out!

Want to learn more? Check out the tutorial.

Want to see a specific Tutorial? Want to Learn More?

Is there something you’d like to learn how to do with Dojo? Always wanted to know how something in Dojo works? Leave us a message in the blog comments and we’ll see about getting a tutorial created for you. Or sign-up for an upcoming SitePen Dojo Workshop to get a fully immersive hands-on experience with Dojo.