jQuery UI - modern és látványos webes megoldások
- Előkészületek
-
1. lecke
09:12
A keretrendszer letöltése, előkészítése -
2. lecke
04:37
További témák letöltése és beállítása - Accordion (harmónika-panel)
-
3. lecke
05:52
Harmónika-panel készítése, működése -
4. lecke
16:48
Beállítási lehetőségek, testreszabás -
5. lecke
10:13
Beállítások lekérdezése és megváltoztatása - Autocomplete (beviteli mezők automatikus kiegészítése)
-
6. lecke
09:46
A találati lista megjelenítése -
7. lecke
12:43
Beállítások, testreszabás -
8. lecke
03:08
A találati lista vezérlése gombra kattintva -
9. lecke
10:51
Találatok dinamikus generálása PHP-vel -
10. lecke
09:13
Kategóriák kezelése és megjelenítése - Button (gombok)
-
11. lecke
05:33
Gombok készítése (akár linkekből is) -
12. lecke
09:17
Gombcsoportok készítése checkboxokból és rádiógombokból -
13. lecke
08:18
Ikonok és címkék beállítása a gombokon - Datepicker (dátumválasztó)
-
14. lecke
04:15
Dátumválasztó naptár készítése egyszerűen -
15. lecke
08:01
A naptár magyarítása, dátumformátum beállítása -
16. lecke
06:02
További megjelenítési beállítások -
17. lecke
07:30
Év és hónap gyors kiválasztása, hetek száma stb. -
18. lecke
08:13
Több hónap megjelenítése, választható intervallum beállítása - Dialog (üzenetablak)
-
19. lecke
05:46
Automatikusan megnyíló üzenetablak készítése -
20. lecke
03:47
Üzenetablak megnyitása gombnyomásra -
21. lecke
03:45
Weblap-elemekkel való interakció letiltása, bezárás -
22. lecke
05:25
Gombok elhelyezése az üzenetablak alján -
23. lecke
05:29
A megjelenés és eltűnés animálása effektekkel - Menu (menük)
-
24. lecke
03:16
Egyszerű menü készítése -
25. lecke
06:06
Almenüpontok kezelése -
26. lecke
07:20
Ikonok, elválasztó vonalak, inaktív menüpontok -
27. lecke
11:05
Vízszintes főmenü készítése - Progressbar (folyamatjelző csík)
-
28. lecke
04:06
Folyamatjelző létrehozása, alapbeállítások -
29. lecke
03:20
Színek és méret beállítása -
30. lecke
02:38
Címke megjelenítése a folyamatjelzőn -
31. lecke
09:43
Folyamatjelző animáció százelék értékkel - Slider (csúszka)
-
32. lecke
10:27
Csúszka készítése, alapbeállítások -
33. lecke
08:12
Az aktuális érték megjelenítése -
34. lecke
09:19
Intervallum beállítása dupla csúszkával -
35. lecke
12:13
Színkeverő készítése (RGB csúszka) - Spinner (számpörgettyű)
-
36. lecke
08:14
Számpörgettyű készítése, alapbeállítások -
37. lecke
03:42
Folyamatos (végtelenített) számpörgettyű - Tabs (fülecskék)
-
38. lecke
05:16
Fülecskés navigáció készítése -
39. lecke
07:54
Beállítási lehetőségek -
40. lecke
06:35
Külső weblapok betöltése tartalomként -
41. lecke
03:38
A fülecskék sorrendjének átrendezése egérrel - Tooltip (súgószöveg)
-
42. lecke
09:02
Súgószöveg készítése, formázás, pozícionálás, egérkövetés -
43. lecke
05:31
Megjelenítő és eltüntető animációk -
44. lecke
06:25
Egyedi súgó-tartalmak különféle elemekhez - Draggable (egérrel mozgatható elemek)
-
45. lecke
11:37
Mozgatható elemek készítése, késleltetés, kurzor -
46. lecke
07:35
A mozgás korlátozása X-Y tengelyre és területre -
47. lecke
07:10
Hozzáigazítás (szippantás) más elemekhez -
48. lecke
06:56
Fogantyú készítése a húzáshoz -
49. lecke
06:12
Szellemkép (klón) használata a mozgatás közben -
50. lecke
02:50
Visszamozgatás a kiindulópontra -
51. lecke
06:22
A rétegek sorrendjének felülírása, automatizálása - Droppable (célterületek)
-
52. lecke
05:40
A mozgatható elemeket befogadó célterületek készítése -
53. lecke
04:27
A befogadható elemek körének leszűkítése -
54. lecke
08:09
Vizuális segítség az elemek elhelyezéséhez -
55. lecke
13:42
A megrendelni kívánt tételek kosárba húzása -
56. lecke
10:44
A kosárba helyezett tételek megrendelése, feldolgozás PHP-vel - Resizable (átméretezés)
-
57. lecke
06:13
Az átméretezési technika alapjai -
58. lecke
03:25
Átméretező segédvonal és szellemkép -
59. lecke
04:03
Átméretező animáció használata és beállításai -
60. lecke
06:44
Több átméretezhető elem egymáshoz való viszonyulása -
61. lecke
12:03
Lehetőségek az átméretezés korlátozására -
62. lecke
12:02
Mozgatható és átméretezhető képek készítése - Selectable (kijelölés)
-
63. lecke
06:02
Listaelemek kijelölése -
64. lecke
03:08
Listaelemek négyzetrácsos elrendezése -
65. lecke
06:15
A kijelölt elemek feldolgozása - Sortable (átrendezés)
-
66. lecke
04:35
Listaelemek sorrendjének átrendezése -
67. lecke
07:24
Elemek átmozgatása másik listába -
68. lecke
04:46
Hatástalanított elemek mozgatásának letiltása -
69. lecke
05:39
DIV területek csoportosítása, sorbarendezése és átmozgatása
Megjelenés dátuma: 2014. június 29.
A videók felbontása: 1280×720 (HD)
Videók (leckék) száma: 69db
Videók együttes hossza: 8 óra 11 perc
Vásárlás előtt nézd át a leckék listáját, és nézz bele az ingyenes leckékbe, hogy tudd, mire számíthatsz!
A jQuery UI egy olyan keretrendszer, mely hasznos, látványos és divatos eszközöket ad a webmester kezébe. Segítségével modernebbé tehetjük weblapunkat, űrlapjainkat, mindezt akár pár perc alatt.
A használatához nem szükséges, de ajánlott a jQuery nyelv alapfokú ismerete.
Webmestereknek kötelező anyag! :-)
Az értékelések átlaga:
grade
grade
grade
grade
grade
A tanulók szöveges értékelései:
grade
grade
grade
grade
grade
Ennek az anygnak a segítségével cseréltem le az összes alaertboxot a jquery-s dialog-ra.
grade
grade
grade
grade
grade
Hát igen.... ezzel nagyon szép oldalakat lehet készíteni...

INGYENES
OKTATÓANYAG
OKTATÓANYAG