Oktató

A NetAcademia oktatója, MCP, MCAD, MCSD, MCT

 

jQuery és AJAX

avagy a kliens oldali web programozás rejtelmei

Mottó: Van-e nagyobb orültség, mint böngészoben kódot futtatni?


Videó!
Friss bemutatóvideó a képzésből kicsit lejjebb...

A gyakorlatorientált képzés során a hallgatóság megismerkedhet a JavaScript programozási nyelv elemeivel, ezen belül is az egyik legnépszerűbb JavaScript keretrendszer, a jQuery kerül részletes bemutatásra. A webes felhasználói élmény növelésének legfontosabb eszközei közé tartozik egy jó JavaScript keretrendszer, az AJAX használata és a HTML5 adta újdonságok kihasználása. A tanfolyam során részletesen megnézzük, hogyan lehet AJAX hívásokkal kommunikálni PHP és ASP.NET alapú alkalmazásokkal. Példákon keresztül megnézzük, hogy miként lehet webszervizeket jQuery-ből használni.

Kinek ajánljuk?
A tanfolyamot ajánljuk azoknak, akik szeretnének megismerkedni a kliensoldali webprogramozás rejtelmeivel. Ajánljuk olyan fejlesztőknek, akik most ismerkednek a webfejlesztéssel. Számukra egy jól rendszerezett képzést állítottunk össze, melyben széleskörű tudást szerezhetnek a webfejlesztés ezen területéről.

Szükséges előismeretek
Alapvető programozási ismeretek, a HTML „nyelv” ismerete.

A képzésen tanultak hasznosítása a való világban
Hallgatók a tanfolyam elvégzése után képesek lesznek egy komplett weblapot jQuery segítségével felhasználóbaráttá és szebbé varázsolni.

Óraszám
40 óra
(A képzésre szombatonként kerül sor. Részletes ütemezést lásd lent. Ha esetleg lemaradnál valamelyik előadásról, akkor sincs gond, mert minden alkalomról videó készült, amit utólag tetszőlegesen visszanézhetsz.)

Videó!
Október 13-án ingyenes online bemutatót tartott a képzésből annak oktatója, Virágh István. A téma Facebook-szerű üzenőfal készítése volt. Aki esetleg lemaradt róla, videóról bepótolhatja :)

A tanfolyam hossza: 38
Ár (online és tantermi részvétel esetén egyaránt)
Magánszemélyek részére (bruttó) 69 000 Ft, cégek, intézmények részére 69 000 Ft + áfa
Ha ketten jelentkeztek, mindketten kaptok 10% ikerkedvezményt.
Kezdési időpont:

Részletes tematika és videók
Minden előadásról videó készül, melyek tetszőlegesen visszanézhetőek innen. A szervezők a tematika változtatásának jogát fenntartják.
1. nap: Alapok
2011. október. 22., szombat, 09:00 - 14:30

HTML, CSS, JavaScript. JavaScript beágyazása HTML oldalba.
A JavaScript nyelv áttekintése: változók, értékadások, ciklusok, elágazások, függvények.
A DOM (Document Object Model) áttekintése. Űrlapok kliensoldali ellenőrzése és validálása.
Problémák: a böngészők közti különbségek megkeserítik a fejlesztők életét.
Weboldalak debuggolása különböző böngészőkben (FireBug és társai).
Website-ok böngészőfüggetlenítése (IE, Firefox, Chrome, Safari, Opera)
HTML5 újdonságok és a JavaScript kapcsolata.

JQuery_20111022_0907_Html.zip (.zip)
434Kb
JQuery_20111022_0907_Office.zip (.zip)
106Kb
JQuery_20111022_0907_screen.wmv (.wmv) 01:31:33
441 240Kb
JQuery_20111022_1056_Html.zip (.zip)
358Kb
JQuery_20111022_1056_Office.zip (.zip)
30Kb
JQuery_20111022_1056_screen.wmv (.wmv) 01:07:53
343 427Kb
JQuery_20111022_1309_Html.zip (.zip)
438Kb
JQuery_20111022_1309_Office.zip (.zip)
110Kb
JQuery_20111022_1309_screen.wmv (.wmv) 01:33:28
460 749Kb
2. nap: JavaScript keretrendszerek
2011. október. 29., szombat, 09:00 - 14:30

