Az Ajax (Asynchronous JavaScript and XML) egy webfejlesztési technika interaktív webalkalmazások létrehozására. A weblap kis mennyiségű adatot cserél a szerverrel a háttérben, így a lapot nem kell újratölteni minden egyes alkalommal, amikor a felhasználó módosít valamit. Ez növeli a honlap interaktivitását, sebességét és használhatóságát. A kifejezést először Jesse James Garrett használta 2005. februári cikkében, melynek címe Ajax: A New Approach to Web Applications.

Ebben az oktatóvideó DVD-ben az AJAX-ot mutatom be, majd annak PHP-vel, MYSQL-el való előnyös kapcsolatát.

Senkit se tévesszen meg a lent található rövid lista. A videók mérete itt az átlagosnál nagyobbra sikerült, ui. mindegyikhez a szokásosnál több magyarázatot kellett hozzáfűzni.

PÉLDAOKTATÓVIDEÓK:

PÉLDA OKTATÓVIDEÓK:

OKTATÓVIDEÓ-LISTA

Az Ajax oktatóvideók 1.része: Mire is képes az AJAX
Bevezető
Ízelítő
Belső működés

Az Ajax oktatóvideók 2.része: Előkészületek
Wamp telepítése
Site létrehozása

Az Ajax oktatóvideók 3.része: Első AJAX oldalam
Ellenőrzés
Teljes kód
Kielemzés
Aszinkron
XML

Az Ajax oktatóvideók 4.része: AJAX + PHP
Második példa
Ékezetes karakterek
Objektum létrehozása
Az alapdokumentum
Kibővített dokumentum
Változóátadás
Alapművelet
Adatbázis elérése
UTF8-ról latin2-re
HTML v. PHP
Táblázatba írás
Dinamikus oldalak
Beléptető form
Ellenőrzés
Objektumkezelés
Multiellenőrzés
Ellenőrzés
Formellenőrzés
Ékezetes karakterek

Az Ajax oktatóvideók 5.része: Néhány kód gyakorlásként
Képgaléria1
Képgaléria2
XHR odj. duplikálása
Láthatóság
Elemek törlése

OKTATÓVIDEÓK LEÍRÁSA

Az Ajax oktatóvideók 1.része: Mire is képes az AJAX
Bevezető
Egy kis ismertetőt fogunk látni az AJAX-ról.
Ízelítő
Megnézzük, hogy mire is képes ez a technika.
Belső működés
A kérelem belső működését nézzük meg részletesen.

Az Ajax oktatóvideók 2.része: Előkészületek
Wamp telepítése
Egy szervert kell telepíteni az AJAX számára.
Site létrehozása
A szerveren létrehozunk egy site-ot.

Az Ajax oktatóvideók 3.része: Első AJAX oldalam
Ellenőrzés
Az ellenőrző kódot készítjük el.
Teljes kód
Befejezzük az első AJAX kódunk írását, majd le is teszteljük azt.
Kielemzés
Kielemezzük utoljára a megírt kódot.
Aszinkron
Mit is jelent az aszinkron működés? Ezt nézzük meg egy egyszerű példán.
XML
Megnézzük, hogy az XML oldalakat egyszerűen hogyan kell betölteni.

Az Ajax oktatóvideók 4.része: AJAX + PHP
Második példa
A második AJAX oldalunkat kezdjük el.
Ékezetes karakterek
Az ékezetes karakterekkel egy kis hiba adódott, ezért be kell állítani azt is.
Objektum létrehozása
Egy újabb hasznos kóddal bővítjük az objektum létrehozása részt.
Alapdokumentum
Egy alapdokumentumból fogunk adatokat betölteni.
Kibővített dokumentum
Egy táblázattal ellátott PHP oldalnál nézzük meg, hogy hogyan lehet átadni az adatait egy másik oldalnak.
Változóátadás
Megnézzük, hogyan lehet változót átadni egy oldalnak.
Alapművelet
A php-ben egy tömböt hoztunk létre, majd...
Adatbázis elérése
Adatbázisból iratunk ki értékeket az oldalunkra.
UTF8-ról latin2-re
Átváltunk utf8-as karakterkészletről latin2-re azért, hogy a Dreamweaver ne okozzon többet karakterkészlet-hibát.
HTML v. PHP
Megtudjuk azt, hogy PHP oldalban ugyanúgy működik-e az AJAX kód, mint egy HTML oldalban.
Táblázatba írás
Táblázatból hozunk létre előugró sorokat, a táblázat elemeire kattintva.
Dinamikus oldalak
A táblázatunkat dinamikusan írathatjuk ki AJAX-PHP segítségével.
Beléptető form
Létrehozunk egy praktikus beléptető formulát.
Ellenőrzés
Egy adat helyességét ellenőrizzük le.
Objektumkezelés
Egy rövid példával szemléltetem az objektumok kezelését.
Multiellenőrzés
Több szöveges beviteli mezőt ellenőrzünk egyszerre.
Ellenőrzés
Email ellenőrzést fogunk látni.
Formellenőrzés
Egy komplett formellenőrzést hajunk végre.
Ékezetes karakterek
A formellenőrzésnél előjövő ékezetes karakterek is bekerülnek az ellenőrzött karakterek közzé.

Az Ajax oktatóvideók 6.része: Néhány kód gyakorlásként
Képgaléria1
Egy dinamikusan betöltődő képgalériát készítünk el.
Képgaléria2
Az előbbi galériát fejezzük be.
XHR odj. duplikálása
Megnézzük, hogy lehet-e XPR objektumokból többet létrehozni.
Láthatóság
Egy betöltött képet tűntetünk el, majd jelenítünk meg újra.
Elemek törlése
Látható elemeket fogunk az oldalunkon törölni, majd előcsalogatni

Kosárba: Kosárba <-többször kattints, ha több darab kell belőle!

A megjelenített termék képek illusztrációként szerepelnek és eltérhetnek a valóságtól!