Ask Satyam — and Be Eligible for a Free Copy of the New YUI 2.8 Book from Packt

July 29, 2010 at 8:03 am by Eric Miraglia | In Development | 28 Comments

Satyam (Daniel Barreiro) wrote last week about his experience writing YUI 2.8: Learning the Library, the new YUI 2 volume now available from Packt.

Packt has generously offered a few free electronic copies to YUIBlog readers. Suggest a question or tutorial you’d like to see from Satyam on a YUI 2.8-related topic as a comment on this post, and if Satyam picks your suggested topic for one of his three “Ask Satyam” blog posts Packt will make an electronic copy of Satyam’s book available for you to download.

Satyam will be posting answers to his three favorite questions here on the blog over the next month or so.

Share and extend: Bookmark with del.icio.us | digg it! | reddit!

28 Comments

It would be interesting a master/detail tutorial related with datatable module.

Comment by Alberto Santini — July 29, 2010 #
At the moment, I’m coding a fledgling project to the smartGWT framework. Why should I switch to YUI?

Comment by Michael Welter — July 29, 2010 #
As a long-time user of YUI, I’m still holding back from moving to YUI 3. My main hesitation is that it doesn’t yet fully support all of the features I use in YUI 2. I would be very interested to read a post talking about suggestions for developers on how and when to move forward with YUI 3, or if we should stick with YUI 2 for production web applications for awhile still.

Comment by Brad Harris — July 29, 2010 #
How about a tutorial on the differences between the YUI event handling interface and standard DOM event handling highlighting the advantages and efficiencies gained by using the YUI interface.

Comment by Jared — July 29, 2010 #
[...] for some other specifics, Eric Miraglia explained the situation on the Yahoo User Interface Blog. “Suggest a question or tutorial you’d like to see from Satyam on a YUI 2.8-related [...]

Pingback by News - YUI Book Giveaway Begins | DevWebPro — July 29, 2010 #
in line with Brad.. YUI 3 is quite different to YUI 2. If a YUI newbie :-) were to start with V2 (not at all unreasonable!) what style suggestions might be made to ease a future transition?

Comment by Martin P — July 29, 2010 #
Long time YUI2 user, new YUI 3 user. I would like to understand better how the new YUI.use callback is meant to be used on complex page with many collaborating parts. Is each widget meant to manage its own YUI object and within each widget how is the YUI object handled. Or would each document define one YUI object and all collaboration handled in a global ‘use’ callback? The examples used in the yahoo developers site are very simplistic.

Comment by skippy — July 29, 2010 #
Hi Satyam,

What are the big things you’ve learned from YUI 0.9 (or whenever your first forum post was!) to now? What has the library learnt, and what should we?

Matt

Comment by Matt Parker — July 29, 2010 #
My biggest challenge in using the YUI library is the structuring of my application, using both 2.x and 3.x.

There are sufficient examples provided, but each one has a “snippet” value.

Now, take an application for say an admin application for a CMS. You need to build an interface using menus, trees, dialogues, forms, tabs, etc.

At the same time, you need to present business objects like articles, categories, authors, using the components.

Perhaps it’s my lack of understanding of JavaScript, but how they fit together is not quite clear.

Previously, I used a singleton representing each of the business objects Author {…}(), Article {…}(), Category{…}(), within which I included code to render portions of the screen Author {. ShowGrid: function(){}..}(), which the application would call if a menu was selected (Author.ShowGrid() ).

Perhaps what is required is the creation of a demo app (like the old Mail app provided with the earlier YUI versions), and an explanation of application flow is achieved.

Comment by Prad — July 29, 2010 #
personalized homepages died. but still a lot of people likes to make their aggregated life streams into one web page for the world.

it would be great to see how to use yui+css instead of protopage.com or pageflakes.com for showing different rss feeds.

Comment by marcell mars — July 29, 2010 #
Marcell –

Check out

http://developer.yahoo.com/yui/3/examples/dd/portal-drag.html

(Click on “view in new window” to see the functioning example.)

-Eric

Comment by Eric Miraglia — July 29, 2010 #
Something in the order of, why do end users need YUI, or a piece on why for customers!

Comment by Vic — July 29, 2010 #
Aside from some real beginner tutorials that don’t assume you know much, it would be nice to have a tutorial on interfacing the YUI with Yahoo Widgets and what benefits YUI brings when writing them.

