This document provides summaries of key points about the jQuery and Prototype JavaScript libraries:
1. jQuery is an open-source JavaScript library that simplifies HTML document traversal, event handling, animation, and Ajax interactions. It has a lightweight footprint and is cross-browser compatible.
2. Both jQuery and Prototype are available under MIT and GPL licenses, allowing developers to choose the license that best suits their projects. jQuery is maintained by a core team and has additional community support.
3. The document then provides examples of common jQuery functions and selectors for manipulating the DOM, handling events, animating elements, and making Ajax requests.
Jquery is a JavaScript library that simplifies HTML document traversal, event handling, animating, and Ajax interactions. It is built on JavaScript and provides shortcuts and abstractions for many common tasks. Some key benefits of Jquery include providing cross-browser compatibility, an easy to use syntax, and a large number of plugins and functions to extend its capabilities.
WordCamp ABQ 2013: Making the leap from Designer to Designer/Developer
This document summarizes Ray Gulick's presentation at WordCamp Albuquerque 2013 about making the transition from designer to designer/developer. It discusses how coding skills are an essential part of design work. It provides an overview of key WordPress coding concepts like PHP, tags, custom fields, custom post types, and using WP_Query to manage listings. Code examples are provided to demonstrate how to display custom fields and create a custom post type listing with pagination. The goal is to illustrate that becoming a designer/developer is a process of learning by doing and mastering these foundational skills.
JavaScript is an object-based scripting language used to add interactivity to web pages in browsers by manipulating HTML objects and handling events. It was originally developed at Netscape to enable dynamic and interactive pages but is now supported by all major browsers. The document provides an overview of JavaScript objects, events, and how to get started using it with HTML.
The document discusses declarative approaches to building user interfaces, which focus on describing what user interface elements to display rather than how to display them. Declarative languages allow for easier design, reuse, and sharing of information compared to imperative languages. Some challenges of declarative approaches include cross-browser compatibility issues and a lack of support for certain features in some browsers.
In this session, Aaron Gustafson introduces attendees to the client-side scripting language known as JavaScript. After being taken on a quick tour through the language's features and syntax, attendees will be introduced through a series of examples to ways in which JavaScript can progressively enhance the user experience and really make their designs sing. This session also introduces attendees to several JavaScript libraries and demonstrate how to execute the same task in each.
2011-11-02 | 03:45 PM - 04:35 PM |
The NoSQL movement has stormed onto the development scene, and it’s left a few developers scratching their heads, trying to figure out when to use a NoSQL database instead of a regular database, much less which NoSQL database to use. In this session, we’ll examine the NoSQL ecosystem, look at the major players, how the compare and contrast, and what sort of architectural implications they have for software systems in general.
This document provides an overview of JavaScript fundamentals including a brief history of JavaScript, its uses, language features, inclusion of scripts in HTML documents, and the JavaScript object model. It discusses the window object and properties like location, frames, history. It also covers variables and data types, operators, control structures, arrays, functions, and communicating with the user through prompts, alerts and changing the status bar.
JavaScript events allow code to run in response to user actions or changes to the document. Common events include onclick which fires when the user clicks an element, and onload which fires when a page finishes loading. JavaScript code is associated with events using HTML event handler attributes or by registering event listeners in the code. Events help make pages dynamic and interactive by triggering JavaScript functions in response to user input.
This document provides an overview of how to script the DOM using JavaScript. It discusses how the browser parses HTML into a DOM tree, with the window and document objects being the root nodes. It then explains how to access and manipulate DOM elements using the body, JavaScript functions, and events. Finally, it covers creating custom objects and namespacing in JavaScript.
jQuery Anti-Patterns for Performance & CompressionPaul Irish
The document discusses various jQuery anti-patterns that can negatively impact performance and compression. It describes caching selections, using document fragments to append content outside of loops, avoiding unnecessary re-querying of elements, and leveraging event delegation with delegate() instead of binding individual handlers. The document emphasizes optimizing selector syntax from right to left, avoiding universal selectors, and detaching elements from the DOM when manipulating them to improve speed.
The document discusses the history of computing including Charles Babbage, Ada Lovelace, Alan Turing, and John von Neumann. It then covers computer design including the central processing unit, memory, input, and output. The remainder of the document focuses on JavaScript, describing its history, uses, inclusion in HTML, variables, functions, parameters, and event-driven programming.
Jquery is a JavaScript library that simplifies HTML document traversal, event handling, animating, and Ajax interactions. It is built on JavaScript and provides shortcuts and abstractions for many common tasks. Some key benefits of Jquery include providing cross-browser compatibility, an easy to use syntax, and a large number of plugins and functions to extend its capabilities.
WordCamp ABQ 2013: Making the leap from Designer to Designer/Developermy easel
This document summarizes Ray Gulick's presentation at WordCamp Albuquerque 2013 about making the transition from designer to designer/developer. It discusses how coding skills are an essential part of design work. It provides an overview of key WordPress coding concepts like PHP, tags, custom fields, custom post types, and using WP_Query to manage listings. Code examples are provided to demonstrate how to display custom fields and create a custom post type listing with pagination. The goal is to illustrate that becoming a designer/developer is a process of learning by doing and mastering these foundational skills.
JavaScript is an object-based scripting language used to add interactivity to web pages in browsers by manipulating HTML objects and handling events. It was originally developed at Netscape to enable dynamic and interactive pages but is now supported by all major browsers. The document provides an overview of JavaScript objects, events, and how to get started using it with HTML.
The document discusses declarative approaches to building user interfaces, which focus on describing what user interface elements to display rather than how to display them. Declarative languages allow for easier design, reuse, and sharing of information compared to imperative languages. Some challenges of declarative approaches include cross-browser compatibility issues and a lack of support for certain features in some browsers.
In this session, Aaron Gustafson introduces attendees to the client-side scripting language known as JavaScript. After being taken on a quick tour through the language's features and syntax, attendees will be introduced through a series of examples to ways in which JavaScript can progressively enhance the user experience and really make their designs sing. This session also introduces attendees to several JavaScript libraries and demonstrate how to execute the same task in each.
Architecture | Busy Java Developers Guide to NoSQL | Ted NewardJAX London
2011-11-02 | 03:45 PM - 04:35 PM |
The NoSQL movement has stormed onto the development scene, and it’s left a few developers scratching their heads, trying to figure out when to use a NoSQL database instead of a regular database, much less which NoSQL database to use. In this session, we’ll examine the NoSQL ecosystem, look at the major players, how the compare and contrast, and what sort of architectural implications they have for software systems in general.
This document provides an overview of JavaScript fundamentals including a brief history of JavaScript, its uses, language features, inclusion of scripts in HTML documents, and the JavaScript object model. It discusses the window object and properties like location, frames, history. It also covers variables and data types, operators, control structures, arrays, functions, and communicating with the user through prompts, alerts and changing the status bar.
JavaScript events allow code to run in response to user actions or changes to the document. Common events include onclick which fires when the user clicks an element, and onload which fires when a page finishes loading. JavaScript code is associated with events using HTML event handler attributes or by registering event listeners in the code. Events help make pages dynamic and interactive by triggering JavaScript functions in response to user input.
This document provides an overview of how to script the DOM using JavaScript. It discusses how the browser parses HTML into a DOM tree, with the window and document objects being the root nodes. It then explains how to access and manipulate DOM elements using the body, JavaScript functions, and events. Finally, it covers creating custom objects and namespacing in JavaScript.
The document provides an overview of the RichFaces framework including:
- What RichFaces is and its history
- Installing and configuring RichFaces
- Ajax action components like a4j:support, a4j:commandButton, a4j:poll
- UI components like menus, calendar, trees
- Examples of using various RichFaces components
This document provides an introduction to jQuery, covering JavaScript basics, what jQuery is, DOM manipulation with jQuery, events, animations, and additional resources. It aims to familiarize the reader with the JavaScript library jQuery and get them started with client-side scripting using the most common jQuery features and techniques. The document contains examples throughout to demonstrate jQuery concepts like selecting elements, modifying the DOM, handling events, and animations.
JavaScript is a scripting language that can be used to make web pages interactive. It allows you to check and modify HTML forms, change images, and write dynamic content. JavaScript code is executed by the browser and only affects the current page. The language is case sensitive, lightweight, and interpreted rather than compiled. Variables, literals, objects, operators, control structures, and functions are the basic components of JavaScript code. Comments can be added to explain code. JavaScript code can be embedded directly in HTML pages or linked via external .js files. Code placement in the head or body affects when it runs.
Prototype JS is a JavaScript framework that simplifies DOM manipulation, AJAX requests, and other common tasks. It provides functions for DOM traversal and manipulation, event handling, effects and animations, forms, JSON, and more. Developers use Prototype to build dynamic web pages and applications with less code and cross-browser compatibility.
Bill Bunkeys Unethical Used Car EmporiumBradshaw4216
Joseph bought a used Honda Civic Hybrid from a dishonest used car dealership owner named Bill Bunkey. Soon after purchasing the car, it began having mechanical and odor issues. Joseph took the car to a Honda dealership for inspection, where they discovered the car had extensive water damage from flooding and the odometer had been rolled back over 100,000 miles. It turned out the owner, Bill Bunkey, had been under investigation and fled to Mexico to avoid indictment for his unethical business practices.
Join the PLML Team in developing a Multiplication Teaching Tooldaveplml
The document outlines plans to develop a free online multiplication learning tool. The tool aims to teach multiple methods for solving multiplication problems, support building understanding of these methods, and help educators teach multiplication more efficiently. It will provide interactive practice problems and allow teachers to assign, view, and analyze student work. Developers are seeking educator volunteers to provide feedback during the creation and testing of the tool over 3-4 months.
Public Learning Media Laboratory, Inc. Presentationdaveplml
The Public Learning Media Laboratory, Inc., PLML, is a 501(c)(3) nonprofit organization located in Cambridge, MA.
Our vision for change is that the process of teaching and learning would be more productive if educators could work with students who fully understood key educational skills and concepts. If students were better prepared, educators would have the ability to do what they do best: work more with students who need critical personal support, or share their expertise and excitement by extending teaching into new areas.
The Public Learning Media Laboratory is designed to transform the production and delivery of educational technologies to teachers and learners, and to greatly improve educational outcomes for all students.
Bill Bunkeys Unethical Used Car EmporiumBradshaw4216
Joseph bought a used Honda Civic Hybrid from a dishonest used car dealership owner named Bill Bunkey. Soon after purchasing the vehicle, it began having mechanical and odor issues. Joseph took the car to a Honda dealership for an inspection, which revealed that the car had extensive water damage from flooding and the odometer had been rolled back over 100,000 miles. It was discovered that Bill Bunkey had fled to Mexico to avoid being indicted for his unethical business practices.
Presentation to the Mobile Marketing Association in Singapore on customer engagement through mobile devices and how it will change the way Banks engage their customers (in time)!
Effectively Implementing iPod Touch in the ClassroomRecessDuty
The document outlines how an elementary school effectively implemented iPod Touches in the classroom, including establishing a separate wireless network, using classroom management strategies like numbering devices and student sign-out procedures, and lessons learned around technical issues, future enhancements, and other uses of the devices in the school. The iPod Touches were used to engage students through interactive apps, give students more voice and control over their learning, and support diverse learners through customized instruction.
History is a great teacher. What do the Agricultural & Industrial Revolution teach us about the Digital Revolution. How will business models and values change and what must we do to adapt to a step change in the way we work and consume products and resources. Life as a Service talks about this and a lot more as we move swiftly from the era of "stack him high price em' low" to the experience and collaborative economy which are expected to cross $100Bn by 2016. Who is adopting these new philosophies and what must be done to avoid the plague of commoditization or irrelevance facing so many firms in so many industries.
What Bank's can learn from the Fab FourAman Narain
A look at why Apple, Google, Facebook and Amazon were christened the Fab Four by FastCompany and what lessons Bank's can learn from them in driving innovation and channel development.
Redefining Convenience with Mobile BankingAman Narain
Presentation at the Australian Retail Deposits Conference 2012 to explore Standard Chartered's journey so far and share observations on the evolution of distribution and service convenience with Mobile Banking
A bank launched a crowdsourcing campaign called "World's Coolest Intern" that asked young people worldwide to submit entries explaining why they should be the next intern. Over 1,190 people from around the world submitted entries using various mediums like blogs, videos, and online petitions. The campaign engaged with over 1 million people on social media and provided the bank with new content, partners, and marketing opportunities while highlighting real stories from innovative young people.
Sparky Jr. is a programmable RGB LED mod companion light-up activation controller for arcade pushbuttons. 2 parts software, 1 part hardware, the Sparky Jr. is a unique interface and an extendable platform with a unique combination of Arduino, Processing and RGB LEDs.
Eugene Andruszczenko (32teeth) walks us through the ideation, creation and realization of leveraging OpenSource Hardware and Software through to product development.
GitHub: http://32teeth.github.io/SparkyJr/
What Bank's can learn from Startup's about data Aman Narain
Once master of their data destiny Bank's find themselves "dwarfed by data" and struggling to compete with the agility of FinTech startups which seem to do more with so much less. This presentation explores the two driving reasons for this and suggests three steps Bank's can take to fix this problem.
What can Michelangelo teach us about innovation?Aman Narain
This document discusses the growth of user-generated content and social media online. It notes that Wikipedia has over 19 million articles written by nearly 12 million people, YouTube serves over a billion videos per day, and LinkedIn has profiles from over 200 countries. It also mentions the large number of emails, tweets, blogs and photos uploaded daily. The document advocates for open ecosystems over closed platforms and predicts location services and payments will drive new mobile applications. It emphasizes delivering rich content across devices in a way that is easy to use and personalized.
Finance 2.0 companies are disrupting traditional banks by focusing on the customer experience rather than the bank. They embrace social media and ease of use, with technology as the core of their business. While this poses challenges to banks' legacy systems and mindsets, some banks are innovating by developing new business models, hiring differently, expanding their online presence, and focusing on rich content and user experience to integrate the best of Finance 2.0. The future will likely see continued growth of Finance 2.0 services working with banks to support them through new features emphasizing savings goals, aggregated views, personalized interfaces, and other winning features.
This document provides an overview of resources for creating an online educational community using Edmodo. It discusses setting up accounts on Edmodo for teachers and students, features of Edmodo like groups, calendar, file sharing, and microblogging. It also provides guidance on how to introduce Edmodo to students and parents, including sharing the purpose and acceptable use policies. Specific ideas are given for using Edmodo in classes for social studies, science, literature and other subjects.
The document provides planning details for using live streaming video platforms like Ustream and Twitcam to deliver classroom instruction remotely. It discusses setting up accounts, configuring broadcast settings, embedding videos, and informing students and parents about accessing the video lessons from home. The goal is to implement a strategy called "School Work at Home, Home Work at School" to adapt instruction for different educational settings.
This document provides a summary of jQuery fundamentals, including:
- jQuery simplifies client-side scripting of HTML and selecting DOM elements
- Popular uses include navigation, animation, event handling, and AJAX
- jQuery is easy to learn and use, supports method chaining, and has a large developer community
- Key concepts include selecting elements, DOM manipulation, events, AJAX requests, and using jQuery UI widgets
This document provides an overview of jQuery, a JavaScript library that simplifies HTML document traversing, event handling, animating, and Ajax interactions. It discusses jQuery's history, features such as DOM manipulation and effects/animations, examples of applications like forms and menus, and how to implement jQuery through functions and selectors. Technical details are also covered, such as the jQuery object and chaining functions. The document concludes by listing sites that demonstrate jQuery and resources for learning more.
jQuery is a JavaScript framework that provides useful functionality for common programming tasks related to the client-side manipulation of web pages. It simplifies tasks like DOM manipulation, event handling, animation, and Ajax interactions. While powerful, jQuery is not a substitute for JavaScript and does not solve every problem - it works best when used to enhance JavaScript where it makes tasks easier. jQuery selects elements, applies functions to matched elements, and returns jQuery objects to allow chaining of methods.
jQuery is a JavaScript library that makes it easier to select elements, handle events, perform animations, and develop Ajax applications. It works by separating behavior from HTML structure through selectors, events, and methods. The $ function is an alias for jQuery and is used to select elements and execute functions on page load or other events. jQuery can be included in a page and used to simplify DOM manipulation, event handling, animation, and AJAX interactions.
jQuery is a JavaScript library that simplifies HTML document traversal and manipulation, event handling, animation, and Ajax. It works across browsers and has many plugins. Other options include Prototype and Scriptaculous but jQuery is small, fast, and fully featured.
This document discusses using jQuery with Drupal. It provides an overview of jQuery and its benefits over JavaScript. It then discusses guidelines for using jQuery in Drupal modules and themes, such as adding JavaScript files with drupal_add_js() and defining behaviors. Examples are given of simple DOM manipulation with JavaScript, jQuery, and best practices for jQuery in Drupal.
JavaScript can dynamically manipulate the content, structure, and styling of an HTML document through the Document Object Model (DOM). The DOM represents an HTML document as nodes that can be accessed and modified with JavaScript. Common tasks include dynamically creating and adding elements, handling user events like clicks, and updating content by accessing DOM elements by their id or other attributes.
Javascript allows interactive content on web pages and control of the browser and document. It is an interpreted scripting language that is cross-platform but support varies. Javascript can provide interactive content, control document appearance and content, and interact with the user through event handlers.
This document contains information presented by Eric Steinborn about jQuery and jQuery plugins. It begins with Eric's contact information and background working with web technologies. It then provides introductions to jQuery, explaining what it is, why it's useful, how to load it, and basic usage. Several jQuery plugins are discussed, including ColorBox for images, tablesorter for sorting tables, and ListNav for navigating lists. Code examples are provided for using each plugin and customizing options. References for further learning about jQuery and plugins are also listed.
The document discusses JavaScript and the Spry framework in Adobe Dreamweaver CS4. It provides an overview of JavaScript development, how Dreamweaver is helping with tools like code hinting, debugging and live preview. It then focuses on explaining the Spry framework, how it provides widgets, effects, datasets and integration with Dreamweaver.
This document provides an introduction and overview of jQuery. It discusses how jQuery simplifies DOM navigation and manipulation, handles browser differences, and makes JavaScript coding easier. The document covers basic jQuery concepts like selectors, the jQuery function, attributes, and events. It also provides examples of common jQuery code.
This talk was given at the Dutch PHP Conference 2011 and details the use of Comet (aka reverse ajax or ajax push) technologies and the importance of websockets and server-sent events. More information is available at http://joind.in/3237.
The document discusses the Grails web application framework. It begins with an overview of Grails, describing it as a convention-over-configuration MVC framework built on proven Java technologies like Spring and Hibernate. It then addresses common pain points in web development like complex ORM configuration and numerous XML files. The document outlines how Grails streamlines areas like persistence with GORM, controllers, services, and templating with Groovy Server Pages (GSP). It also covers additional Grails features such as custom tag libraries, URL mappings, conversations, and its plugin system.
The document discusses the jQuery framework, explaining why jQuery should be used, what the $() function does, how to write unobtrusive JavaScript, and how to extend jQuery through plugins. It also covers using jQuery with other libraries by relinquishing control of the $ variable through the $.noConflict() method. Key features of jQuery include its small file size, cross-browser compatibility, and ease of selecting, manipulating, and animating elements.
JavaScript is a client-side scripting language that can be inserted into HTML pages to make them interactive. It allows dynamic validation of forms, changing HTML element properties like visibility, and reacting to user events like clicks or form submissions. The Document Object Model (DOM) represents an HTML or XML document as a tree structure, allowing JavaScript to programmatically access and modify the content, structure, and styling of the document. Common built-in JavaScript objects include String, Date, Array, Math, and Boolean, which provide properties and methods for manipulating text, dates, lists of values, numbers, and true/false values.
The document provides an overview of JavaScript for a beginner audience. It discusses what JavaScript is, why it is used, examples of its capabilities, and how to write JavaScript code. The session will demonstrate JavaScript capabilities, explain code samples, and answer questions. JavaScript allows dynamic functionality on web pages by manipulating the browser and document object model (DOM).
This document summarizes a presentation about beginning jQuery. It introduces jQuery, describing it as a lightweight JavaScript library. It discusses jQuery's history and core team. It also provides overviews of how to set up jQuery, how it works, and its core functionality like selecting elements, manipulating DOM elements, and handling events.
This document provides an introduction to ExtJS, a JavaScript framework. It discusses what JavaScript and frameworks are, highlights key features of ExtJS like widgets, panels and layouts. It also covers fundamentals of ExtJS like components, events, and working with data through AJAX and stores. The document aims to explain the basics of ExtJS and get readers started with hands-on examples.
ActiveWeb: Chicago Java User Group Presentationipolevoy
- ActiveWeb is a Java web framework that aims to make web programming fun and productive again through its simplicity, support for TDD, and immediate feedback.
- It provides convention over configuration routing and views, dependency injection with Guice, and integrates well with testing frameworks like allowing parameters to be passed to controllers and inspecting HTML responses.
- ActiveWeb has no XML configuration and aims to have as few dependencies as possible while still providing a full-stack framework for building RESTful web services and traditional MVC applications.
Similar to jQuery Presentation - Refresh Events (20)
2. jQuery: Introduction "jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development ." jquery.com
3. jQuery: A little less information "The Write Less, Do More , Javascript Library" jquery.com Lightweight Footprint CSS3 Compliant Cross-Browser Compliant
4. jQuery: A business approach Open License jQuery is currently available for use in all personal or commercial projects under both MIT and GPL licenses. This means that you can choose the license that best suits your project, and use it accordingly. Ongoing Refinement jQuery has 5 core teams that Development Team Evangelist Team jQuery UI Team Plugins Team Web and Design Team jQuery has an additional unofficial team The web community jQuery extension authors 3rd party contributors You!
5. jQuery: Show me the money $ The dollar sign ($) is your first step in talking to jQuery The basics: CSS selectors $ ( ".className" ); DOM selectors $ ( "a" ); classes, methods $ . fn ();
6. jQuery: Where the action is $ (). action () $(). action () is how you perform your action on all of your items *note: actions are stackable *note: actions accept arguments and callbacks Example: simple fade in $ ( "a" ). fadeIn (); hide, then fade in all anchor tags $ ( "a" ). hide (). fadeIn (); fade in all anchor tags w/ callback $ ( "a" ). fadeIn ( 'slow' , function (){});
7. jQuery: Moving pictures $ (). animate () $(). animate () ; the key aspect of this function is the object of style properties that will be animated, and to what end. Animation: Animated effects can be controlled further and customized using jQuery's $ (). animate (); method // fade in: same as $ (). fadeIn (); $ ( "a" ). animate ( { "opacity" :1 }, { "duration" :500 } ); // fade in, change dimensions, left position add a callback $ ( "a" ). animate ( { "opacity" :1, "height" :500, "width" :400, "left" :250 }, { "duration" :500, "complete" : function (){} } );
8. jQuery: per- form -ing relationship $ ( ":input" ) Collect all your form input fields in one step: $ ( ":input" ) *more refined selects are available Example: collect only checkboxes $ ( ":checkbox" ); collect only hidden inputs $ ( ":hidden" ); collect only text inputs + iterate $ ( ":text" );
9. jQuery: In the event of... events jQuery's event system normalizes the event object according to W3C standards. The event object is guaranteed to be passed to the event handler. *2 approaches exist, direct event, and binding event listeners Example: perform a click $ ( "a" ). click ( function (){ alert ( 'you clinked' )}); bind a click $ ( "a" ). bind ( 'click' , function (){ alert ( 'you clinked' )}); call that event $ ( "a" ). trigger ( 'click' ); // calls #2 unbind that event $ ( "a" ). unbind ( 'click' ); *jQuery currently has support for over 39 different events! and that's just the core
10. jQuery: Are you ready ? events: ready One of the more important events listener / broadcasters that jQuery support is the ready event. It truly is about being prepared, and ready will tell you when! Example: document $ ( document ). ready ( function (){ // ready when you are }); shorthand $ ( function (){ // ready when you are });
11. jQuery: extensions : your deadline needn't one $ . extend () Extend one object with one or more others, returning the original, modified, object. *hang on, this is how jQuery's core works, so... Let's extend jQuery! // we need an extension that will bold all selected objects $ . extend ( { bold : function (obj) { $ (obj).each( function () { $ ( this ). css ({ "font-weight" : "bold" }); } ) } } ) // usage $ . bold ( "a" );
12. jQuery: express -ions: faster and simpler $ . expr () We can use $ . extend also to extend other objects defined inside of jQuery, eg. to add new selectors: *hang on, this is how jQuery's core works, so... We've already seen, and used some of jQuery's extension expression method: $ ( ":input" ) Let's express with jQuery! // we need an expression (filter) that will find all selected objects that are bold $ . extend ( $ . expr [ ':' ], { bold: function (arg) { return ( $ (arg). css ( "font-weight" ) === "bold" ) } } ) //usage $ ( ":bold" )
13. jQuery: AJAX - fast data $ . ajax () jQuery's $ . ajax provides a rich and robust method for handling data transport and manipulation. In addition to the low-level $ . ajax ( read: more control ) method, we also have available to use high-level ( read: quick and dirty ) methods as well, including: $ . load, $ . get and $ . post Let's take a look! // newsletter opt-in subscriber $ . ajax ( { url : "http://someurl.com/newsletter.php" , cache : false , data :{action: "subscribe" ,email: "eugene.andruszczenko@gmail.com" ,name: "eugene" }, dataType : "json" , // [xml, html, script, json, jsonp, text] type : "POST" , // [POST, GET, PUT, DELETE] success :function(response) { // response is the data returned: in this case it will be expecting json data // {success:true|false} }, error :function() { // something went wrong!!! } } )
14. libraries: Rapid Development Cheaper, Better & Faster The case used to be pick two of the above! You can't have all three. Until now!!! javscript. library = { cheaper : true , better : true , faster : true } This holds true for being able to develop through the use of javascript libraries on the front end. Most common example: Typically in project estimation, there is still a fundamental amount of custom code that needs to be written and allotted for. In addition to that, the time is typically shortened through the process of not deliberating if the project will make use of a javascript library to leverage for your project development, but rather which one!!! As with other development languages, libraries for those languages will create a unified base for developers at all tiers of the projects backend. developer <=> middleware. developer <=> frontend. developer
15. libraries: Proof of Concept POC not POS Don't throw away those prototype builds!!! javscript. library >> POC >> Production This holds true for being able to develop through the use of javascript libraries on the front end. Most common example: Typically in project estimation, there is still a fundamental amount of custom code that needs to be written and allotted for. In addition to that, the time is typically shortened through the process of not deliberating if the project will make use of a javascript library to leverage for your project development, but rather which one!!! As with other development languages, libraries for those languages will create a unified base for developers at all tiers of the projects backend. developer <=> middleware. developer <=> frontend. developer
16. libraries: Studio Approach Easy to interpret Through exposure and usage, a common language (code & spoken) will typically evolve within any size of given studio where developers, designer and the like work together on projects designer . idea = developer . code = client .satisfaction Communication barriers fall and ideas blossom as to the handling of effects, motion, manipulation. If you are a designer , how many times have you asked something similar to: Can't you just make it slide up and fade at the same time? If you are a designer , how many times have you been asked similarly: Make it slide up and fade at the same time? With the most common functionality already handled by most javascript framework, the guess work, browser compliance, backwards compatibility... ...big list of client requirements (are you still paying attention) ... ...these now become and extension of your code without deteriorating the core intentions
17. libraries: ROI Return on Investment Othe than the $ being standard notation for both jQuery and Prototype there is it's literal interpretation... ...$ the dollar sign!!! javscript. library = { free : true , margin : true , profit : true } How it's done! Under both MIT and GPL licenses. This means that you can choose the license that best suits your project, and use it accordingly. Learning is easy! Both libraries leverage HTML and CSS (Cascading Style Sheets) knowledge as a stepping stone into javascript library usage. Getting your feet wet does not require expert knowledge of javascript. Additionally, these libraries provide a framework unification of CSS, DOM (document object model) and javascript , providing and enabling even non developers to create proof of concept work! Recently javascript library support has been introduced in Adobe's Dreamweaver CS3 (through extensions) and is fully supported in CS4. Pick your library, highlight your object, pick your action(), done! Code hinting and coloring also supported.
18. libraries: Out of the basement Real world libraries, Real world clients Tech Google BIM Dell Intel AOL Oracle News BBC NBC BusinessWeek Newsweek Reuturs CBS News Sales|Services NBC Amazon NetFlix SalesForce Dominos US Airways Prototype jQuery Tech Apple Tivo NASA Microsoft News NBC CNN.com ESPN Globe and Mail Sales|Services eBay H&M Sony DropSend Other Ruby on Rails
19. Thanks: So long and thanks for all the $ $ . thanks () The obligatory (often overlooked) thank you page *copy, paste, and run! // we need an extension that will bold all selected objects <script src="http://jqueryjs.googlecode.com/files/jquery-1.2.3.min.js" type="text/javascript"></script> <script> $.extend( { thanks:function(obj){$(obj).each(function(i){ var text = this.toString(); setTimeout(function(){var li = $(document.createElement("li"));li.text(text).hide().fadeIn('slow');$("body").append(li);},(i * 1000)) })} } ); $(document).ready(function(){ $.thanks( ["refresh events", "justin kuzoch", "centre for social innovation", "YOU"] ) }) </script> <body><h1>big thanks to:</h1></body>