Objektumorientált JavaScript programozás. Mi az a prototípus?
A JavaScript belső működésének megértése.
Hogyan is működnek a JavaScript framework-ök? Saját JavaScript framework írása (alapok).
Egyik legelterjedtebb cross-browser JavaScript framework megismerése: jQuery.
jQuery segédfüggvények áttekintése.

JQuery_20111029_0909_Html.zip (.zip)
444Kb
JQuery_20111029_0909_Office.zip (.zip)
115Kb
JQuery_20111029_0909_screen.wmv (.wmv) 01:21:40
359 120Kb
JQuery_20111029_1052_Html.zip (.zip)
363Kb
JQuery_20111029_1052_Office.zip (.zip)
34Kb
JQuery_20111029_1052_screen.wmv (.wmv) 01:14:48
285 539Kb
JQuery_20111029_1307_Html.zip (.zip)
452Kb
JQuery_20111029_1307_Office.zip (.zip)
124Kb
JQuery_20111029_1307_screen.wmv (.wmv) 01:34:20
401 772Kb
3. nap: jQuery részletes áttekintése
2011. november. 05., szombat, 09:00 - 14:30

HTML és DOM elemek kiválasztása: jQuery szelektorok és szűrők.
A kiválasztott elemek tulajdonságainak (CSS és HTML attribútum) módosítása.
jQuery függvények láncolása.
A kiválasztott elem tartalmának lekérdezése és módosítása (validáció).
HTML elemek létrehozása, törlése, másolása a meglévő oldalon.
Űrlapok elegáns kezelése.

JQuery_20111105_0906_Html.zip (.zip)
1 419Kb
JQuery_20111105_0906_Office.zip (.zip)
1 090Kb
JQuery_20111105_0906_screen.wmv (.wmv) 01:23:33
379 722Kb
JQuery_20111105_1051_Html.zip (.zip)
356Kb
JQuery_20111105_1051_Office.zip (.zip)
28Kb
JQuery_20111105_1051_screen.wmv (.wmv) 00:01:00
255Kb
JQuery_20111105_1059_Html.zip (.zip)
357Kb
JQuery_20111105_1059_Office.zip (.zip)
29Kb
JQuery_20111105_1059_screen.wmv (.wmv) 01:01:02
280 065Kb
JQuery_20111105_1303_Html.zip (.zip)
358Kb
JQuery_20111105_1303_Office.zip (.zip)
29Kb
JQuery_20111105_1303_screen.wmv (.wmv) 01:32:49
375 561Kb
JQuery_20111105_1437_Html.zip (.zip)
569Kb
JQuery_20111105_1437_Office.zip (.zip)
213Kb
JQuery_20111105_1437_screen.wmv (.wmv) 01:07:00
7 505Kb
4. nap: jQuery eseménykezelés és animációk
2011. november. 12., szombat, 09:00 - 14:30

A jQuery eseménykezelésének áttekintése.
Eseménykezelő függvények hozzáadása HTML elemekhez.
Eseménykezelő függvények törlése. Események "buborékozása": az event propagation fogalma.
Események programozott kiváltása: event triggering.
Felhasználói élmény fokozása animációkkal: show, hide, toggle, fade, slide, animate
Ablakok szimulált létrehozása, HTML rétegek mozgatása, átalakítása.

JQuery_20111112_0903_Html.zip (.zip)
657Kb
JQuery_20111112_0903_Office.zip (.zip)
328Kb
JQuery_20111112_0903_screen.wmv (.wmv) 01:27:17
393 161Kb
JQuery_20111112_1046_Html.zip (.zip)
11 108Kb
JQuery_20111112_1046_Office.zip (.zip)
10 780Kb
JQuery_20111112_1046_screen.wmv (.wmv) 01:20:04
408 158Kb
JQuery_20111112_1310_Html.zip (.zip)
1 360Kb
JQuery_20111112_1310_Office.zip (.zip)
1 031Kb
JQuery_20111112_1310_screen.wmv (.wmv) 01:34:28
495 733Kb
5. nap: jQuery UI és egyéb plugin-ok
2011. november. 19., szombat, 09:00 - 14:30

