April 26th, 2011 – by Torrey Rice
Our ongoing series of Dojo tutorials continues with Dojo Object Store.
Dojo Stores: A new API to help manage data
Separation of concerns is a fundamental aspect of good programming, and essential categorization in web applications is separation of data modeling from the user interface. The Dojo object store architecture establishes a consistent interface for data interaction inspired by the HTML5 object store API.
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.
Posted in JavaScript, News, Tutorials | No Comments
April 20th, 2011 – by Torrey Rice
Continuing our series of Dojo mobile tutorials, we wrap up our work on the TweetView app.
TweetView: Android, Packaging, and Review
In the previous two posts, Getting Started with TweetView: Tweets and Mentions and TweetView: Creating the Settings View, we created the HTML, CSS, and JavaScript code required to power the TweetView mobile application. This tutorial will focus on implementing an Android theme, leveraging the Dojo build system to keep the application compact for production, and a basic review of the entire dojox.mobile-powered application. Want to read 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.
Posted in Dojo, JavaScript, Tutorials, mobile | No Comments
April 13th, 2011 – by Torrey Rice
Next in our ongoing series of Dojo mobile tutorials, we create the Settings View of our TweetView app.
TweetView: Creating the Settings View
In the previous post, Getting Started with TweetView: Tweets and Mentions, we solidified our mobile application’s file structure, reviewed TweetView’s goals, and created the Tweets and Mentions views by coding tweetview._ViewMixin andtweetview.TweetView. This tutorial will focus specifically on the “Settings” view of our application: dependencies for the class, how the Settings view ties into the Tweet and Mention views, and coding the Settings view itself. Want to read 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.
Posted in Dojo, JavaScript, News, Tutorials | No Comments
April 12th, 2011 – by Torrey Rice
Next in our ongoing series of Dojo Tutorials, we’ll tell you about Layout with Dijit.
Bring your layouts to life
Creating dynamic and interactive layouts is a challenge common to any graphical user interface. We have a lot of ability to create layout with HTML and CSS. Where CSS leaves off, Dojo picks up with a set of extensible widgets as a part of Dijit – Dojo’s UI framework. In this tutorial, we’ll explain how Dijit addresses common layout needs and see how easy it can be to create even complex layouts with just a few flexible widgets.
Check it out!
Sound interesting? 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.
Posted in HTML5, JavaScript, News, Tutorials, ajax | No Comments
April 7th, 2011 – by Torrey Rice
Today we continue our series of Dojo tutorials with Dialogs & ToolTips.
Here’s a tip!
User interaction is extremely important in building responsive, interactive web applications. Web browsers provide basic methods for user interaction in the form of alerts and dialogs but this functionality is not elegant or flexible. Dijit, the Dojo Toolkit’s UI framework, provides cross-browser, extendable, and themeable answers to what the browser’s basic functionality lacks, in the form of dijit.ToolTip, dijit.Dialog, and dijit.ToolTipDialog. In this tutorial, you’ll learn about each of these widgets, uses of each, and the ins and outs of creating them.
Check it out!
Sound interesting? 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.
Posted in Dojo, JavaScript, News, Tutorials | No Comments
April 6th, 2011 – by Torrey Rice
This week in our series of Dojo mobile tutorials, we continue building our TweetView app.
Getting Started with TweetView: Tweets and Mentions
In the previous post, Introduction to TweetView, we introduced the mobile application we will be building with dojox.mobile: TweetView. We built the general layout template for our application and now it’s time to make TweetView work. This tutorial will focus specifically on the “Tweets” and “Mentions” views of our application. Before we begin coding our application, let’s set up our application file structure and review a few mobile app development concepts. Sound interesting? 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.
Posted in Dojo, News, Tutorials, mobile | No Comments
April 6th, 2011 – by Torrey Rice
Our ongoing series of Dojo tutorials continues with Dijit Editor.
Incredible editing!
Dijit’s Editor widget is everything a developer looks for in aWYSIWYG editor: flexible, themeable, and above all, functional. In this tutorial, you’ll learn how to easily implement dijit.Editor (programatically and declaratively), customize its toolbars, and include Editor plugins from DojoX.
Check it out!
Ready 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.
Posted in Dojo, JavaScript, News, Tutorials | No Comments
March 31st, 2011 – by kjames
Next in our ongoing series of Dojo tutorials, learn what’s available Beyond Dojo’s Core.
More than just DOM and Ajax
One of the things that differentiates Dojo from many other JavaScript libraries is its scope. While you can simply use dojo.js with all its language helpers, DOM, Ajax, effects and other common functionality, the toolkit provides much, much more. In this tutorial, we’ll go on a quick tour of the Dojo Toolkit, to introduce some of the other components that are shipped with each release.
Check it out!
Ready 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.
Posted in Dojo, JavaScript, News, Tutorials | No Comments
March 30th, 2011 – by Torrey Rice
Take Dojo Everywhere
Dojo 1.5 had initial support for creating mobile web apps and that work continued into Dojo 1.6. While you’ve been able to view the developer tests if you knew where to look, how to actually build an app with Dojo Mobile has been a trial and error process until now.
Getting Started with dojox.mobile
Before you can begin writing an app with Dojo Mobile you need to understand what Dojo Mobile is all about and how it works. Dojo Mobile is a framework of controllers, CSS3-based themes, and device-like widgets that will allow you to effortlessly create intelligent, flexible, and cross-device-compatible mobile web applications. Our first Dojo Mobile tutorial goes into detail on getting started with Dojo Mobile.
Creating an App: Introduction to TweetView
In the multi-part TweetView series, we’ll embark on creating our own fully functional dojox.mobile web application called TweetView. This tutorial will focus on familiarizing you with what TweetView is, what we want it to do, and we’ll get started on building the mobile application’s HTML and CSS layout. Sound interesting? 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.
Posted in JavaScript, News, Tutorials, mobile | No Comments
March 29th, 2011 – by Torrey Rice
Our ongoing series of Dojo tutorials continues with Animations.
More than just simple fades
In previous tutorials we’ve shown how to create simple fades using dojo.fadeIn and dojo.fadeOut, but there’s a lot more we can do that just animate the opacity of an element. With Dojo you can actually animate just about every CSS property of an element. In this tutorial we’ll show you how to animate various properties, as well as add easing for a more natural motion. We will also demonstrate how dojo.fx.chain and dojo.fx.combine work with these more generalized animations, making for some really slick looking animations.
Check it out!
Sound interesting? 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.
Posted in Dojo, News, Tutorials, docs | No Comments
