blackdogcode/jQueryBootstrap

References

• Dojo Tool Kit - javascript toolkit
• mooTools
• UNDERSCORE.JS
• YUI Library
• jQWidgets
• AJAX Tutorial
• TOP 35 jQuery Interview Questions

0. AJAX(Asynchronous JavaScript and XML)

AJAX is an acronym for Asynchronous JavaScript and XML. It is a group of inter-related technologies like JavaScript, DOM, XML, HTML/XHTML, CSS, XMLHttpRequest etc.

AJAX allows you to send only important information to the server not the entire page. So only valuable data from the client side is routed to the server side. It makes your application interactive and faster.

0.1. AJAX Tutorial

• What is AJAX?
• Asynchronous

  Synchronous (Classic Web-Application Model)

  

  Asynchronous (AJAX Web-Application Model)

  
• AJAX Technologies
• XMLHttpRequest

0.2. Java AJAX

0.3. JSON(Javascript Object Notation) AJAX

AJAX Interview Questions

1. jQuery

• jQuery is a small and lightweight JavaScript library.
• jQuery is cross-platform.
• jQuery means "write less do more".
• jQuery simplifies AJAX call and DOM manipulation.

1. What is jQuery

jQuery Features

1. HTML manipulation
2. DOM manipulation
3. DOM element selection
4. CSS manipulation
5. Effects and Animations
6. Utilities
7. AJAX
8. HTML event methods
9. >JSON Parsing
10. Extensibility through plug-ins

• jQuery Example
  • .ready() - Specify a function to execute when the DOM is fully loaded.
• jQuery Selectors
• Web Performance with jQuery selectors

2. jQuery Effects

• Easings
• Easing Fuctions Cheat Sheet

Display Effect

• .hide()
• .show()
• .toggle()

Fading Effects

• .fadeIn()
• .fadeOut()
• .fadeToggle()
• .fadeTo()

Sliding Effects

• .slideDown()
• .slideUp()
• .slideToggle()

Other Effects

• .animate()
• .delay()

3. jQuery HTML/CSS

• html()
• text()
• val()
• css()
• before()
• prepend()
• after()
• insertAfter()
• append()
• appendTo()
• clone()
• remove()
• empty()
• detach()
• scrollTop()
• attr()
• .prop()
• offset()
• position()
• addClass()
• hasClass()
• width()
• height()
• innerWidth()
• innerHeight()
• outerWidth()
• outerHeight()
• wrap()
• wrapInner()
• wrapAll()
• unwrap()

4. jQuery Forms

• serialize()
• serializeArray()

5. jQuery Events

jQuery bind() Events

• Event: It is a mandatory parameter. It specifies one or more events to attach to the elements.
• Data: It is an optional parameter. It specifies additional data to pass along to the function.
• Function: It is a mandatory parameter. It executes the function to run when the event occurs.
• Map: It specifies an event map which contains one or more events or functions attached to the element.
• jQuery $(this) keyword

Mouse Events

• .click()
• .dblclick()
• .mouseenter()
• .mouseleave()

Keyboard Events

• .keyup()
• .keydown()
• .keypress()

Form Events

• .submit()
• .change()
• .blur()
• .focus()

Documents/Window Events

• .load()
• .unload()
• .scroll()
• .resize()
• .delegate()

6. jQuery RegExp Rexpression

Stack Learned APIs

• event.preventDefault()