</div>
</div>
</div>
<hr class="my12 outline-none baw0 bb bc-powder-2">
<div class="grid fw-nowrap fc-black-600">
<div class="grid--cell mr8">
<svg aria-hidden="true" class="svg-icon iconLightbulb" width="18" height="18" viewbox="0 0 18 18"><path d="M9.5.5a.5.5 0 0 0-1 0v.25a.5.5 0 0 0 1 0V.5zm5.6 2.1a.5.5 0 0 0-.7-.7l-.25.25a.5.5 0 0 0 .7.7l.25-.25zM1 7.5c0-.28.22-.5.5-.5H2a.5.5 0 0 1 0 1h-.5a.5.5 0 0 1-.5-.5zm14.5 0c0-.28.22-.5.5-.5h.5a.5.5 0 0 1 0 1H16a.5.5 0 0 1-.5-.5zM2.9 1.9c.2-.2.5-.2.7 0l.25.25a.5.5 0 1 1-.7.7L2.9 2.6a.5.5 0 0 1 0-.7z" fill-opacity=".4"></path><path opacity=".4" d="M7 16h4v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-1z" fill="#3F3F3F"></path><path d="M15 8a6 6 0 0 1-3.5 5.46V14a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-.54A6 6 0 1 1 15 8zm-4.15-3.85a.5.5 0 0 0-.7.7l2 2a.5.5 0 0 0 .7-.7l-2-2z" fill="#FFC166"></path></svg>
</div>
<div class="grid--cell lh-md">
<p class="mb0">
<b>Want to improve this question?</b> Update the question so it can be answered with facts and citations by <a href="/posts/4913088/edit">editing this post</a>.
</p>
<p class="mb0 mt6">Closed <span title="2013-09-27 12:15:16Z" class="relativetime">6 years ago</span>.</p>
</div>
</div>
</aside>
My question is simple, which is the most logical way to learn to handle the concepts of ajax, and that time should be spent on each phase of this new model.
</div>
Simplest thing of learning something, is doing something.
First of all, you need to understand the fundametals.. what is AJAX, what was before AJAX and what exact issues does it solve.
After you might consider to learn jQuery AJAX API (http://api.jquery.com/category/ajax/) for client side and PHP (or any other language, that is easy to start) as server. And do some small tasks - as one of AJAX kata, it could be implementation of 'Google word suggest'.
Given you have some web development experience, I suggest the following book - it is really excellent in my opinion:
http://www.amazon.com/Ajax-Definitive-Anthony-Holdener-III/dp/0596528388/ref=pd_sim_b_3