"Starting from this tutorial we are going to work on a real project a simple chatbot. To my mind, the best way to learn web development more effectively is to work on something interesting.

But in this tutorial we won't do any jQuery at all, we'll only set up the environment and write the html and css code. So this tutorial is not necessary if you already know html and css or only want to learn jQuery."
www.mybringback.com/?p=13725

1. Getting Started with jQuery
2. jQuery Selectors
3. Understanding jQuery Functionality
4. Events and Triggers
5. jQuery Text Boxes
6. Create Chat box User Interface
7. Implementing Chat Features
8. Adding more Chat Features
9. Sending Messages
10. jQuery Scrolling
11. Adjusting and Fixing Code
12. Adding the Username
13. Creating a Chat Bot
14. The Algorithm Design
15. Fighting the Mess
16. jQuery Animations
17. Chatbot Reactions
18. Creating AI Functions
19. Creating a jQuery Portfolio Project
20. Styling the Portfolio
21. Adding Overlay and Frame
22. Interactive Portfolio
23. Styling the Frame
24. Adding Arrows
25. Programming Arrows
26. jQuery Slideshow Arrows
27. Optimizing jQuery Arrows
28. Introduction to AJAX
29. Getting Started with AJAX
30. More AJAX setup
31. First AJAX Implementation
32. AJAX Styling Outputs
33. AJAX Custom Filters
34. Coding AJAX Filters
35. AJAX Highlighting Active Categories
36. AJAX Filter Revert to the Original State
37. Introducing jQuery UI
38. Using the jQuery UI
39. jQuery UI Droppable Events
40. Taking Advantage of AJAX
41. Setting up search GUI
42. jQuery Search Example
43. Finishing the Search
44. When to use AJAX?
45. AJAX Login Example
46. Logging in with jQuery
47. Login System Part 3
48. More ways to use AJAX
49. Back to the Basics
50. Final Tutorial

This series is for those who want to become a web application engineer. You'll learn a lot of cool front-end tricks within this series!