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

By Richard York

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

jQuery’s project as a JavaScript library is easy — it strives to make the lives of net builders more straightforward through patching over sure parts of cross-browser improvement and by means of making different initiatives in general wanted via builders a lot more straightforward. jQuery has the genuine, confirmed skill to minimize many traces of plain-vanilla JavaScript to simply a couple of traces, and, in lots of instances, only a unmarried line. jQuery strives to take away obstacles to JavaScript improvement via removal redundancy at any place attainable and normalizing cross-browser JavaScript improvement in key parts the place browsers may differently vary, akin to Microsoft’s occasion API and the W3C occasion API, and different, extra remedial initiatives like getting the mouse cursor’s place while an occasion has taken place.

jQuery is a compact, light-weight library that at present works in Microsoft’s net 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 all started with jQuery is really easy — all you should do is comprise a unmarried hyperlink of markup on your HTML or XHTML records that incorporates the library. all through this publication, I show jQuery’s API (Application Programming Interface) parts intimately and convey you ways the entire nuts and bolts of this framework come jointly to show you how to quickly improve client-side applications.

I additionally conceal the jQuery UI library, which makes redundant user-interface (UI) projects at the customer aspect ridiculously effortless and available to daily internet builders who will possibly not have a lot JavaScript programming services. have you questioned how web content make digital pop-up home windows utilizing JavaScript, HTML, and CSS? The jQuery UI library offers the power to create those pop-up home windows and contains 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 power to exploit animations and transitions utilizing JavaScript, markup, and CSS that you could be have proposal formerly may in simple terms were performed with Adobe’s Flash player.

What This e-book Covers

This e-book covers the jQuery JavaScript framework and the jQuery UI JavaScript framework and demonstrates in nice element find out how to use the jQuery framework to get extra effects extra speedy out of JavaScript programming. I disguise each one strategy uncovered through jQuery’s API, which incorporates how to make universal, redundant projects move even more quick in much less code. a few examples are equipment that assist you to pick parts from a markup record throughout the DOM and strategies that assist you to traverse via these decisions 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 removes convinced cross-browser, cross-platform improvement complications just like the occasion version; not just does it get rid of those complications, however it additionally makes it more uncomplicated to paintings with occasions by means of decreasing the quantity of code it's essential write to connect occasions. It even provides the power to simulate events.

Later within the e-book, I conceal how one can leverage the jQuery UI library to make graphically pushed UI widgets. jQuery grants the power to damage content material up between a number of tabs within the related web page. you will have the power to customise the appear and feel of the tabs, or even to create a refined feel and appear by means of supplying assorted 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 site. those sidebars have or extra panels, and in case 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 promises the facility to make any aspect draggable with the mouse; by means of clicking and retaining and relocating the mouse, you could flow components round on a web page. It additionally makes it so easy to create drag-and-drop person interfaces. this is often used to make a shedding sector the place you're taking components from different elements of the web page and drop them in one other, as you are going to on your working system’s dossier supervisor in case you are looking to stream a folder from one position to a different. you can make lists which are sortable through drag-and-drop, rearranging components in line with the place you drop them. you may also have a person interface the place you drag the mouse cursor to make a choice, as you'll on your working system’s dossier supervisor in case you are looking to decide upon multiple dossier. Then jQuery UI additionally exposes the facility to re-size parts on a web page utilizing the mouse. All of these neat issues so that you can do in your computer’s computer, you may as well do in an online browser with jQuery UI.

jQuery UI additionally offers a widget for coming into a date right into a box utilizing a pleasant, obtainable JavaScript-driven calendar that pops up should 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 usually, jQuery UI strives to do for redundant graphical person interface (GUI) initiatives. jQuery UI can provide the power to make specialist user-interface widgets with less improvement effort.

