EddyTools : Cutting edge Web Development

Hello Friends ,

This article will provide you basic information about AJAX Technology.

———————————————————————————————

—-> AJAX TECHNOLOGY —<

Ajax (sometimes called Asynchronous JavaScript and XML) is a way of programming for the Web that gets rid of the hourglass. Data, content, and design are merged together into a seamless whole. When your customer clicks on something on an Ajax driven application, there is very little lag time. The page simply displays what they’re asking for. Try out Google Maps for a few seconds. Scroll around and watch as the map updates almost before your eyes. There is very little lag and you don’t have to wait for pages to refresh or reload.

What is Ajax?

Ajax is a way of developing Web applications that combines:

• XHTML and CSS standards based presentation
• Interaction with the page through the DOM
• Data interchange with XML and XSLT
• Asynchronous data retrieval with XMLHttpRequest
• JavaScript to tie it all together

In the traditional Web application, the interaction between the customer and the server goes like this:

1. Customer accesses Web application

2. Server processes request and sends data to the browser while the customer waits

3. Customer clicks on a link or interacts with the application

4. Server processes request and sends data back to the browser while the customer waits

There is a lot of customer waiting.

Ajax Acts as an Intermediary

The Ajax engine works within the Web browser (through JavaScript and the DOM) to render the Web application and handle any requests that the customer might have of the Web server. The beauty of it is that because the Ajax engine is handling the requests, it can hold most information in the engine itself, while allowing the interaction with the application and the customer to happen asynchronously and independently of any interaction with the server.

Asynchronous

This is the key. In standard Web applications, the interaction between the customer and the server is synchronous. This means that one has to happen after the other. If a customer clicks a link, the request is sent to the server, which then sends the results back.

With Ajax, the JavaScript that is loaded when the page loads handles most of the basic tasks such as data validation and manipulation, as well as display rendering the Ajax engine handles without a trip to the server. At the same time that it is making display changes for the customer, it is sending data back and forth to the server. But the data transfer is not dependent upon actions of the customer.

!!Hello Friends!!     This article will provide you basic information about various areas of development with technology point of view. I hope this article will provide help you to have a basic idea about the various key areas and latest technologies used for corresponding web development.

 Web development is a broad term for any activity related to developing a web site for the World Wide Web or an intranet. This can include e-commerce business development, web design, web content development, client-side/server-side scripting, and web server configuration.  Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, or social network services.

 —->  Web Developmet can be is widely used in both commercial and Technical areas such as

• Technology
• E-Commerce
  
• Multimedia
• Marketing/Communication
• Education 
• Health
• Financial
• Bio-Technology
• Retail                          etc…

—> Web Development can be split into many areas but the most important part is the type of technologies used for web development for various areas.  Typical and basic web development hierarchy might consist of technical areas given below

                              —>Client Side Coding—<

This is code/routines that are not processed at all by the server. Code is written in scripts (Html,Javascript usually) – plain text commands that instruct the client to do something. Generally used for performing dynamic effects, such as image rollovers, or displaying message boxes, or even validation of data entered into a form (i.e. email address is in the format of an email address … contains the @ symbol). Some of the Client side development technologies are give below

• CSS (cascading style sheets)
• XHTML (in accordance to modern web design standards, XHTML’s use is replacing the older HTML4. This may change when HTML 5 is adopted by the browser development community.)
• Javascript
• AJAX (New methods of using Javascript, PHP and other languages to improve the user experience)
• Flash (Adobe Flash Player is a ubiquitous client-side platform ready for RIAs. Flex 2 is also deployed to the Flash Player (version 9+)).

————————————————————————————————————

                              —>Server Side Coding<—

This is code/routines that are  processed  by the server t.e the code is executed by the server and the changes are sent to the web browser. Code is written in scripts (PHP,Perl usually). Some of the server side development technologies are give below

• PHP   (open source)
• ASP    (Microsoft proprietary)
• .NET   (Microsoft proprietary)
• CGI and/or Perl (open source)
• Java, e.g. J2EE or WebObjects  etc.

                        —> Database Technology<—