Comment by Dave — July 29, 2010 #
What i would love to see a way to use the DataSource, combined with client side storage (Storage Utility). So users only have to fetch the data once.

Comment by V1 — July 29, 2010 #
I am developing a website which has an equally strong use case for both desktop and mobile use – the user is likely to use it both on the move and at the workplace as well. What are the best practices of using YUI for such a website keeping in mind the following:

- The website does not look too different in desktop and mobile/smartphone mode so that the user experience is consistent
- Use of same codebase for both desktop and mobile modes; i.e not having 2 separate websites
- Optimisations that would help performance on the mobile device

Comment by Ram — July 30, 2010 #
Would like to some info on building rich UI for desktop apps with YUI for AIR/Titanium apps.

Comment by Pradeek — July 30, 2010 #
I haven’t yet looked at YQL in any depth, so a tutorial on how to surface YQL-generated data in a YUI DataTable would be great please!

Cheers,
Mike

Comment by Mike Hatfield — July 30, 2010 #
What is good practice for extending and/or using yui in another project?

Comment by Rod Norfor — July 30, 2010 #
I would enjoy seeing a tutorial on multiple tiers of his NestedDataTable. Say up to 20 tiers (I’d probably only use up to 4 or 5 in real life).

(see: http://www.satyam.com.ar/yui/2.8.0/nested1.html)

Comment by Bryan Kane — July 30, 2010 #
The YUI 2.8 Event Utility offers a very flexible and easy way to develop event-driven applications, (primarily) using the delegation method. This also leads to the effective break-down of a complex application into a more simplified one made up of various components.

This is indeed a great feature, but what more does event delegation give over simply using custom even handlers, which essentially can provide the same functionality?

Comment by Andreas — July 30, 2010 #
Bryan:

My example of NestedDataTable has now become obsolete since there is a better version for such two level nesting:

http://www.yuiblog.com/blog/2010/04/14/treeble-using-nested-yui-2-datasources-for-row-expansion/

You need version 2.8 of DataTable to make it work, because there was an issue with earlier versions which I patched with my NestedDataTable, but that is no longer needed.

Also, the Row Expansion example has been fixed from its first release:

http://developer.yahoo.com/yui/examples/datatable/dt_rowexp_basic.html

The rowExpansionTemplate configuration attribute can be set to a function which may create another DataTable and that one may contain further ones. While TreeBle is designed for two levels, you are in full control with rowExpansionTemplate.

Comment by Satyam — July 30, 2010 #
I’d like to see an a more in depth example of using the YUI loader for larger sets of non-YUI content thanYUI 2: YUI Loader Utility provides.

This would include a more complex set of custom modules and widgets and how to configure them for development/debug use as well as for build/deploy use where files might be combined. It would be from the perspective of starting with YUI, and adding all custom javascript into to mix.

Comment by Kevin Hakanson — July 30, 2010 #
How to write Yahoo Application Platform apps using YUI.

Comment by Alvin Wang — July 30, 2010 #
Sir,

I am struggling with datatable and its various client side sorting techniques. Still not able to sort a date field in chronological order, I have tried many of your suggested ways and also the tricks of other coders.

I would love to have an explanation on this topic.

Comment by Karan Chadha — July 31, 2010 #
Hi Satyam,
You have been an invaluable help to many developers using YUI, both those wholly new to yui and those trying to leverage new widgets.

First of all, Thank You!

Second, perhaps you could compile a top 10 do’s and don’ts as well as outline the methodology you apply when trying to debug when things don’t seem work as you would expect.

Best, Joe

Comment by JoeDev — July 31, 2010 #
How do you configure jslint, and how does your style/subset of the language differ from Crockford’s Good Parts?

Comment by Marco Mariani — August 3, 2010 #
Hi Satyam,

I would like to see some comparison with others frameworks. Currently I’m using GWT with EXT. We have plans for the next project to use YUI.

Thanks,
Patrick

Comment by Patrick Santana — August 4, 2010 #
Satyam has selected his questions for the Ask Satyam series: http://www.yuiblog.com/blog/2010/08/04/ask-satyam-upcoming-tutorials/ . Thanks to all who asked questions.

Comment by Eric Miraglia — August 4, 2010 #

Sorry, the comment form is closed at this time.

Yahoo! User Interface Blog (YUIBlog)