This booklet is for an individual drawn to doing extra with much less code! you will have a uncomplicated knowing of JavaScript. I evaluation a few easy JavaScript programming recommendations, corresponding to 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 least a easy seize of the record item version, or DOM, and easy JavaScript programming syntax. also, you’ll want to know your means round CSS and HTML, considering that wisdom of these applied sciences is additionally assumed. a whole newbie could possibly clutch what's occurring within the examples during this e-book yet would possibly not comprehend sure terminology and programming strategies that might be offered in a beginner’s JavaScript advisor, so while you are a newbie and demand with urgent ahead, i like to recommend doing so with a starting JavaScript booklet to be had besides. in particular, i like to recommend the subsequent Wrox books for extra aid with the basics:
* starting internet Programming with HTML, XHTML, and CSS, 2d ed. (2008), through Jon Duckett
* starting CSS: Cascading sort Sheets for website design, 2d ed. (2007), additionally written by means of yours truly.
* starting JavaScript, third ed. (2007), through Paul Wilton and Jeremy McPeak

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

Show description

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

Similar javascript books

.net (September 2015)

. web is the world's best-selling journal for net designers and builders. each factor boasts pages of tutorials protecting themes corresponding to CSS, Hypertext Preprocessor, Flash, JavaScript, HTML5 and internet images written through a number of the world’s most useful internet designers and artistic layout corporations. Interviews, beneficial properties and seasoned counsel additionally provide suggestion on web optimization, social media advertising and marketing, website hosting, the cloud, cellular improvement and apps, making it the basic advisor for useful website design.

AIR for Javascript Developers Pocket Guide

If you are already accustomed to HTML and JavaScript and would wish to strengthen machine functions utilizing Adobe AIR then this is often the appropriate booklet for YOU. In a nutshell, there are a number of ways to constructing AIR functions: 1. utilizing HTML and JavaScript 2. utilizing Flex three. utilizing FlashObviously, this publication focuses generally at the first merchandise.

Object-Oriented Programming: with Prototypes

Object-oriented programming is a well-liked buzzword nowadays. what's the reason behind this attractiveness? Is object-oriented programming the answer to the software program situation or is it only a fad? Is it an easy evolutionary step or an intensive switch in software program technique? what's the principal notion in the back of object-orien­ ted layout?

What Every JavaScript Developer Should Know About ECMAScript 2015

The 2015 specification for the JavaScript language introduces sessions, modules, arrow capabilities, and extra. I sat down and wrote the e-book i want to examine those new good points. This e-book isn't an exhaustive record of every thing new within the ECMAScript 2015 specification that governs the JavaScript language.

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

Example text

For example, the ID selector #thisID is ambiguous. You don’t know what kind of element thisID is, and thus would likely have to scan the entire document to find it. But div#thisID is more specific. By including the div in the selector, you instantly know you’re looking for a

element. Including the type in the selector also helps you in another way: When dealing with class names, you can have the same class name applied to different types of elements. While I may not condone that as good practice, at least in the style sheet, you can control which element gets which style.

The browsing market can and does fluctuate. In the real world, there are lots of people who use less popular browsers. And 2 percent may sound small at first glance, but keep in mind that is 2 percent of a very large number. 9 percent of the world’s population. Therefore, the so-called less popular browsers aren’t really doing too shabby in the grand scheme of things, and while 2 percent sounds small, it’s actually a pretty large base of users. Summary jQuery takes what would otherwise be a more complex or verbose task in plain-vanilla JavaScript, and it makes it much easier, sometimes reducing many lines to one or a few.

JQuery does a lot, but for all of the code that’s included in jQuery, there are precious few intrusions made on the global namespace, the “jQuery” object, and the 24 Chapter 1: Introduction to jQuery dollar sign method the jQuery object is aliased to. All of the functionality that jQuery provides is provided through those objects. Without a well-thought-out approach to the namespacing problem, it’s possible that your application may cause conflicts with others. It’s best to just assume that everything you place in the global namespace will cause a conflict, and thus set out to make as minimal as possible an intrusion into the global namespace.

Download PDF sample

Rated 4.57 of 5 – based on 22 votes