jQuery UI - modern és látványos webes megoldások

Name: jQuery UI - modern és látványos webes megoldások
Brand: Webtanár
SKU: 377
Availability: InStock

Turbózd fel a weblapodat látványos, modern webes megoldásokkal!

Ingyenes!

Megosztás Ajándékba veszem

Szerző: Webtanár

A kurzusról

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! :-)

A kurzus tematikája

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

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

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

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

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

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

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

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

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

16.

Selectable (kijelölés)

63. lecke

Listaelemek kijelölése

64. lecke

Listaelemek négyzetrácsos elrendezése

65. lecke

A kijelölt elemek feldolgozása

17.

Sortable (átrendezés)

66. lecke

Listaelemek sorrendjének átrendezése

67. lecke

Elemek átmozgatása másik listába

68. lecke

Hatástalanított elemek mozgatásának letiltása

69. lecke

DIV területek csoportosítása, sorbarendezése és át

A kurzusról

17 fejezet, 69 lecke, a kurzus elvégzéséhez szükséges idő összesen 8 óra 11 perc

8 óra 11 perc videó

1 db letölthető segédanyag

Oktató válaszol a kurzushoz kapcsolódó kérdésekre.

Kategória: Webfejlesztés, programozás

Eddigi tanulók: 187 fő

Átlagos értékelés:

Képzés célja

A jQuery UI (User Interface) 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.

Képzés követelményei

Weblapkészítési ismeretek kellenek a leckék megértéséhez! Nem szükséges, de ajánlott a jQuery nyelv alapfokú ismerete is.

Kinek ajánlott

Webmestereknek kötelező anyag! :-)

Oktató