Building Rich Web Application with Ajax Jquery

Deskripsi

JQuery merupakan suatu framework (library) Javascript yang menekankan bagaimana interaksi antara Javascript dan HTML. JQuery pertama kali dirilis pada tahun 2006 oleh John Resig.

Pada perkembangannya JQuery tidak sekedar sebagai framework Javascript, namun memiliki kehandalan dan kelebihan yang cukup banyak. Hal tersebut menyebabkan banyak developer web menggunakannya. JQuery memiliki slogan ¡§Write less, do more¡¨ yang kurang lebih maksudnya adalah kesederhanaan dalam penulisan code, tapi dengan hasil yang lebih banyak.

Tujuan Training

Peserta Memahami pembuatan web aplikasi dengan ajax Jquery dan dikombinasikan dengan PHP atau JSP Servlets

Target Peserta

- Web Application Developer
- Software Developer
- Umum

Prasyarat

- Telah memahami HTML , Javascript , PHP atau JSP

Materi Training

Day 1 : Jquery Javascript Library - Ajax Support

• Overview of jQuery
• Installation and documentation
• Quick summary of jQuery selectors
• Data centric Ajax: the "ajax" function
  • Basics
  • Options
  • Sending data: static String, data object, String from the "serialize" function
• Content-centric Ajax: the "load" function
• Handling JSON Data / Using Servlet JSP

Day 2 : Selectors and DOM Manipulation

• Basics
  • Basic selectors
  • Hierarchical selectors
  • Manipulating the matched elements
  • Chaining
  • Registering event handlers
• Advanced topics
  • Attribute selectors
  • Form element selectors
  • Positional selectors
  • Content-filtering selectors
  • Advanced operators
  • Cross-browser mouse and keyboard event handling

Day 3 : Rich Interfaces with jQuery UI Widget

• Overview
• Installation and setup
• Widgets
  • Buttons that adapt to current theme (skin)
  • Dialogs (basics)
  • Static tabbed panels
  • Ajax tabbed panels
  • Accordion panels (Note that this Web site is built using jQuery UI accordion panels)
  • Date picker
  • Slider
  • Progress bar
• Autocompleter
  • Local data (source = array)
  • Remote data (source = URL)
  • Custom matcher (source = function)
  • Custom menu styles
  • Display values vs. values to be inserted
  • Performing side effects upon selection
• Animation effects
  • Highlight, animated appear/disappear
• Using and changing themes
  • Using ThemeRoller
  • Design strategies for theming
  • Changing theme at runtime
• Case Study : Jquery CRUD Web Application

Durasi : 7 jam x 3 Hari (21 Jam)

Course Leader :

Hery Purnama,SE, MM, ITILF, ISTQB

More...