Database is one of the most critical areas for web development. Some of the most popular database servers and Technologies  are given below   which are widely used for web development.

• MySQL
• SQLite
• Microsoft SQL Server
• Firebird
• Apache Derby
• Oracle

————————————————————————————————————

                                —-> LAMP   (Linix, Apache, MySql, PHP)<—

LAMP servers are the most popular setup used by the web development community for web development.

LAMP is an open source web application and development platform, mostly free for developing and deploying simple or complex database driven website on the server.  LAMP is the platform of choice for the rapid development in the global competitive market for deploying low-cost, reliable, scalable, secure web applications for small to large scale websites and web applications

LAMP is widely used by used by some of the fastest growing development firms like Eddytools (www.eddytools.org) .

All the above key technical areas and technologies which are widely used for website development hierarchy and can be extended to include all client side and server side aspects. It is still important to remember that web development is generally split up into client side coding covering aspects such as the layout and design, then server side coding, which covers the website’s functionality and back end systems .

—————————————————————————————————————————–

I hope this article helped you  to have a basic idea about the various key areas and latest technologies used for corresponding web development.

!! Have a nice day !!

Hello friend,  This tutorial will help you to have a brief idea about web development languages  like XHTML/HTML, CSS, JavaScript and RDBMS.   we will start with HTML      !!Have a Nice Time!!

——————————————————————————————–

                   —>  Introduction to HTML<—

HTML stands for Hyper Text Markup Language. HTML is an application of Standard Generalized Markup Language (SGML)

It provides a means to describe the structure of text-based information in a document — by denoting certain text as links, headings, paragraphs, lists, and so on — and to supplement that text with interactive forms, embedded images, and other objects. HTML is written in the form of tags, surrounded by angle brackets( <,> ). HTML can also describe, to some degree, the appearance and semantics of a document, and can include embedded scripting language code (such as JavaScript) which can affect the behavior of Web browsers and other HTML processors. Some of the basic information about HTML is given below.

• HTML stands for Hyper Text Markup Language
• An HTML file is a text file containing small markup tags
• The markup tags tell the Web browser how to display the page
• An HTML file must have an htm or html file extension
• An HTML file can be created using a simple text editor like Notepad in windows

Type in the following text:

<html>

<head><title>Title of page</title>

 </head>

<body>

This is my first homepage. <b>This text is bold</b></body>

</html>

Save the file as “myfirstpage.htm”.

Start your Internet browser(I.E,Mozilla,Apache etc). Select “Open” (or “Open Page”) in the File menu of your browser. A dialog box will appear. Select “Browse” (or “Choose File”) and locate the HTML file you just created – “mypage.htm” – select it and click “Open”. Now you should see an address in the dialog box, for example “C:\MyDocuments\myfirstpage.htm”. Click OK, and the browser will display the page.

For complete tutorial go to :  http://www.w3schools.com/html/html_intro.asp

  —————————————————————————————–                         

                        —>  Introduction to XHTML <—

                                                                                                                                                                                                                                                                                                  The Extensible Hypertext Markup Language, or XHTML, is a markup language that has the same depth of expression as HTML, but also conforms to XML syntax.

While HTML is an application of Standard Generalized Markup Language (SGML), a very flexible markup language, XHTML is an application of XML, a more restrictive subset of SGML. Because they need to be well-formed, true XHTML documents allow for automated processing to be performed using standard XML tools—unlike HTML, which requires a relatively complex, lenient, and generally custom parser. XHTML can be thought of as the intersection of HTML and XML in many respects, since it is a reformulation of HTML in XML. XHTML 1.0 became a World Wide Web Consortium (W3C) Recommendation on January 26, 2000. XHTML 1.1 became a W3C Recommendation on May 31, 2001. Some of the basic information about XHTML is given below.

• XHTML stands for EXtensible HyperText Markup Language
• XHTML is almost identical to HTML 4.01
• XHTML is a stricter and cleaner version of HTML
• XHTML is HTML defined as an XML application
• XHTML is a W3C Recommendation.

