
Webtanárwebmesterek online iskolája
|
|
Ha teljeskörű webes fejlesztő (azaz Full Stack Web Developer) szeretnél lenni, akkor ismerned kell az AngularJS keretrendszert is. Az Angular egy olyan JavaScript alapú rendszer, amellyel dinamikus webes alkalmazásokat készíthetsz. Én sokáig féltem tőle, de kiderült, hogy az Angular nagyon egyszerű és felettébb hasznos keretrendszer!A könnyebb megértés érdekében ebben az oktatóanyagban az 1-es verzióval ismerkedünk meg. Később elképzelhető, hogy a 2-es és 4-es verziókról is készítek oktatóanyagot.
Az AngularJS letöltése és beillesztése a weblapra
AngularJS alkalmazás készítése, szöveg kiírása
App és controller fájlok elkészítése
Szöveges változó használata, kiíratása
Beviteli mező (modell) és változó összekapcsolása
Automatikusan generált lista-sorok (ng-repeat)
Az ng-repeat beépített változói
Feltételek vizsgálata (ng-if), nemkívánatos elemek törlése
Automatikusan generált legördülő lista (ng-options)
Legördülő listák összekapcsolása
Legördülő lista, beviteli mező és DIV terület összekapcsolása
Szűrőfeltétel használata (szöveges keresés)
Elemek megjelenítése és elrejtése (feltétel alapján)
A különféle böngésző-események kezelése
Új adatok felvétele (ember hozzáadása a listához)
Adatok tárolása és visszatöltése (LocalStorage)