Webprogramozs alapok 3 ra Java Script WIGNER SZEMINRIUM
Webprogramozás alapok 3. óra: Java. Script WIGNER SZEMINÁRIUM 2017 ŐSZ NYITRAI GÁBOR®
Java. Script • ECMAScript a becsületes neve • Java. Script != Java • Netscape, Mozilla • Kliens oldali programozási nyelv (böngésző futtatja) • Szerver oldalra is van: Node. js • Szkript: nem kell compiler, forrás rögtön futtatható • Aszinkron kliens-szerver kapcsolatot is tud: AJAX • Egyik leggyakoribb hasznos library hozzá: j. Query (MIT) • Tutorial (szokásos): w 3 schools. com/js/ (ugyanitt ajax és j. Query is) NYITRAI GÁBOR®
Mire jó? → Tartalom manipuláció (szövegek, képek, stílusformázások módosítása) → Események (kattintásra/gomblenyomásra stb történjen valami) → Popup felugró ablakok → Mozgatás, játékok, dinamikus tartalmak → Form inputok (űrlap bemenetek) validációja → Vírusok : P →∞ NYITRAI GÁBOR®
Környezet HTML-hez csatolás lehet: • Külön plain text file-ba “. js” kiterjesztéssel HTML-be behivatkozás a <script src=“mysript. js”></script> elemmel (ez lehet a <head>-be vagy a <body>-ba is) Néha nem mindegy hol van beágyazva a szkript, mert pl ha elemet akarok módosítani, annak az elemnek előbb be kell töltődnie (példán mutatom majd) • HTML-en belül a <script>. . </script> elemek közé pl. : <script> document. get. Element. By. Id("demo"). inner. HTML = "My First Java. Script"; </script> NYITRAI GÁBOR®
Órai anyag 1. Szintaktika (console. log, deklarációk, operátorok, popup, függvények. . ) 2. DOM manipuláció (html elem-objektumok HTML vagy CSS változtatása, események kezelése) 3. Demók (szöcskegomb, szöveg-kapcsoló) NYITRAI GÁBOR®
- Slides: 5