|
| 1 | +<p align="center"> |
| 2 | + <img src="_images-ajax/ajax-logo-1.png" alt="AJAX - Asynchronous JavaScript and XML" title="AJAX - Asynchronous JavaScript and XML" width="200" /> |
| 3 | +</p> |
| 4 | + |
| 5 | +<p align="center"> |
| 6 | + <img src="_images-ajax/ajax-logo-2.png" alt="AJAX - Asynchronous JavaScript and XML" title="AJAX - Asynchronous JavaScript and XML" /> |
| 7 | +</p> |
| 8 | + |
| 9 | +AJAX Asynchronous JavaScript and XML |
| 10 | +===================== |
| 11 | + |
| 12 | +Welcome |
| 13 | +--------------------- |
| 14 | + |
| 15 | +About the Course/Tutorial |
| 16 | +--------------------- |
| 17 | +Hi All, I'm **`Dinanath Jayaswal, Senior UI/Web Developer and Adobe Certified Expert Professional`**, I wanna welcome you to `AJAX (Asynchronous JavaScript and XML) Crash Course for Beginners`. This course/tutorial will give you a complete understanding of how to work with AJAX methodology/concepts to fetch/exchange (send and receive data) to-from web server. |
| 18 | + |
| 19 | +This course will cover the basics of understanding JSON and AJAX using the practical implementation in your web development project. In this tutorial will explore how AJAX works and how it is used in web applications, will also see what `Fetch` and `XHR` are and how they work to get data. |
| 20 | + |
| 21 | + |
| 22 | +Who is this for? |
| 23 | +--------------------- |
| 24 | +This course is for anyone interested in quickly learning AJAX+JSON & it's power to utilize it in Web Development. |
| 25 | + |
| 26 | +This Course/Tutorial is ideal for: |
| 27 | +- Anyone who wants to learn AJAX from scratch |
| 28 | +- Programmers and Developers at any level |
| 29 | +- Web developers / Web Designers / Application developers / Software Developers |
| 30 | +- Mobile Developers using the HTML5 Stack |
| 31 | +- Anyone who wants to interchange data exchange between clients and servers |
| 32 | +- Anyone who wants to create Dynamic Applications and use data seamlessly within web applications |
| 33 | + |
| 34 | +This course/Tutorial is for anyone and everyone, Almost everyone! |
| 35 | + |
| 36 | +Why learn AJAX |
| 37 | +--------------------- |
| 38 | +`AJAX stands for Asynchronous JavaScript and XML`. JSON and AJAX together provide web developers with incredible opportunities to `integrate external data seamlessly (without page refresh/reload)` into web applications. AJAX helps to create and develop an amazing `interactive dynamic applications with better user experiences` that can synchronize data between your database and your front end HTML code (`minimizes the load on your server` and makes your `applications respond quickly and without reloading the HTML` page). |
| 39 | + |
| 40 | + |
| 41 | +Course/Tutorial achievement |
| 42 | +--------------------- |
| 43 | + |
| 44 | +Course/Tutorial Goal |
| 45 | +--------------------- |
| 46 | +After completing/attending this AJAX Course/Tutorial, participants should be able to: |
| 47 | +- Understand what and why AJAX and JSON |
| 48 | +- Use AJAX to fetch/exchange data in web projects |
| 49 | +- Exchange Data with JSON format and use JSON in Web development/project |
| 50 | + |
| 51 | +Prerequisites for current course / What you need to know |
| 52 | +--------------------- |
| 53 | +- Basic knowledge and understandings of HTML, CSS, JavaScript, jQuery and ASP/PHP |
| 54 | +- Knowledge of using any text editor and a web browser |
| 55 | +- Basics of Browser and Internet |
| 56 | +- A basic understanding of Client Side vs Server Side |
| 57 | +- Working knowledge of JSON will be an added advantage |
| 58 | + |
| 59 | +Before starting with AJAX it is advisable to view and go through following course/tutorials to get knowledge of: |
| 60 | +- **Web Design Development Technology Fundamentals** - [Web Design Development Technology Fundamentals |
| 61 | +](https://github.com/dinanathsj29/web-design-development-fundamentals-tutorial), |
| 62 | + - **HTML5** - [HTML5 Essentials Tutorial](https://github.com/dinanathsj29/html5-essentials-tutorial), |
| 63 | + - CSS3 - [CSS3 Fundamentals Tutorial](https://github.com/dinanathsj29/css3-fundamentals-tutorial), |
| 64 | + - **JavaScript** [JavaScript tutorial for Beginners](https://github.com/dinanathsj29/javascript-beginners-tutorial) |
| 65 | + - **JSON** [JSON JavaScript Object Notation crash course](https://github.com/dinanathsj29/json-javascript-object-notation-crash-course) |
| 66 | + |
| 67 | +Topics included/covered |
| 68 | +===================== |
| 69 | + |
| 70 | +1. [Introduction to AJAX](#1-introduction-to-ajax) |
| 71 | + - 1.1. [What is AJAX?](#11-what-is-ajax) |
0 commit comments