Beginning JavaScript and CSS Development with jQuery (Wrox by Richard York

By Richard York

The jQuery JavaScript framework is a emerging superstar on the earth of internet improvement. JavaScript frameworks in most cases have grown to turn into immensely renowned long ago few years in parallel with the ever-increasing presence of JavaScript-driven, so-called net 2.0 web pages that make heavy use of applied sciences like AJAX and JavaScript generally for slick graphical improvements that may be most unlikely or even more bulky to include with out JavaScript.

jQuery’s undertaking as a JavaScript library is easy — it strives to make the lives of internet builders more uncomplicated via patching over sure parts of cross-browser improvement and via making different initiatives usually wanted by way of builders a lot more straightforward. jQuery has the genuine, confirmed skill to minimize many strains of plain-vanilla JavaScript to simply a couple of strains, and, in lots of situations, only a unmarried line. jQuery strives to take away boundaries to JavaScript improvement by means of removal redundancy anywhere attainable and normalizing cross-browser JavaScript improvement in key parts the place browsers may another way vary, akin to Microsoft’s occasion API and the W3C occasion API, and different, extra remedial projects like getting the mouse cursor’s place while an occasion has taken place.

jQuery is a compact, light-weight library that at the moment works in Microsoft’s web Explorer browser from model 6 on, Firefox from model 1.5 on, Safari from model 2.0.2 on, Opera from model nine on, and Google’s new Chrome browser from model 0.2 on. Getting begun with jQuery is really easy — all you need to do is contain a unmarried hyperlink of markup on your HTML or XHTML records that incorporates the library. all through this e-book, I show jQuery’s API (Application Programming Interface) elements intimately and convey you ways the entire nuts and bolts of this framework come jointly to assist you to quickly strengthen client-side applications.

I additionally hide the jQuery UI library, which makes redundant user-interface (UI) projects at the purchaser aspect ridiculously effortless and available to daily net builders who would possibly not have a lot JavaScript programming services. have you puzzled how web content make digital pop-up home windows utilizing JavaScript, HTML, and CSS? The jQuery UI library presents the facility to create those pop-up home windows and comprises the facility to animate transitions like fading the window off and on, or having it re-size from very small to complete sized. The jQuery UI library promises the facility to exploit animations and transitions utilizing JavaScript, markup, and CSS that you could be have proposal formerly may well merely were performed with Adobe’s Flash player.

What This publication Covers

This e-book covers the jQuery JavaScript framework and the jQuery UI JavaScript framework and demonstrates in nice aspect the best way to use the jQuery framework to get extra effects extra fast out of JavaScript programming. I hide each one approach uncovered by way of jQuery’s API, which includes how you can make universal, redundant projects pass even more fast in much less code. a few examples are tools that assist you to choose parts from a markup record throughout the DOM and strategies that assist you to traverse via these choices and filter out them utilizing jQuery’s fine-grained controls. This makes operating with the DOM more straightforward and extra easy. I additionally hide how jQuery gets rid of yes cross-browser, cross-platform improvement complications just like the occasion version; not just does it cast off those complications, however it additionally makes it more straightforward to paintings with occasions by means of decreasing the quantity of code you need to write to connect occasions. It even grants the power to simulate events.

Later within the ebook, I disguise how one can leverage the jQuery UI library to make graphically pushed UI widgets. jQuery can provide the power to wreck content material up between a number of tabs within the comparable web page. you could have the power to customise the appear and feel of the tabs, or even to create a refined appear and feel via delivering various results that are available in for those who mouse over tabs and click them. The jQuery UI library additionally makes it effortless to create accordion sidebars, just like the one on Apple’s Mac web site. those sidebars have or extra panels, and if you mouse over an merchandise, one pane transitions to a different through a gentle, seamless animation in which the previous pane collapses and the continuing pane expands.

The jQuery UI library additionally grants the power to make any aspect draggable with the mouse; by means of clicking and conserving and relocating the mouse, you could stream parts round on a web page. It additionally makes it so easy to create drag-and-drop person interfaces. this is used to make a shedding sector the place you're taking parts from different components of the web page and drop them in one other, as you are going to on your working system’s dossier supervisor for those who are looking to stream a folder from one position to a different. you may make lists which are sortable through drag-and-drop, rearranging components in keeping with the place you drop them. it's also possible to have a consumer interface the place you drag the mouse cursor to select, as you will on your working system’s dossier supervisor should you are looking to pick out multiple dossier. Then jQuery UI additionally exposes the power to re-size parts on a web page utilizing the mouse. All of these neat issues that you should do in your computer’s computer, you may also do in an internet browser with jQuery UI.

jQuery UI additionally presents a widget for coming into a date right into a box utilizing a pleasant, obtainable JavaScript-driven calendar that pops up if you click an enter field.

You may also make customized pop-up dialogues which are like digital pop-up home windows, other than they don’t open a separate browser window — they arrive up utilizing markup, CSS, and JavaScript.

Another widget that jQuery UI presents is a graphical slider bar, just like your media player’s quantity control.

As jQuery has performed for JavaScript programming generally, jQuery UI strives to do for redundant graphical person interface (GUI) initiatives. jQuery UI delivers the power to make specialist user-interface widgets with less improvement effort.

This booklet is for somebody attracted to doing extra with much less code! you will have a simple knowing of JavaScript. I evaluation a few easy JavaScript programming techniques, reminiscent of the development API, yet i don't cross into nice aspect in regards to the JavaScript language itself. You’ll are looking to have at the very least a easy seize of the record item version, or DOM, and easy JavaScript programming syntax. also, you’ll want to know your approach round CSS and HTML, considering wisdom of these applied sciences is usually assumed. an entire newbie could possibly grab what's happening within the examples during this booklet yet would possibly not comprehend definite terminology and programming suggestions that might be provided in a beginner’s JavaScript consultant, so while you're a newbie and demand with urgent ahead, i like to recommend doing so with a starting JavaScript publication to be had besides. particularly, i like to recommend the subsequent Wrox books for extra aid with the basics:
* starting internet Programming with HTML, XHTML, and CSS, second ed. (2008), via Jon Duckett
* starting CSS: Cascading variety Sheets for website design, 2d ed. (2007), additionally written via yours truly.
* starting JavaScript, third ed. (2007), via Paul Wilton and Jeremy McPeak

For additional wisdom of JavaScript above and past what's lined during this e-book, i like to recommend specialist JavaScript for net builders, 2d ed. (2009), through Nicholas C. Zakas.

Show description

Read or Download Beginning JavaScript and CSS Development with jQuery (Wrox Programmer to Programmer) PDF

Similar javascript books

Building Single-page Web Apps with Meteor

Approximately This Book

Create a whole internet weblog from frontend to backend that makes use of merely JavaScript
Understand how internet 2. zero is made by means of robust browser-based applications
Step-by-step instructional that may convey you the way speedy, advanced net purposes might be built
Who This e-book Is For

If you're a internet developer with uncomplicated wisdom of JavaScript and need to tackle net 2. zero, construct real-time purposes, or just are looking to write a whole software utilizing in basic terms JavaScript and HTML/CSS, this can be the ebook for you.

This publication is predicated on Meteor 1. zero.

JavaScript (5th Edition) (The Web Technologies Series)

Now in its 5th version, JAVASCRIPT courses starting programmers via net program improvement utilizing the JavaScript programming language. As with earlier versions of this ebook, Don Gosselin introduces key internet authoring recommendations with a robust concentrate on program. A real-world venture, just like what scholars could come upon in a qualified atmosphere, is built all through each one bankruptcy.

JavaScript & jQuery: The Missing Manual, 2nd Edition

JavaScript enables you to supercharge your HTML with animation, interactivity, and visible effects-but many internet designers locate the language difficult to profit. This jargon-free consultant covers JavaScript fundamentals and indicates you ways to avoid wasting effort and time with the jQuery library of prewritten JavaScript code. you will soon be construction web content that suppose and act like computing device courses, with no need to do a lot programming.

Javascript Unlocked

Increase your code maintainability, functionality, and safeguard via useful professional insights and free up the total strength of JavaScriptAbout This BookImprove your JavaScript code for larger maintainability and performanceDiscover how one can enforce scalable program structure with JavaScriptLearn to exploit JavaScript at the back of the browser, together with its command-line instruments, machine apps, and local cellular appsWho This booklet Is ForJavaScript Unlocked is for these JS builders who are looking to see simply how a long way they could push their favorite language via functional perception and strategies.

Extra info for Beginning JavaScript and CSS Development with jQuery (Wrox Programmer to Programmer)

Example text

Account for the official standards and the de facto standards. ) ❑❑ The world is always changing — what’s most popular today may not remain the most popular in the months and years to come. ❑❑ It may be time to turn to a framework for some compatibility bridging. Anyone remember a little company called Netscape? At one time, Netscape was the dominant, de facto standard. 6 percent of world market share, and Microsoft’s IE is dominant. At its most popular, IE held more than 90 percent of the market.

With an event attached to the ready event, you’re ready to do something with the document. In this case, once the document is loaded, jQuery selects the

element and gives it the class name tmpFramework​Loaded. ” The addition of the class name results in the

element having green text with a green border around the element. The preceding is a pretty simple, cut-and-dry test of jQuery’s existence, and with this simple example, you see a huge difference with traditional, framework-less JavaScript.

Avoid inaccessible markup. Stay away from frames, where possible. Organize your markup using semantically appropriate elements. Place paragraphs in

elements. Place lists in

    or

      elements. Use

      through

      for headings, and so on. ❑❑ If you are able to, also consider the loading efficiency of your documents. For development, use small, modularized files organized by the component; combine and compress those modularized files for a live production site. In the following sections, I present some examples of why the preceding list of rules is important.

Download PDF sample

Rated 4.00 of 5 – based on 15 votes

About the Author

admin