Web fejlesztés II. 

A Web fejlesztés tárgy két féléves. A tárgy a "Programtervező informatikus" BsC szak tanári szakirányának tárgya, de más szakirányú hallgatók is felvehetik. A második félévet csak az első félév elvégzése után lehet felvenni.

A tárgy órabeosztása: 1+2. A félév első felében előadások formájában  a féléves anyag megismerésére kerül sor. Az első előadás utáni héttől, egy csoportnak minden  héten lesz gyakorlata. A gyakorlatok során van lehetőség az ismeretanyag kipróbálására, a kidolgozott mintafeladatok módosítására, újabbak elkészítésére. A félév során két beadandó feladatot kap minden hallgató, amit adott határidőre el kell készíteni. Az utolsó héten az előadás időpontjában közös zárthelyi dolgozattal zárjuk a félévet.

A Web fejlesztés I. tárgy keretében megismerkedtek a hallgatók a honlap szerkesztés technikájával. Ennek folytatásaként a második félévben azokat a lehetőségeket nézzük meg, amitől az oldalak statikussága megszüntethető. Ez természetesen nem jelent mást, mint a programozási lehetőségek megjelenését a web világában. Ez a gyakorlatban azt jelenti, hogy a félév első felében a kliensoldali JavaScript nyelv webes környezetbeli lehetőségeivel ismerkedünk meg, míg a félév második felében a szerveroldali PHP nyelv lehetőségeit tekintjük át.

A félév elején minden hallgató kap azonosítót az WEBPROGRAMOZAS.INF.ELTE.HU számítógépre úgy, hogy ehhez az azonosítóhoz SSI, CGI futtatási jogot is rendelünk. Az operációs rendszer: SUSE LINUX, a web szerver Apache. A tárgy hallgatóinak a CGI és SSI lehetőségek engedélyezve vannak. (Ez nem alapértelmezés!) Szabványos CGI programok kötelezően a cgi-bin könyvtárban helyezkedjenek el, a kiterjesztésük .cgi, hivatkozás rájuk: action="cgi-bin/név.cgi". Az SSI használathoz az aktuális oldalnak .shtml kiterjesztésű nevet kell adni és a parancs végrehajtásnál cmd="./cgi-bin/parancsnév" formában, míg beszúrásnál file="./fájlnév" formában  kell megadni a kívánt fájl nevét. Kérem, hogy használatuk során fokozottan figyeljenek a programok helyességére!

A félév során minden hallgató ebben a környezetben tud dolgozni, ahol a JavaScript, Shell script, PHP lehetőségeit ismerhetik meg. A félév végén a zárthelyi feladatot is ezen a szerveren kell megoldani. Az azonosítók a félév végéig élnek! Kérem, hogy a félév végén mindenki mentse el értékes munkáját. A gyakorlatokon az alábbi témakörök kerülnek sorra.

JavaScript

  1. Alapok, néhány soros ismertető oldal, html input elemek, másodfokú egyenlet, n faktoriális, (JavaScript HTML-ben), alap nyelvi elemek (ciklus)
  2. Események, JavaScript objektumok használata. Dátum, milyen hónap, nap van. Objektumok, hivatkozások, események. Onmouseover, out események, képcsere, tömbök, képek tömbben, ebben lépdelés előre, hátra.
  3. Lista, dinamikus lista, combo elem. Bolti vásárlás feladat, elemek listában, darabszám combo vagy radio group-ban, check box, kér-e házhozszállítást, cím beírás. action=mailto:
  4. window.open., tartalom új ablakban, annak bezárása, képnézegetés új ablakban. (document.writeln()),Location objektum. Text, textarea mező, keypress esemény, event objektum, készítsünk csak számjegyeket elfogadó textmezőt.
  5. Hivatkozások HTML objektumokra, div.innetText, div.InnerHtml,  Menü készítés, időzítő használat. Informatikai értelmező szótár, kiválasztunk egy szót pl. combo elemben, majd annak jelentése megjelenik egy div elemben.
  6. Cookie változók. Stílus lap betűméret beállításhoz, betűméret sütiben. JavaScript külön állományban. SSI elemek a HTML oldalon, include, exec,  (Oldal számláló)

PHP

  1. CGI elemek feldolgozása shell script segítségével. (login oldal feldolgozás).Szerver oldali programok helye, php alapok, html-php kapcsolata.Alap nyelvi elemek, változók, tömbök, asszociatív tömbök .
  2. "CGI kapcsolat". Másodfokú egyenlet php-ban. Login oldal feldolgozás PHP val.Bevásárlókosár, eredmény file-ban.
  3. Fórum készítés, textarea, egyéb form elemek használata.
  4. Munkamenet azonosítás, hitelesítés. Hitelesítés után lehet új fórum témakört nyitni.
  5. .htpasswd , Fórum munkamenettel, hitelesítéssel.
  6. AJaX (Asynchronous JavaScript and XML), Kliensoldali aszinkron hívás.  JavaScript XMLHttpRequest objektum, paraméterezése, szerveroldali válasz generálás (szöveg, vagy XML).

Az órai segédanyagok innen elérhetők!
A tárgy új honlapja itt található! A beadandó feladat is az új honlapon olvasható!
A félév végi évfolyam ZH itt található!

Küldjön egy levelet ha kérdése van.  (Illés Zoltán)