Embed Doc
Copy Link
Readcast
Collections

1
CommentGo Back

Interesting Web Development with the Yahoo! User Interface Library

Malak Mohammad al-mojalyInformation technology departmentKing Saud University

Abstract:

The libraries generally useful in human life, it's one of the most important sources to get information in various fields, also, in web there are special programming libraries for users .These programming libraries at web live for designers, programmers' sites and web developers become a catalyst in the design and programming positions , such as JavaScript library that includes many codes and classes that Help them to make designing and programming sites more easier and effective than programming without using these libraries .During my research I will sail in one of these libraries for JavaScript and CSS, It's called Yahoo! user interface (YUI) library which written to help people with a basic knowledge of JavaScript and web design principles to quickly get up to speed with the UI library developed by Yahoo .

Keywords:

JavaScript library, CSS components, Yahoo! user interface library.

Introduction: 1.

With the increasing popularity of the World Wide Web, scripting languages and other Dynamic languages arecurrently experiencing a renaissance. Whole new generations of programmers are growing up with languagessuch as JavaScript.So, I will discuss in this paper JavaScript library that contains several codes that Help programmers anddevelopers for preparation sites. Among most famous JavaScript libraries that I will discuss it is Yahoo userinterface library that's a great library containing the codes and classes for each JavaScript and CSSLanguages.Then the structure of the paper is as follows:section2 An overview of the JavaScript libraries, what's mean? And their importance in the lives of developersand designers of sites also Why Yahoo! User Interface Library is the best library? , section3 present themethodologies to explore the meaning of Yahoo! user interface library (YUI) and who can use this library also,what's the Library Topography? , section4 illustrate how to use Yahoo! user interface library (YUI), how to workwith it in your own web pages and What Else Does Yahoo! provide to its user?, section5 my experiment ofusing these libraries.

Background and related work:

Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided thatcopies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the firstpage. To copy otherwise, to republish, to post on servers or to redistribute to lists, requires prior specific permission.The First Mini-Conference in Web Technologies and Trends (WTT)

2009Information Technology Department, CCIS, King Saud University, Riyadh, Saudi Arabia1

Because these libraries are for designer and programmer sites so, an understanding of JavaScript, HTML,and CSS is assumed.

2.JavaScript library

2.1What JavaScript library mean

A JavaScript library is a library of pre-written JavaScript controls that's a collection of subroutines orclasses used to develop software. It contains code and data that provide services to independent programsAlso, it allows for easier development of JavaScript-based applications, especially for AJAX and other web-centric technologies. [2]

2.2 The JavaScript Data Components

(JSDC) are open source libraries (General Public License), made to give developers of dynamic webpages an easy and fast way of making their applications more powerful using datasets, master-detail relations,dataset-events, conditions and data-aware components. Implementing AJAX-technologies, it is able toconnect to servers and download data from them. [3]

2.3feature for using JavaScript library

There are many features for using JavaScript library some of these are:a) Make JavaScript bearable.b) Gets the job done fast.c) Simplifies cross-browser support.Using any JavaScript library can save you great amounts of time and frustration when coding by hand, andcan allow you to implement features that you may not have the knowledge or skill to make use of.Also, some JavaScript libraries allow for easier ties between JavaScript and other languages, such as CSS,PHP, and Java. This is to ensure that JavaScript applications will be able to run seamlessly with other, lower-level languages.

2.4Why Yahoo! User Interface Library the best library

"There are some libraries out there that have been developed which seek to alter the JavaScript languageitself, building capabilities into the language that the developers felt should already have been present andextending the language in new and interesting ways."[1]"While these libraries can provide additional functionality at a deeper and more integrated level, their use canoften be hampered by technical implementation difficulties that will be too difficult to overcome for all but themost advanced and seasoned developers."[1]The YUI is not like these; it is extremely well documented, stuffed full of examples, and is extremely easy touse. It doesn't get bogged down in trying to alter the JavaScript language at a fundamental level, YUI Library

2009Information Technology Department, CCIS, King Saud University, Riyadh, Saudi Arabia2

is compatible with and extended by many other frontend libraries and instead sits on top of it as acomplimentary extension.

3.Yahoo user interface library3.1overview of (YUI) library.

The Yahoo! User Interface (YUI) Library is a free collection of utilities and controls, written primarily inJavaScript for achieving dynamic, interesting and cross-platform web pages. It makes extensive use ofadvanced DOM scripting, DHTML and AJAX , this means it's uses a collection of technologies used togetherto create interactive and animated web sites by using a combination of a static markup language (such asHTML), a client-side scripting language (such as JavaScript), a presentation definition language (such asCSS), and the Document Object Model also, it's uses a group of interrelated web development techniquesused for creating interactive web applications or rich Internet applications , it has been produced by the expertdevelopers at Yahoo! to make your life easier as a web developer or front-end user interface designer.[4]It consists of a series of JavaScript and CSS components that can be used to quickly and easily build the richand highly interactive applications that today's web consumer expects and demands."The YUI wraps both sets of code up into one object that can be used programmatically with one constructor,so instead of dealing with different sets of code for different browsers, you deal with the library and it makesthe different calls depending on the browser in use." [1]"Another important aspect of the library that I should mention at this point is its respect for the GlobalNamespace. All objects created by the library and its entire code run within, and can only be accessedthrough, the YAHOO Global Namespace object.This means that the entire library, including every utility and every control, and its numerous classes, create just one namespace object within the Global Namespace.The Global Namespace is the global collection of JavaScript object names, and it is very easy to litter it withpotentially conflicting objects, which can become a problem when code is shared between applications. Yahoominimizes its impact on the Global Namespace and so shall we; all of the code that we'll write throughout thecourse of this book will reside within its own namespace object." [1]

3.2Who use this library?

"The YUI is aimed at and can be used by just about anyone and everyone, from single-site hobbyists tocreators of the biggest and best web applications around. Developers of any caliber can use as much or aslittle of it as they like to improve their site and to help with debugging."[1]

3.3 Sites powered by YUI library

YUI has been integrated into practically all of Yahoo's properties, including the Yahoo! home page, Yahoo!Mail, and Flicker, many companies like LinkedIn, Mint, target, SugarCRM, wikia and PowerReviews who haveadopted YUI as their front end platform.

3.4 The Library Topography

2009Information Technology Department, CCIS, King Saud University, Riyadh, Saudi Arabia3