WebtanárKöszöntelek, én Kovács Bence vagyok.
Fő profilom a webes oktatás, emellett hobbi szinten bűvész és mentalista is vagyok, verseket írok, illetve mobil alkalmazásokat fejlesztek (iOS és Android)...
Magyarországon ELSŐKÉNT, 2002-ben kezdtem el oktatóvideókat készíteni, főként a webes programozás témakörében. Azóta több, mint 70 oktatóanyagot készítettem el, melyekkel többezer hallgatót tudtam segíteni a tanulásban és a munkaszerzésben. Régebben az oktatovideok.hu és a csak1ezres.hu címeken működött az oktatóvideós portálom, 7 éve használom a webtanar.hu domain nevet.
Az oktatóanyagaim egyik része az abszolút kezdőknek szól, akik még csak most ismerkednek a webes fejlesztéssel. Haladóbb szintű és speciális témaköröket érintő oktatóanyagokat is készítek, ezeket főként a gyakorlattal és tapasztalattal rendelkező webmestereknek ajánlom.
Remélem, hogy neked is segíteni tudok a tanulásban, esetleg a munkaszerzésben is!
Kellemes és hasznos tanulást kívánok! :-)
webmesterek online iskolája
|
|
jQuery UI - modern és látványos webes megoldások
Köszöntelek a jQuery User Interface használatát bemutató kurzusomon, én Kovács Bence vagyok. Magyarországon elsőként, 2002-ben kezdtem el oktatóvideókat készíteni, főként a webes programozás témakörében. Azóta több, mint 70 oktatóanyagot készítettem el, melyekkel többezer hallgatót tudtam segíteni a tanulásban, és a gyakran a munkaszerzésben is.
Ha webmesternek tartod magad, akkor ez a kurzus nagyon hasznos lesz a számodra! A jQuery User Interface (röviden: jQuery UI) egy olyan keretrendszer, mely hasznos, látványos és divatos eszközöket ad a webmesterek kezébe. Segítségével modernebbé tehetjük weblapunkat, űrlapjainkat, mindezt akár pár perc alatt. A leckék megértéséhez rendelkezned kell weblapkészítési ismeretekkel. Nem szükséges, de ajánlott a jQuery nyelv alapfokú ismerete is.
A videókon valós időben követheted majd a forráskód szerkesztésének lépéseit. Minden egyes lecke megtekintése után a gyakorlatban is próbáld ki a látottakat! Ebben segítenek a mellékelt kódok, melyeket a letölthető segédfájlok között találsz meg.
Most pedig nézd meg az ingyenes leckéket, melyek alapján eldöntheted, hogy hasznos lesz-e számodra az oktatóanyag! A vásárlás után azonnal elkezdheted a tanulást.
További szép napot kívánok! :-)
-
1.Előkészületek
-
1. lecke
A keretrendszer letöltése, előkészítése
-
2. lecke
További témák letöltése és beállítása
-
2.Accordion (harmónika-panel)
-
3. lecke
Harmónika-panel készítése, működése
-
4. lecke
Beállítási lehetőségek, testreszabás
-
5. lecke
Beállítások lekérdezése és megváltoztatása
-
3.Autocomplete: beviteli mezők automatikus kieg.
-
6. lecke
A találati lista megjelenítése
-
7. lecke
Beállítások, testreszabás
-
8. lecke
A találati lista vezérlése gombra kattintva
-
9. lecke
Találatok dinamikus generálása PHP-vel
-
10. lecke
Kategóriák kezelése és megjelenítése
-
4.Button (gombok)
-
11. lecke
Gombok készítése (akár linkekből is)
-
12. lecke
Gombcsoportok készítése checkboxokból és rádiógomb
-
13. lecke
Ikonok és címkék beállítása a gombokon
-
5.Datepicker (dátumválasztó)
-
14. lecke
Dátumválasztó naptár készítése egyszerűen
-
15. lecke
A naptár magyarítása, dátumformátum beállítása
-
16. lecke
További megjelenítési beállítások
-
17. lecke
Év és hónap gyors kiválasztása, hetek száma stb.
-
18. lecke
Több hónap megjelenítése, választható intervallum
-
6.Dialog (üzenetablak)
-
19. lecke
Automatikusan megnyíló üzenetablak készítése
-
20. lecke
Üzenetablak megnyitása gombnyomásra
-
21. lecke
Weblap-elemekkel való interakció letiltása, bezárá
-
22. lecke
Gombok elhelyezése az üzenetablak alján
-
23. lecke
A megjelenés és eltűnés animálása effektekkel
-
7.Menu (menük)
-
24. lecke
Egyszerű menü készítése
-
25. lecke
Almenüpontok kezelése
-
26. lecke
Ikonok, elválasztó vonalak, inaktív menüpontok
-
27. lecke
Vízszintes főmenü készítése
-
8.Progressbar (folyamatjelző csík)
-
28. lecke
Folyamatjelző létrehozása, alapbeállítások
-
29. lecke
Színek és méret beállítása
-
30. lecke
Címke megjelenítése a folyamatjelzőn
-
31. lecke
Folyamatjelző animáció százelék értékkel
-
9.Slider (csúszka)
-
32. lecke
Csúszka készítése, alapbeállítások
-
33. lecke
Az aktuális érték megjelenítése
-
34. lecke
Intervallum beállítása dupla csúszkával
-
35. lecke
Színkeverő készítése (RGB csúszka)
-
10.Spinner (számpörgettyű)
-
36. lecke
Folyamatos (végtelenített) számpörgettyű
-
37. lecke
Számpörgettyű készítése, alapbeállítások
-
11.Tabs (fülecskék)
-
38. lecke
Fülecskés navigáció készítése
-
39. lecke
Beállítási lehetőségek
-
40. lecke
Külső weblapok betöltése tartalomként
-
41. lecke
A fülecskék sorrendjének átrendezése egérrel
-
12.Tooltip (súgószöveg)
-
42. lecke
Súgószöveg készítése, formázás, pozícionálás, egér
-
43. lecke
Megjelenítő és eltüntető animációk
-
44. lecke
Egyedi súgó-tartalmak különféle elemekhez
-
13.Draggable (egérrel mozgatható elemek)
-
45. lecke
Mozgatható elemek készítése, késleltetés, kurzor
-
46. lecke
A mozgás korlátozása X-Y tengelyre és területre
-
47. lecke
Hozzáigazítás (szippantás) más elemekhez
-
48. lecke
Fogantyú készítése a húzáshoz
-
49. lecke
Szellemkép (klón) használata a mozgatás közben
-
50. lecke
Visszamozgatás a kiindulópontra
-
51. lecke
A rétegek sorrendjének felülírása, automatizálása
-
14.Droppable (célterületek)
-
52. lecke
A mozgatható elemeket befogadó célterületek készít
-
53. lecke
A befogadható elemek körének leszűkítése
-
54. lecke
Vizuális segítség az elemek elhelyezéséhez
-
55. lecke
A megrendelni kívánt tételek kosárba húzása
-
56. lecke
A kosárba helyezett tételek megrendelése, feldolgo
-
15.Resizable (átméretezés)
-
57. lecke
Az átméretezési technika alapjai
-
58. lecke
Átméretező segédvonal és szellemkép
-
59. lecke
Átméretező animáció használata és beállításai
-
60. lecke
Több átméretezhető elem egymáshoz való viszonyulás
-
61. lecke
Lehetőségek az átméretezés korlátozására
-
62. lecke
Mozgatható és átméretezhető képek készítése