Különböző plugin-ok ismertetése: forms, dialogs, file upload, grid, lightbox, menu, tabs, slideshows, tooltips stb…
Saját plugin készítése.
A jQuery UI ismertetése: Accordion, Autocomplete, Datepicker stb...
Widget-ek testreszabása és témázása (CSS).
A jQuery és a HTML5 kapcsolata.

JQuery_20111119_0913_Html.zip (.zip)
840Kb
JQuery_20111119_0913_Office.zip (.zip)
511Kb
JQuery_20111119_0913_screen.wmv (.wmv) 01:22:32
375 018Kb
JQuery_20111119_1059_Html.zip (.zip)
358Kb
JQuery_20111119_1059_Office.zip (.zip)
29Kb
JQuery_20111119_1059_screen.wmv (.wmv) 01:15:09
400 469Kb
JQuery_20111119_1325_Html.zip (.zip)
3 006Kb
JQuery_20111119_1325_Office.zip (.zip)
2 643Kb
JQuery_20111119_1325_screen.wmv (.wmv) 01:45:03
526 487Kb
6. nap: jQuery AJAX és PHP alkalmazások kapcsolata
2011. november. 26., szombat, 09:00 - 14:30

Betekintés az AJAX technológiába. Miért jó az AJAX?
Friss tartalom betöltése HTML elembe.
Közösségi oldalak hatékony és látványos működtetése AJAX segítségével.
Automatikus szövegkiegészítő funkció készítése: autocomplete

JQuery_20111126_0910_Html.zip (.zip)
756Kb
JQuery_20111126_0910_Office.zip (.zip)
427Kb
JQuery_20111126_0910_screen.wmv (.wmv) 01:16:47
370 063Kb
JQuery_20111126_1043_Html.zip (.zip)
1 468Kb
JQuery_20111126_1043_Office.zip (.zip)
1 140Kb
JQuery_20111126_1043_screen.wmv (.wmv) 01:15:50
379 953Kb
JQuery_20111126_1303_Html.zip (.zip)
35 362Kb
JQuery_20111126_1303_Office.zip (.zip)
35 033Kb
JQuery_20111126_1303_screen.wmv (.wmv) 01:36:16
496 187Kb
7. nap: jQuery AJAX és ASP.NET alkalmazások kapcsolata
2011. december. 10., szombat, 09:00 - 14:30

ASP.NET webszervizek létrehozása és elérése jQuery-ből.
A SOAP és a JSON fogalma. WCF alapú webszervizek létrehozása és elérése jQuery-ből.
GET és POST kérelmek készítése jQuery-vel.
AJAX folyamatok elindítása és kezelése. Időzített AJAX hívások. AJAX hibakezelés.

JQuery_20111210_0919_Html.zip (.zip)
1 692Kb
JQuery_20111210_0919_Office.zip (.zip)
1 364Kb
JQuery_20111210_0919_screen.wmv (.wmv) 01:16:07
401 196Kb
JQuery_20111210_1056_Html.zip (.zip)
413Kb
JQuery_20111210_1056_Office.zip (.zip)
85Kb
JQuery_20111210_1056_screen.wmv (.wmv) 01:08:15
346 201Kb
JQuery_20111210_1305_Html.zip (.zip)
4 030Kb
JQuery_20111210_1305_Office.zip (.zip)
3 701Kb
JQuery_20111210_1305_screen.wmv (.wmv) 01:29:32
401 935Kb
NetAcademia Oktatási Bt. 1075 Budapest , Kazinczy utca 24-26., 3. em. Tel: +36-1 321-6547  Fax: +36-1 700-2335 FMK regisztrációs szám: 00114-2011