For complete tutorial go to :  http://www.w3schools.com/xhtml/xhtml_intro.asp

——————————————————————————————-                     

                       —>  Introduction to CSS <—

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTM. CSS can be used locally by the readers of web pages to define colors, fonts, layout, and other aspects of document presentation. Style sheets allow style information to be specified in many ways. Styles can be specified inside a single HTML element, inside the <head> element of an HTML page, or in an external CSS file. Even multiple external style sheets can be referenced inside a single HTML document.  Some of the basic information about CSS is given below.

• CSS stands for Cascading Style Sheets.
• Styles define how to display HTML elements.
• Styles are normally stored in Style Sheets.
• Styles were added to HTML 4.0 to solve a problem.
• External Style Sheets can save you a lot of work.
• External Style Sheets are stored in CSS files.
• Multiple style definitions will cascade into one.

For complete tutorial go to : http://www.w3schools.com/css/css_intro.asp

——————————————————————————————

                          
                           —>  Introduction to JavaScript<—

JavaScript is a scripting language widely used for client-side web development.                 It is a dynamic, weakly typed, prototype-based language with first-class functions. JavaScript was influenced by many languages and was designed to look like Java, but be easier for non-programmers to work with. JavaScript is used in millions of Web pages to improve the design, validate forms, detect browsers, create cookies, and much more. JavaScript is the most popular scripting language on the internet, and works in all major browsers, such as Internet Explorer, Firefox, and Opera.  Some of the basic information about XHTML is given below.

• JavaScript was designed to add interactivity to HTML pages
• JavaScript is a scripting language
• A scripting language is a lightweight programming language
• JavaScript is usually embedded directly into HTML pages
• JavaScript is an interpreted language (means that scripts execute without preliminary compilation)
• Everyone can use JavaScript without purchasing a license.

For complete tutorial go to :  http://www.w3schools.com/js/js_intro.asp

——————————————————————————————-

                       —>  Introduction to RDBMS (SQL)<—

A Relational database management system (RDBMS) is a database management system (DBMS) that is based on the relational model as introduced by E. F. Codd. Most popular commercial and open source databases currently in use are based on the relational model. RDBMS is the basis for SQL, and for all modern database systems like MS SQL Server, IBM DB2, Oracle, MySQL, and Microsoft Access. The data in RDBMS is stored in database objects called tables. A table is a collections of related data entries and it consists of columns and rows.

A short definition of an RDBMS may be a DBMS in which data is stored in the form of tables and the relationship among the data is also stored in the form of tables.

SQL (Strutured Query Language) is a database(RDBMS)  computer language designed for the retrieval and management of data in relational database management systems (RDBMS), database schema creation and modification, and database object access control management. SQL is a standard interactive and programming language for querying and modifying data and managing databases. The core of SQL is formed by a command language that allows the retrieval, insertion, updating, and deletion of data, and performing management and administrative functions.

SQL can be divided into two parts: The Data Manipulation Language (DML) and the Data Definition Language (DDL).

The query and update commands form the DML part of SQL:

• SELECT – extracts data from a database
• UPDATE – updates data in a database
• DELETE – deletes data from a database
• INSERT INTO – inserts new data into a database

The DDL part of SQL permits database tables to be created or deleted. It also define indexes (keys), specify links between tables, and impose constraints between tables. The most important DDL statements in SQL are:

• CREATE DATABASE - creates a new database
• ALTER DATABASE – modifies a database
• CREATE TABLE – creates a new table
• ALTER TABLE - modifies a table
• DROP TABLE – deletes a table
• CREATE INDEX – creates an index (search key)
• DROP INDEX - deletes an index

For complete tutorial go to : http://w3schools.com/sql/default.asp

——————————————————————————————–

Well Friends I hope You have gained basic knowledge about  XHTML/HTML, CSS, JavaScript and RDBMS after reading this article.

!@!    HAVE A  NICE DAY  !@!