15 ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² jQuery Π΄Π»Ρ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ ΡΠ°Π±ΠΎΡΡ Ρ ΡΠ°Π±Π»ΠΈΡΠ°ΠΌΠΈ
Π’Π°Π±Π»ΠΈΡΠ½ΡΡ ΡΠΎΡΠΌΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡ ΠΊΠ°ΠΊ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΡΠ°ΠΌΡΡ
ΡΠ»ΠΎΠΆΠ½ΡΡ
Π΄Π»Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΡΡΠΈΠ»Ρ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ² ΠΈΠ·-Π·Π° ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΠΈ Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ ΠΈ ΡΠ»ΠΎΠΆΠ½ΠΎΠ³ΠΎ ΠΌΠ΅ΡΠΎΠ΄Π° Π²Π»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΠ΅Π³ΠΎΠ². ΠΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ½ΡΡ
ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² Π·Π°ΠΌΠ΅Π½ΡΡΡ ΡΠ΅Π³ΠΈ ΡΠ°Π±Π»ΠΈΡ Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ°Ρ
Π½Π° div, Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΠΏΠΎΡΠΎΠΌΡ, ΡΡΠΎ Π² div Π»Π΅Π³ΡΠ΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΡΡΠΈΠ»ΠΈ CSS, ΡΠ΅ΠΌ Π² ΡΠ°Π±Π»ΠΈΡΡ. ΠΠΎ Π½Π°ΠΌ ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ table Π² ΠΏΠΎΠ²ΡΠ΅Π΄Π½Π΅Π²Π½ΡΡ
ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΡ
, Π»ΡΡΡΠΈΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠΌ ΠΊΠΎΡΠΎΡΠΎΠΉ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ°Π±Π»ΠΈΡΠ° ΡΡΠ°Π²Π½Π΅Π½ΠΈΡ. Π― Π±ΡΠ΄Ρ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°ΡΡ ΡΡΠΎ Π²ΡΠ΅ΠΌ ΡΠ΅Π³ΠΎΠ΄Π½Ρ15 ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΡΠΎΡΠΌ jQuery ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ, ΡΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ, ΡΠΈΠ»ΡΡΡΠΎΠ²Π°ΡΡ ΠΈ ΡΠΏΡΠ°Π²Π»ΡΡΡ ΡΠ°Π±Π»ΠΈΡΠ΅ΠΉ Π΄Π°Π½Π½ΡΡ
. Π’Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ ΡΠ°Π±Π»ΠΈΡ jQuery, ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΊΠΈΠ²Π°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ jQuery, ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ ΡΠΎΡΠΌΡ Π΄Π΅ΡΠ΅Π²Π° jQuery, ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ° ΡΠ²Π΅ΡΠ°, ΡΠ΅Π»ΡΠΎΠΊ, Π·Π°ΠΌΠ΅Π½Π° ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΡΡΠ΅ΠΊΡΡ.
ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΠ±ΡΠ°ΡΠΈΡΡΡΡ ΠΊ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΡΠ΅ΡΡΡΡΠ°ΠΌ, ΡΠ²ΡΠ·Π°Π½Π½ΡΠΌ Ρ javascript:
γΠΠΎΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠΉΡΠ΅ 9 ΠΎΡΠ»ΠΈΡΠ½ΡΡ
ΡΠΊΡΠΈΠΏΡΠΎΠ² ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ° JavaScript Π΄Π»Ρ ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌ Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ°Ρ
γ
γΠΠ·ΡΡΠΈΡΠ΅ ΠΏΡΠΈΠ΅ΠΌΡ jQuery, ΡΡΠΎΠ±Ρ ΡΠ»ΡΡΡΠΈΡΡ ΡΠ²ΠΎΠΉ ΠΊΠΎΠ΄ γ
γ10 ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΡΠΏΠ΅ΡΡΡΡΠ΅ΠΊΡΠΎΠ² JavaScript, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ Π²Π°Ρ ΡΠ°ΠΉΡ Π±ΠΎΠ»Π΅Π΅ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΡΠΌ γ
γ300 + JQuery, CSS, MooTools ΠΈ ΡΠ΅ΡΡΡΡΡ ΠΌΠ΅Π½Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ JS γ
1.

DataTables β ΡΡΠΎ ΠΌΠΎΡΠ½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ ΡΠ°Π±Π»ΠΈΡ jQuery, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΡΠ½ΠΊΡΠΈΠΉ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ: Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΈ Π»Π΅Π³ΠΊΠΎ ΡΠΈΠ»ΡΡΡΠΎΠ²Π°ΡΡ, ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΡΡ Π²ΡΠ±ΠΎΡΠΊΡ Π΄Π°Π½Π½ΡΡ
Ajax, ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΠ΅ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ, ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΡ ΡΡΠΎΠ»Π±ΡΠΎΠ², ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΡ ΠΏΠΎ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΡ, ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ CSS ΠΈΠ»ΠΈ jQuery UI ThemeRoller Π΄Π»Ρ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ ΡΠ΅ΠΌ ΠΈ ΠΏΠΎΠ»Π½ΡΡ
Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΎΠ².
2.uiTableFilter -jQuery ΠΏΠ»Π°Π³ΠΈΠ½ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΠΈ ΡΠ°Π±Π»ΠΈΡ
uiTableFilter β ΡΡΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery Π΄Π»Ρ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΠΈ ΡΡΡΠΎΠΊ ΡΠ°Π±Π»ΠΈΡΡ. ΠΠ²ΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½Π° ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ Π²Π°ΠΌ, ΠΊΠ°ΠΊ ΠΈΠ½ΡΠ΅Π³ΡΠΈΡΠΎΠ²Π°ΡΡ Π²Π°ΡΠΈ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Ρ ΠΈ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΡ ΡΠ°Π±Π»ΠΈΡ.
3.Scrollable HTML Table -jQuery ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ ΡΠΎΡΠΌΡ
Scrollable HTML Table jQuery ΠΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ ΠΌΠΎΠΆΠ΅Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΡΠΎΠΊΡΡΡΠΈΠ²Π°Π΅ΠΌΠΎΠΉ.
4.Tablesorter -jQuery ΠΏΠ»Π°Π³ΠΈΠ½ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ ΡΠ°Π±Π»ΠΈΡ
ΠΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery Tablesorter ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠΉ HTML-ΡΠ°Π±Π»ΠΈΡΡ, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠ΅ΠΉ ΡΠ΅Π³ΠΈ thead ΠΈ tbody, Π² ΡΠΎΡΡΠΈΡΡΠ΅ΠΌΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π±Π΅Π· ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠ½ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΡ ΠΏΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌ ΡΡΠΎΠ»Π±ΡΠ°ΠΌ, Π½ΠΎ ΡΠ°ΠΊΠΆΠ΅ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌ Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌΠΈ ΠΈ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠΈΡΡΠ΅ΠΌΡ Π²ΠΈΠ΄ΠΆΠ΅ΡΠΎΠ².
5.Flexigrid -Web2.0 jQuery form plugin
Flexigrid β ΡΡΠΎ Π»Π΅Π³ΠΊΠΈΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery Π΄Π»Ρ Web2.0. ΠΠ½ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΠΎΡΠ΅Π½Ρ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΡ
ΡΡΠ½ΠΊΡΠΈΠΉ, ΡΠ°ΠΊΠΈΡ
ΠΊΠ°ΠΊ Π½Π°ΡΡΡΠΎΠΉΠΊΠ° ΡΠ΅ΠΌΡ, ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΡΡΠ°Π½ΠΈΡΠ°ΠΌ, ΠΏΠ°Π½Π΅Π»Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ², ΠΏΠΎΠΈΡΠΊ, ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ°, ΠΈΡΡΠΎΡΠ½ΠΈΠΊ Π΄Π°Π½Π½ΡΡ
ΡΡΠ΅Π½ΠΈΡ ajax, Π½Π°ΡΡΡΠΎΠΉΠΊΠ° ΡΠΈΡΠΈΠ½Ρ ΠΈ Π²ΡΡΠΎΡΡ ΡΡΠΎΠ»Π±ΡΠ° ΠΈ Ρ. Π.
6.HeatColor -jQuery ΠΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ ΡΠ²Π΅ΡΠ° ΡΠ°Π±Π»ΠΈΡΡ
HeatColor ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²Π°ΠΌ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΠ²Π΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ Π΅Π³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡ. ΠΠ³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΡΠ°Π²Π½ΠΈΠ²Π°Π΅ΡΡΡ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ Π·Π°Π΄Π°Π½Π½ΡΠΌ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ΠΎΠΌ, ΠΈ, Π½Π°ΠΊΠΎΠ½Π΅Ρ, ΠΎΠ½ΠΈ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡΡΡ Π΄Π»Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΠ²Π΅ΡΠ°.
7.JQTreeTable -jQuery tree form plugin
ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ JQTreeTable, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π΄ΡΠ΅Π²ΠΎΠ²ΠΈΠ΄Π½ΡΡ ΡΠ°Π±Π»ΠΈΡΡ. ΠΡΠ»ΠΈ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΎΡΠΊΠ»ΡΡΠ΅Π½ JavaScript, ΠΎΠ½ΠΈ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠ³ΡΡ Π²ΠΈΠ΄Π΅ΡΡ ΠΎΠ±ΡΡΠ½ΡΡ ΡΠ°Π±Π»ΠΈΡΡ, Π½Π΅ Π²Π»ΠΈΡΡ Π½Π° Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΡ.
8.Ingrid -jQuery form plugin
Ingrid β Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡ Π΄Π°Π½Π½ΡΡ
. ΠΠ½ ΡΠ°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΡΠ½ΠΊΡΠΈΠΉ, ΡΠ°ΠΊΠΈΡ
ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΡΠΎΠ»Π±ΡΠ°, ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ° ΠΈ ΡΡΠΈΠ»ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΡΡΡΠΎΠΊ ΠΈ ΡΡΠΎΠ»Π±ΡΠΎΠ². ΠΠ° Π²Π΅Π±-ΡΠ°ΠΉΡΠ΅ Π°Π²ΡΠΎΡΠ° ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ ΠΎΡΠ»ΠΈΡΠ½ΡΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΡΠΎΡΠΌΡ jQuery Ρ Π½ΡΠ»Ρ.
9.jQuery ColumnManager plugin
columnManager β ΡΡΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΠΎΠΆΠ΅Ρ ΡΠΏΡΠ°Π²Π»ΡΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈΠ»ΠΈ ΡΠΊΡΡΡΠΈΠ΅ΠΌ Π»ΡΠ±ΠΎΠ³ΠΎ ΡΡΠΎΠ»Π±ΡΠ° ΡΠ°Π±Π»ΠΈΡΡ ΠΈ ΠΌΠΎΠΆΠ΅Ρ ΡΠΎΡ
ΡΠ°Π½ΡΡΡ ΡΠ΅ΠΊΡΡΠ΅Π΅ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Π΄ΠΎ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π³ΠΎ ΠΏΠΎΡΠ΅ΡΠ΅Π½ΠΈΡ. ΠΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery ΠΎΡΠ΅Π½Ρ ΠΌΠ°Π»Π΅Π½ΡΠΊΠΈΠΉ ΠΈ Π»Π΅Π³ΠΊΠΈΠΉ, Π²ΡΠ΅Π³ΠΎ 3,6 ΠΠ.
10.jQuery treeTable -jQuery tree form plugin
jQuery treeTable β ΡΡΠΎ Π½Π΅Π±ΠΎΠ»ΡΡΠ°Ρ ΡΠ°Π±Π»ΠΈΡΠ° JQTreeTable, ΠΊΠΎΡΠΎΡΠ°Ρ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ Π²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π² Π²ΠΈΠ΄Π΅ Π΄ΡΠ΅Π²ΠΎΠ²ΠΈΠ΄Π½ΠΎΠΉ ΡΡΡΡΠΊΡΡΡΡ. ΠΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ Π² ΡΠΈΡΡΠΎΡΠ΅ ΠΈ Π΄Π΅Π»Π°ΡΡ ΠΈΡΡ
ΠΎΠ΄Π½ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΡΠΈΠ³ΠΎΠ΄Π½ΠΎΠΉ Π΄Π»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ, ΠΊΠΎΠ³Π΄Π° Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΎΡΠΊΠ»ΡΡΠ΅Π½ JavaScript.
11.

CSV2Table ΠΌΠΎΠΆΠ΅Ρ ΡΠΈΡΠ°ΡΡ ΡΠ°ΠΉΠ»Ρ CSV, ΠΎΠ½ ΡΡΠΈΡΡΠ²Π°Π΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΠΈΠ· ΡΠ°ΠΉΠ»Π° CSV ΠΈ ΡΠΎΠ·Π΄Π°Π΅Ρ ΡΠ°Π±Π»ΠΈΡΡ ΡΠ°Π±Π»ΠΈΡΡ.
12.Table Pagination -jQuery ΠΏΠ»Π°Π³ΠΈΠ½ ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ
ΠΡΠΎΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ jQuery ΠΌΠΎΠΆΠ΅Ρ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΡ ΠΏΠΎ ΡΡΡΠ°Π½ΠΈΡΠ°ΠΌ ΠΏΠΎΠ΄ ΡΠ°Π±Π»ΠΈΡΠ΅ΠΉ, ΠΈ Π²Ρ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΡΡΡΠΎΠΈΡΡ ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΡΡΠ°Π½ΠΈΡΠ°ΠΌ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ
ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ².
13.jQuery TableRowCheckboxToggle
ΡΡΠΎjQuery ΠΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ ΡΠ»Π°ΠΆΠΊΠ° ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΡΡΠΈΠ»Ρ CSS ΡΡΡΠΎΠΊΠΈ ΠΏΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ Π½Π° ΡΡΡΠΎΠΊΡ ΡΠ°Π±Π»ΠΈΡΡ.
14.Table Drag and Drop jQuery plugin -jQuery ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΊΠΈΠ²Π°Π½ΠΈΡ ΡΠΎΡΠΌΡ
ΠΡΠΎΡ ΠΏΡΠΎΡΡΠΎΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΠΏΠΎΡΡΠ΄ΠΎΠΊ ΡΡΡΠΎΠΊ Π² ΡΠ°Π±Π»ΠΈΡΠ΅, ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΊΠΈΠ²Π°Ρ ΠΈΡ . ΠΡΠ±ΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ ΡΡΡΠΎΠΊΡ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ Π΅Π΅ Π½Π΅Π»ΡΠ·Ρ Π±ΡΠ»ΠΎ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΊΠΈΠ²Π°ΡΡ ΠΈ / ΠΈΠ»ΠΈ Π½Π΅ ΠΎΡΠΏΡΡΠΊΠ°ΡΡ.
15.uiTableEdit
uiTableEdit β ΡΡΠΎ ΠΎΡΠ»ΠΈΡΠ½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡ jQuery, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ ΠΡΠ΅Π³ΠΎΠΌ ΠΠ΅Π±Π΅ΡΠΎΠΌ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ°Π±Π»ΠΈΡΡ.
ΠΡΠΈΠ³ΠΈΠ½Π°Π»ΡΠ½ΡΠΉ Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΈΠΉ: 15 Great jQuery Plugins For Better Table Manipulation
ΠΡΡ
ΠΎΠ΄Π½ΡΠΉ ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄: http://blog.bingo929.com/15-jquery-plugins-for-better-table-manipulation.html
Π Π°Π±ΠΎΡΠ° Ρ ΡΠ°Π±Π»ΠΈΡΠ°ΠΌΠΈ ΡΡΠΈΠ»Π΅ΠΉ CSS Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ HTML5
This tutorial needs a review. You can edit it in GitHub following these contribution guidelines. |
- ΠΠ»Ρ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ ΡΡΠΎΠ³ΠΎ ΡΡΠ΅Π±Π½ΠΎΠ³ΠΎ ΠΊΡΡΡΠ° ΠΏΠΎΡΡΠ΅Π±ΡΡΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Ρ.
- Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ HTML5
- ΠΡΠΎΡΠΌΠΎΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π½Π° ΡΠ°Π·Π½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ
- ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΌΠ°ΠΊΠ΅ΡΠ°
- Π‘ΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ Π½ΠΎΡΠΈΡΠ΅Π»Π΅ΠΉ
- ΠΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΡΠ°Π²ΠΈΠ» CSS
- ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠΎΠ² CSS
- ΠΠ°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅
- Π‘ΠΌ. ΡΠ°ΠΊΠΆΠ΅
ΠΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ HTML5 ΠΎΠ±ΡΡΠ½ΠΎ ΡΠΎΡΠ΅ΡΠ°ΡΡ HTML, CSS ΠΈ JavaScript Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ Π·Π°ΠΏΡΡΠΊΠ°ΡΡΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ
ΠΈ ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π½Π° ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ
ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ
, Π²ΠΊΠ»ΡΡΠ°Ρ ΡΠΌΠ°ΡΡΡΠΎΠ½Ρ, ΠΏΠ»Π°Π½ΡΠ΅ΡΡ ΠΈ Π½ΠΎΡΡΠ±ΡΠΊΠΈ. Π ΡΡΠΎΠΌ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅ ΠΎΠΏΠΈΡΡΠ²Π°Π΅ΡΡΡ, ΠΊΠ°ΠΊ IDE ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΠΏΡΠ°Π²ΠΈΠ»Π°ΠΌΠΈ CSS Π΄Π»Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ. Π‘ΡΠ΅Π΄Π° IDE ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠΎΠ² Sass ΠΈ LESS CSS Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΡ
.
Π Π°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ NetBeans Connector Π΄Π»Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠ° Chrome ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΏΠΎ ΠΌΠ΅ΡΠ΅ ΠΈΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½Π° ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ . Π Π°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π±ΡΠ°ΡΠ·Π΅ΡΡ Chrome ΠΈ IDE Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ Π΄ΡΡΠ³ Ρ Π΄ΡΡΠ³ΠΎΠΌ. Π€ΡΠ½ΠΊΡΠΈΡ βΠΡΠΎΠ²Π΅ΡΠΊΠ°β Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ NetBeans ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡΡ Π½Π°ΠΉΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π² ΠΈΡΡ ΠΎΠ΄Π½ΠΎΠΌ ΠΊΠΎΠ΄Π΅, Π²ΡΠ±ΡΠ°Π² ΠΈΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅. ΠΠΎΡΠ»Π΅ Π²ΡΠ±ΠΎΡΠ° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ IDE Π΄Π»Ρ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΠΏΡΠ°Π²ΠΈΠ» ΠΈ ΡΠ²ΠΎΠΉΡΡΠ² CSS, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ ΠΊ ΡΡΠΎΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ.
ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅ ΠΎΠ± ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ΅ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ NetBeans Connector Π΄Π»Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠ° Chrome ΡΠΌ. Π² ΡΡΠ΅Π±Π½ΠΎΠΌ ΠΊΡΡΡΠ΅ ΠΠ°ΡΠ°Π»ΠΎ ΡΠ°Π±ΠΎΡΡ Ρ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΠΌΠΈ HTML5.
ΠΠ»Ρ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ ΡΠΎΠ»ΠΈΠΊΠ° ΡΡΠΎΠ³ΠΎ ΡΡΠ΅Π±Π½ΠΎΠ³ΠΎ ΠΊΡΡΡΠ° ΡΠΌ. ΡΠ°Π·Π΄Π΅Π» ΠΠΈΠ΄Π΅ΠΎΡΠΎΠ»ΠΈΠΊ ΠΏΠΎ ΡΠ°Π±ΠΎΡΠ΅ ΡΠΎ ΡΡΡΠ°Π½ΠΈΡΠ°ΠΌΠΈ ΡΡΠΈΠ»Π΅ΠΉ CSS Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΡ HTML5.
ΠΠ»Ρ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ ΡΡΠΎΠ³ΠΎ ΡΡΠ΅Π±Π½ΠΎΠ³ΠΎ ΠΊΡΡΡΠ° ΠΏΠΎΡΡΠ΅Π±ΡΡΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Ρ.

ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΠΎΠ΅ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΡΠ΅ΡΡΡΡ | Π’ΡΠ΅Π±ΡΠ΅ΠΌΠ°Ρ Π²Π΅ΡΡΠΈΡ |
---|---|
IDE NetBeans, Java | 7.4, 8.0 |
ΠΠΎΠΌΠΏΠ»Π΅ΠΊΡ Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° Π½Π° ΡΠ·ΡΠΊΠ΅ Java (JDK) | 7 ΠΈΠ»ΠΈ 8 |
ΠΡΠ°ΡΠ·Π΅Ρ Chrome | βββ |
Π Π°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ NetBeans Connector Π΄Π»Ρ Chrome | 1.1 ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ·Π΄Π½ΡΡ Π²Π΅ΡΡΠΈΡ |
HTML5DemoSiteTemplate.zip | βββ |
ΠΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡ CSS | Sass ΠΈΠ»ΠΈ LESS |
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΡ.
HTML5DemoSiteTemplate.zip ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΡΠ°Π±Π»ΠΎΠ½ ΡΠ°ΠΉΡΠ°, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠΉ ΠΏΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠ°.
ΠΡΠΈ ΡΡΠ°Π²Π½Π΅Π½ΠΈΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠ° Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡΠΈΠΌ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π³ΡΡΠ·ΠΈΡΡ + ΡΠ°Π±Π»ΠΎΠ½ ΡΠ°ΠΉΡΠ°+ Π·Π°Π²Π΅ΡΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΠΏΡΠΎΠ΅ΠΊΡΠ°.
ΠΡΠ΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅ΡΡΡ, ΡΡΠΎ ΡΠΈΡΠ°ΡΠ΅Π»Ρ ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ Π±Π°Π·ΠΎΠ²ΡΠΌΠΈ Π·Π½Π°Π½ΠΈΡΠΌΠΈ ΠΈΠ»ΠΈ ΠΎΠΏΡΡΠΎΠΌ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π½Π° HTML, CSS ΠΈ JavaScript.
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ HTML5
Π Π΄Π°Π½Π½ΠΎΠΌ ΡΡΠ΅Π±Π½ΠΎΠΌ ΠΊΡΡΡΠ΅ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°Π΅ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΎΠ½Π° ΡΠ°ΠΉΡΠ° Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠ° HTML5. Π¨Π°Π±Π»ΠΎΠ½ ΡΠ°ΠΉΡΠ°, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠΉ Π² ΡΡΠΎΠΌ ΡΡΠ΅Π±Π½ΠΎΠΌ ΠΊΡΡΡΠ΅, ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ΅ΠΌ ΠΆΠ΅ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠΌ, ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ» ΡΠΎΡ ΡΠ°Π½Π΅Π½ ΠΊΠ°ΠΊ ΡΠ°Π±Π»ΠΎΠ½ ΡΠ°ΠΉΡΠ° Π² ΡΡΠ΅Π±Π½ΠΎΠΌ ΠΊΡΡΡΠ΅ ΠΠ°ΡΠ°Π»ΠΎ ΡΠ°Π±ΠΎΡΡ Ρ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΠΌΠΈ HTML5. ΠΡΠ»ΠΈ Π²Ρ Π²ΡΠΏΠΎΠ»Π½ΠΈΠ»ΠΈ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ, ΠΎΠΏΠΈΡΠ°Π½Π½ΡΠ΅ Π² ΡΡΠ΅Π±Π½ΠΎΠΌ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π΅ βΠΠ°ΡΠ°Π»ΠΎ ΡΠ°Π±ΠΎΡΡβ, ΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΎΠ½ ΡΠ°ΠΉΡΠ°, ΡΠΎΡ ΡΠ°Π½Π΅Π½Π½ΡΠΉ Π² ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅ΠΌ ΡΠ°Π·Π΄Π΅Π»Π΅. Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Ρ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π³ΡΡΠ·ΠΈΡΡ ΡΠ°Π±Π»ΠΎΠ½ ΡΠ°ΠΉΡΠ° HTML5DemoSiteTemplate.zip.
ΠΠ»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΡΠ°Π±Π»ΠΎΠ½Π° ΡΠ°ΠΉΡΠ° Π²ΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΠ°Π³ΠΈ.
ΠΠ°Π³ΡΡΠ·ΠΈΡΠ΅ ΡΠ°Π±Π»ΠΎΠ½ ΡΠ°ΠΉΡΠ° HTML5 (HTML5DemoSiteTemplate)
ΠΡΠ±Π΅ΡΠΈΡΠ΅ βΠ€Π°ΠΉΠ»β > βΠΠΎΠ²ΡΠΉ ΠΏΡΠΎΠ΅ΠΊΡβ (Ctrl-Shift-N; β-Shift-N Π² Mac) Π² Π³Π»Π°Π²Π½ΠΎΠΌ ΠΌΠ΅Π½Ρ, ΡΡΠΎΠ±Ρ ΠΎΡΠΊΡΡΡΡ ΠΌΠ°ΡΡΠ΅Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ².
ΠΠ²Π΅Π΄ΠΈΡΠ΅ HTML5DemoCss Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΈΠΌΠ΅Π½ΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠ° ΠΈ ΡΠΊΠ°ΠΆΠΈΡΠ΅ ΠΌΠ΅ΡΡΠΎΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅.
ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡ βΠΠ°Π»Π΅Π΅β.
ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΠΏΡΠ½ΠΊΡ ΠΡΠ±ΡΠ°ΡΡ ΡΠ°Π±Π»ΠΎΠ½ ΠΈ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ βΠΠ±Π·ΠΎΡβ Π΄Π»Ρ ΠΏΠΎΠΈΡΠΊΠ° ΡΠ°Π±Π»ΠΎΠ½Π° ΡΠ°ΠΉΡΠ° (
HTML5DemoSiteTemplate.zip
). ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡ βΠΠΎΡΠΎΠ²ΠΎβ.
Figure 1. Π£ΠΊΠ°ΠΆΠΈΡΠ΅ ΡΠ°Π±Π»ΠΎΠ½ ΡΠ°ΠΉΡΠ° Π² ΠΌΠ°ΡΡΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ HTML5
ΠΠΎΡΠ»Π΅ Π½Π°ΠΆΠ°ΡΠΈΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ βΠΠΎΡΠΎΠ²ΠΎβ ΡΡΠ΅Π΄Π° IDE ΡΠΎΠ·Π΄Π°ΡΡ ΠΏΡΠΎΠ΅ΠΊΡ ΠΈ ΠΎΡΠΊΡΠΎΠ΅Ρ ΡΠ°ΠΉΠ» index.html
Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅. Π ΠΎΠΊΠ½Π΅ βΠΡΠΎΠ΅ΠΊΡΡβ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ, ΡΡΠΎ ΠΏΡΠΎΠ΅ΠΊΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ
index.html
, ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ CSS, Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ JavaScript ΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΠΊΠ½Π° βΠΡΠ°Π²ΠΈΠ»Π° CSSβ ΠΈ βΠΠ°Π²ΠΈΠ³Π°ΡΠΎΡβ ΡΠ°ΠΊΠΆΠ΅ ΠΎΡΠΊΡΡΠ²Π°Π΅ΡΡΡ Π² IDE.ΠΡΠΎΡΠΌΠΎΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π½Π° ΡΠ°Π·Π½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ
Π ΡΡΠΎΠΌ ΡΡΠ΅Π±Π½ΠΎΠΌ ΠΊΡΡΡΠ΅ Π±ΡΠ΄Π΅Ρ Π²ΡΠΏΠΎΠ»Π½ΡΡΡΡΡ Π·Π°ΠΏΡΡΠΊ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ Chrome Ρ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π½ΡΠΌ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ΠΌ NetBeans Connector. ΠΠΎΠ³Π΄Π° ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ Π±ΡΠ΄Π΅Ρ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΎ, ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΡΠΌΠΎΠ³ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΌΠ΅Π½Ρ NetBeans Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, ΡΡΠΎΠ±Ρ Π»Π΅Π³ΠΊΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ°Π·ΠΌΠ΅Ρ ΠΎΠΊΠ½Π° Π±ΡΠ°ΡΠ·Π΅ΡΠ° Π΄Π»Ρ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΠ°ΠΊ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π½Π° Π½Π΅ΠΊΠΎΡΠΎΡΡΡ
ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΡΡ
ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ
.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΡ. Π ΡΡΠΎΠΌ ΡΡΠ΅Π±Π½ΠΎΠΌ ΠΊΡΡΡΠ΅ ΠΌΡ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π±ΡΠ°ΡΠ·Π΅Ρ Chrome ΠΈ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ NetBeans Π΄Π»Ρ Chrome. ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅ ΠΎΠ± ΡΡΡΠ°Π½ΠΎΠΊΠ΅ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ NetBeans Connector ΡΠΌ. ΠΠ°ΡΠ°Π»ΠΎ ΡΠ°Π±ΠΎΡΡ Ρ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΠΌΠΈ HTML5.
Π§ΡΠΎΠ±Ρ Π·Π°ΠΏΡΡΡΠΈΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ Chrome, Π²ΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΠ°Π³ΠΈ.
Π£Π±Π΅Π΄ΠΈΡΠ΅ΡΡ, ΡΡΠΎ Chrome Ρ ΠΈΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΠ΅ΠΉ NetBeans Π²ΡΠ±ΡΠ°Π½ Π² ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅ΠΌΡΡ ΡΠΏΠΈΡΠΊΠ΅ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ².
ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡ βΠΡΠΏΠΎΠ»Π½ΠΈΡΡβ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ², ΡΡΠΎΠ±Ρ Π·Π°ΠΏΡΡΡΠΈΡΡ ΠΏΡΠΎΠ΅ΠΊΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ Chrome.
Π Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡΡ ΠΏΡΠΎΡΡΠΎΠ΅ ΡΠ°ΡΡΠΈΡΡΠ΅ΠΌΠΎΠ΅ ΠΌΠ΅Π½Ρ.
ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΠ° ΠΈΠΌΠ΅Π΅ΡΡΡ ΠΆΠ΅Π»ΡΠ°Ρ ΠΏΠΎΠ»ΠΎΡΠ°, ΠΊΠΎΡΠΎΡΠ°Ρ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠ΅ΠΌ ΠΎ ΡΠΎΠΌ, NetBeans Connector Π²ΡΠΏΠΎΠ»Π½ΡΠ΅Ρ ΠΎΡΠ»Π°Π΄ΠΊΡ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ. IDE ΠΈ Π±ΡΠ°ΡΠ·Π΅Ρ ΡΠ²ΡΠ·Π°Π½Ρ ΠΈ ΠΈΠΌΠ΅ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ Π΄ΡΡΠ³ Ρ Π΄ΡΡΠ³ΠΎΠΌ Π² ΡΠ΅Ρ
ΡΠ»ΡΡΠ°ΡΡ
, ΠΊΠΎΠ³Π΄Π° ΠΆΠ΅Π»ΡΠ°Ρ ΠΏΠΎΠ»ΠΎΡΠ° Π²ΠΈΠ΄Π½Π°. ΠΡΠΈ Π·Π°ΠΏΡΡΠΊΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ HTML5 ΠΈΠ· IDE ΠΎΡΠ»Π°Π΄ΡΠΈΠΊ JavaScript Π²ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ. ΠΠΎΡΠ»Π΅ ΡΠΎΡ
ΡΠ°Π½Π΅Π½ΠΈΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π² ΡΠ°ΠΉΠ»Π΅ ΠΈΠ»ΠΈ Π²Π½Π΅ΡΠ΅Π½ΠΈΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π² ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ CSS Π½Π΅ Π½ΡΠΆΠ½ΠΎ ΠΏΠ΅ΡΠ΅Π·Π°Π³ΡΡΠΆΠ°ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΠΎΠΊΠ½ΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΠ° Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΎΠ±Π½ΠΎΠ²Π»ΡΠ΅ΡΡΡ Ρ ΡΡΠ΅ΡΠΎΠΌ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ.
Π’Π°ΠΊΠΆΠ΅ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΎΡΠΌΠ΅ΡΠΈΡΡ, ΡΡΠΎ Π·Π½Π°ΡΠΎΠΊ NetBeans ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Π² ΠΌΠ΅ΡΡΠΎΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ Π°Π΄ΡΠ΅ΡΠ° URL ΠΏΠΎΠ»Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠ°. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΅Π»ΠΊΠ½ΡΡΡ Π·Π½Π°ΡΠΎΠΊ, ΡΡΠΎΠ±Ρ ΠΎΡΠΊΡΡΡΡ ΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ Π΄Π»Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, ΠΈ Π΄Π»Ρ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΡΠ΅ΠΆΠΈΠΌΠ° ΠΏΡΠΎΠ²Π΅ΡΠΊΠΈ Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ NetBeans.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ Π·Π½Π°ΡΠΎΠΊ βΠΡΠΊΡΡΡΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ NetBeansβ Π² Π°Π΄ΡΠ΅ΡΠ½ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΠ° URL, ΡΡΠΎΠ±Ρ ΠΎΡΠΊΡΡΡΡ ΠΌΠ΅Π½Ρ NetBeans ΠΈ Π²ΡΠ±ΡΠ°ΡΡ Π² ΠΌΠ΅Π½Ρ βΠΠ»Π°Π½ΡΠ΅Ρ β ΠΏΠΎΡΡΡΠ΅Ρβ.
Π Π°Π·ΠΌΠ΅Ρ ΠΎΠΊΠ½Π° ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡΡ Π΄ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² Π±ΡΠ°ΡΠ·Π΅ΡΠ° ΠΏΠ»Π°Π½ΡΠ΅ΡΠ° Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ ΠΏΠΎΡΡΡΠ΅ΡΠ°. ΠΠ΅Π½Ρ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°ΡΡΡΠ½ΡΡΡ, ΡΡΠΎΠ±Ρ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡΡ ΠΏΡΠ°Π²ΡΡ ΡΡΠΎΡΠΎΠ½Ρ, ΠΏΠΎΡΠ»Π΅ ΡΠ΅Π³ΠΎ ΠΌΠ΅Π½Ρ Π±ΡΠ΄Π΅Ρ Π²ΠΈΠ΄Π½ΠΎ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ.
Figure 2. Π Π°Π·ΠΌΠ΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΏΠ»Π°Π½ΡΠ΅ΡΠ½ΠΎΠ³ΠΎ ΠΏΠΎΡΡΡΠ΅ΡΠ° Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅
ΠΡΠ»ΠΈ Π²ΡΠ±ΡΠ°ΡΡ ΠΎΠ΄Π½ΠΎ ΠΈΠ· Π·Π°Π΄Π°Π½Π½ΡΡ
ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΡΡΡΠΎΠΉΡΡΠ² Π² ΠΌΠ΅Π½Ρ, ΠΎΠΊΠ½ΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΠ° ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡΡ Π΄ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² ΡΡΡΡΠΎΠΉΡΡΠ²Π°. ΠΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ ΡΠ²ΠΈΠ΄Π΅ΡΡ, ΠΊΠ°ΠΊ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ Π½Π° Π²ΡΠ±ΡΠ°Π½Π½ΠΎΠΌ ΡΡΡΡΠΎΠΉΡΡΠ²Π΅. ΠΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ HTML5 ΠΎΠ±ΡΡΠ½ΠΎ ΡΠ΅Π°Π³ΠΈΡΡΡΡ Π½Π° ΡΠ°Π·ΠΌΠ΅Ρ ΡΠΊΡΠ°Π½Π° ΡΡΡΡΠΎΠΉΡΡΠ²Π°, Π½Π° ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΎΠ½ΠΈ ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡΡΡ. ΠΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΡΠ°Π²ΠΈΠ»Π° JavaScript ΠΈ CSS, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ΅Π°Π³ΠΈΡΡΡΡ Π½Π° ΡΠ°Π·ΠΌΠ΅Ρ ΡΠΊΡΠ°Π½Π°, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΡΠΏΠΎΡΠΎΠ± ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ ΠΌΠ°ΠΊΠ΅Ρ Π±ΡΠ» ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°Π½ Π΄Π»Ρ ΡΡΡΡΠΎΠΉΡΡΠ²Π°.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ Π·Π½Π°ΡΠΎΠΊ NetBeans Π΅ΡΠ΅ ΡΠ°Π· ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ βΠ‘ΠΌΠ°ΡΡΡΠΎΠ½ β ΠΏΠ΅ΠΉΠ·Π°ΠΆβ Π² ΠΌΠ΅Π½Ρ NetBeans.
Figure 3. ΠΡΠ±Π΅ΡΠΈΡΠ΅ βΠ‘ΠΌΠ°ΡΡΡΠΎΠ½ β ΠΏΠ΅ΠΉΠ·Π°ΠΆβ Π² ΠΌΠ΅Π½Ρ NetBeans Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅
Π Π°Π·ΠΌΠ΅Ρ ΠΎΠΊΠ½Π° ΠΈΠ·ΠΌΠ΅Π½ΡΠ΅ΡΡΡ Π΄ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΠΌΠ°ΡΡΡΠΎΠ½Π° Π² Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠΉ ΠΎΡΠΈΠ΅Π½ΡΠ°ΡΠΈΠΈ, ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΡΠΌΠΎΠΆΠ΅Ρ ΡΠ²ΠΈΠ΄Π΅ΡΡ, ΡΡΠΎ Π½ΠΈΠΆΠ½ΡΡ ΡΠ°ΡΡΡ ΠΌΠ΅Π½Ρ Π±Π΅Π· ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ Π½Π΅ Π²ΠΈΠ΄Π½Π°.
Figure 4. Π Π°Π·ΠΌΠ΅Ρ ΠΎΠΊΠ½Π° Π±ΡΠ°ΡΠ·Π΅ΡΠ° ΠΈΠ·ΠΌΠ΅Π½ΡΠ΅ΡΡΡ Π½Π° βΠ‘ΠΌΠ°ΡΡΡΠΎΠ½ β ΠΏΠ΅ΠΉΠ·Π°ΠΆβ
Π ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΡΠΌΠΎΠ³ΡΡ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ, ΡΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡ Π²ΡΠ΅ ΠΌΠ΅Π½Ρ Π±Π΅Π· ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ Π½Π° ΡΠΌΠ°ΡΡΡΠΎΠ½Π΅ Π² Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠΉ ΠΎΡΠΈΠ΅Π½ΡΠ°ΡΠΈΠΈ.
ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΌΠ°ΠΊΠ΅ΡΠ°
Π£ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ Π²Π½Π΅ΡΠ΅Π½ΠΈΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΡ
Π½Π΅Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΡΡ
ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π² ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ Π±Π΅Π· ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΡΠ½ΠΊΡΠΈΠΈ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ. ΠΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΡΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π° ΡΠ°Π·ΠΌΠ΅Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠ° ΡΠ°Π²Π΅Π½ ΡΠ°Π·ΠΌΠ΅ΡΡ ΡΠΌΠ°ΡΡΡΠΎΠ½Π° ΠΈΠ»ΠΈ ΠΌΠ΅Π½ΡΡΠ΅. ΠΡΠΈ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠΉ ΠΎΡΠΈΠ΅Π½ΡΠ°ΡΠΈΠΈ ΠΎΠΊΠ½ΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΠ° ΡΠΌΠ°ΡΡΡΠΎΠ½Π° ΡΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ 480 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ Π² ΡΠΈΡΠΈΠ½Ρ ΠΈ 320 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ Π² Π²ΡΡΠΎΡΡ.
Π‘ΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ Π½ΠΎΡΠΈΡΠ΅Π»Π΅ΠΉ
Π ΡΡΠΎΠΌ ΡΠΏΡΠ°ΠΆΠ½Π΅Π½ΠΈΠΈ Π±ΡΠ΄Π΅Ρ ΡΠΎΠ·Π΄Π°Π½Π° Π½ΠΎΠ²Π°Ρ ΡΠ°Π±Π»ΠΈΡΠ° ΡΡΠΈΠ»Π΅ΠΉ ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ Π½ΠΎΡΠΈΡΠ΅Π»Π΅ΠΉ Π΄Π»Ρ ΡΡΡΡΠΎΠΉΡΡΠ² Ρ Π΄ΠΈΡΠΏΠ»Π΅ΡΠΌΠΈ, Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½ΡΠΌΠΈ ΡΠΌΠ°ΡΡΡΠΎΠ½Π°ΠΌ. ΠΠΎΡΠ»Π΅ ΡΡΠΎΠ³ΠΎ Π±ΡΠ΄ΡΡ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Ρ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠ°Π²ΠΈΠ»Π° CSS ΠΊ ΠΏΡΠ°Π²ΠΈΠ»Ρ Π½ΠΎΡΠΈΡΠ΅Π»Π΅ΠΉ.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡΡΠΈ ΡΠ·Π΅Π» ΠΏΠ°ΠΏΠΊΠΈ
css
Π² ΠΎΠΊΠ½Π΅ βΠΡΠΎΠ΅ΠΊΡΡβ ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ βΠ‘ΠΎΠ·Π΄Π°ΡΡβ > βΠ’Π°Π±Π»ΠΈΡΠ° ΠΊΠ°ΡΠΊΠ°Π΄Π½ΡΡ ΡΠ°Π±Π»ΠΈΡβ Π²ΠΎ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΌ ΠΌΠ΅Π½Ρ.ΠΠ²Π΅Π΄ΠΈΡΠ΅ mycss Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΈΠΌΠ΅Π½ΠΈ ΡΠ°ΠΉΠ»Π°. ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡ βΠΠΎΡΠΎΠ²ΠΎβ.
ΠΠΎΡΠ»Π΅ Π½Π°ΠΆΠ°ΡΠΈΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ βΠΠΎΡΠΎΠ²ΠΎβ ΡΠ°Π±Π»ΠΈΡΠ° Π½ΠΎΠ²ΡΡ ΡΡΠΈΠ»Π΅ΠΉ ΠΎΡΠΊΡΡΠ²Π°Π΅ΡΡΡ Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅.
ΠΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ Π½ΠΎΡΠΈΡΠ΅Π»Π΅ΠΉ ΠΊ ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΡΠΈΠ»Π΅ΠΉ.
/*My rule for smartphone*/ @media (max-width: 480px) { }
ΠΡΠ±ΡΠ΅ ΠΏΡΠ°Π²ΠΈΠ»Π° CSS, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ Π² ΡΠΊΠΎΠ±ΠΊΠ°Ρ
Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΏΡΠ°Π²ΠΈΠ»Π°, Π±ΡΠ΄ΡΡ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π² ΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅, ΠΊΠΎΠ³Π΄Π° ΡΠ°Π·ΠΌΠ΅Ρ ΠΎΠΊΠ½Π° Π±ΡΠ°ΡΠ·Π΅ΡΠ° ΡΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ 480 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ Π² ΡΠΈΡΠΈΠ½Ρ ΠΈΠ»ΠΈ ΠΌΠ΅Π½ΡΡΠ΅.
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ² ΠΊΠΎΠ΄Π° Π΄Π»Ρ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΠΎΠ² ΠΊΠΎΠ΄Π°, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°ΡΡΠΎ. ΠΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ°Π±Π»ΠΎΠ½Ρ ΠΊΠΎΠ΄Π° CSS Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ βΠ¨Π°Π±Π»ΠΎΠ½Ρ ΠΊΠΎΠ΄Π°β Π² ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ βΠ Π΅Π΄Π°ΠΊΡΠΎΡβ ΠΎΠΊΠ½Π° βΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡβ.
Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ.
ΠΡΠΊΡΠΎΠΉΡΠ΅
index.html
Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅.
ΠΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΡΡ ΡΡΡΠ»ΠΊΡ Π½Π° ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅Π³Π°ΠΌΠΈ
<head>
Π²index.html
. Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ.
<link type="text/css" rel="stylesheet" href="css/mycss.css">
ΠΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠ½ΠΊΡΠΈΡ Π°Π²ΡΠΎΠ·Π°Π²Π΅ΡΡΠ΅Π½ΠΈΡ ΠΊΠΎΠ΄Π° Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅, ΡΡΠΎΠ±Ρ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΡΡΡΠ»ΠΊΡ Π½Π° ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ.
ΠΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΡΠ°Π²ΠΈΠ» CSS
Π Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ Chrome ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π·Π½Π°ΡΠΎΠΊ NetBeans ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ Π² ΠΌΠ΅Π½Ρ βΠΡΠΎΠ²Π΅ΡΠΈΡΡ Π² ΡΠ΅ΠΆΠΈΠΌΠ΅NetBeansβ.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΈΠ²Π°Π΅ΡΡΡ, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ Π²ΡΠ±ΡΠ°Π½ Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ βΠΡΠΎΠ²Π΅ΡΠΊΠ°β. ΠΠ° ΡΡΠΎΠΌ ΡΠ½ΠΈΠΌΠΊΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ²ΠΈΠ΄Π΅ΡΡ, ΡΡΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΈΠ²Π°Π΅ΡΡΡ ΡΠΈΠ½ΠΈΠΌ ΡΠ²Π΅ΡΠΎΠΌ.
Figure 5. ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π²ΡΠ±ΡΠ°Π½ΠΎ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ Chrome
Π IDE ΠΌΠΎΠΆΠ½ΠΎ ΡΠ²ΠΈΠ΄Π΅ΡΡ, ΡΡΠΎ ΠΏΡΠ°Π²ΠΈΠ»Π° ΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π° CSS, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ ΠΊ img
, ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»Π΅Π½Ρ Π² ΠΎΠΊΠ½Π΅ βΠ‘ΡΠΈΠ»ΠΈ CSSβ. ΠΠΊΠ»Π°Π΄ΠΊΠ° βΠΡΠ±ΠΎΡβ Π² ΠΎΠΊΠ½Π΅ βΠ‘ΡΠΈΠ»ΠΈ CSSβ ΠΈΠΌΠ΅Π΅Ρ ΡΡΠΈ ΠΏΠ°Π½Π΅Π»ΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠ°Ρ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΡΠ΅ ΡΠ²Π΅Π΄Π΅Π½ΠΈΡ ΠΎ Π²ΡΠ±ΡΠ°Π½Π½ΠΎΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅.
Figure 6. ΠΠΊΠ½ΠΎ βΠ‘ΡΠΈΠ»ΠΈ CSSβ, Π³Π΄Π΅ Π²ΡΠ±ΡΠ°Π½ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅
ΠΠ΅ΡΡ Π½ΡΡ ΠΏΠ°Π½Π΅Π»Ρ
Π Π²Π΅ΡΡ
Π½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ βΠ‘Π²ΠΎΠΉΡΡΠ²Π°β ΠΌΠΎΠΆΠ½ΠΎ ΡΠ²ΠΈΠ΄Π΅ΡΡ, ΡΡΠΎ ΡΠ΅ΡΡΡ ΠΏΠ°Ρ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ-Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ img
. Π’ΡΠΈ ΠΏΠ°ΡΡ ( border
, float
ΠΈ margin
) ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΡΠ°Π²ΠΈΠ»Π° CSS Π΄Π»Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° img
. ΠΡΡΠ°Π»ΡΠ½ΡΠ΅ ΡΡΠΈ ΠΏΠ°ΡΡ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΏΠΎΡΠΎΠΌΡ, ΡΡΠΎ ΡΠ»Π΅ΠΌΠ΅Π½Ρ img
Π½Π°ΡΠ»Π΅Π΄ΡΠ΅Ρ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΊΠ»Π°ΡΡΠ° ΡΡΠ΅Π΄ΡΡΠ² Π²ΡΠ±ΠΎΡΠ°, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ ΠΊ ΠΎΠ±ΡΠ΅ΠΊΡΠ°ΠΌ, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΠΌ ΡΠ»Π΅ΠΌΠ΅Π½Ρ img
. ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΠΌΠΎΠ³ΡΡ ΡΠ΅ΡΠΊΠΎ Π²ΠΈΠ΄Π΅ΡΡ ΡΡΡΡΠΊΡΡΡΡ DOM Π² ΠΎΠΊΠ½Π΅ βΠΠ°Π²ΠΈΠ³Π°ΡΠΎΡβ. Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ border
Π² Π½Π°ΡΡΠΎΡΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ Π²ΡΠ±ΡΠ°Π½ΠΎ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ βΠ‘Π²ΠΎΠΉΡΡΠ²Π°β Π² ΠΎΠΊΠ½Π΅ βΠ‘ΡΠΈΠ»ΠΈ CSSβ.
Π‘ΡΠ΅Π΄Π½ΡΡ ΠΏΠ°Π½Π΅Π»Ρ
ΠΠ° ΡΡΠ΅Π΄Π½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ βΠΡΠΈΠΌΠ΅Π½Π΅Π½Π½ΡΠ΅ ΡΡΠΈΠ»ΠΈβ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ²ΠΈΠ΄Π΅ΡΡ, ΡΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ border
ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠΊΠ°Π·Π°Π½ΠΎ Π² ΠΏΡΠ°Π²ΠΈΠ»Π΅ CSS, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½Ρ img
. ΠΡΠ°Π²ΠΈΠ»ΠΎ Π½Π°Ρ
ΠΎΠ΄ΠΈΡΡΡ Π½Π° ΡΡΡΠΎΠΊΠ΅ 12 Π² ΡΠ°ΠΉΠ»Π΅
basecss.css
. ΠΠΎΠΆΠ½ΠΎ Π½Π°ΠΆΠ°ΡΡ ΠΌΠ΅ΡΡΠΎΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ, ΡΡΠΎΠ±Ρ ΠΎΡΠΊΡΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅.
ΠΠΈΠΆΠ½ΡΡ ΠΏΠ°Π½Π΅Π»Ρ
Π Π½ΠΈΠΆΠ½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π²ΡΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π°, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Ρ Π² ΠΏΡΠ°Π²ΠΈΠ»Π΅ CSS Π΄Π»Ρ ΠΏΡΠ°Π²ΠΈΠ»Π°, Π²ΡΠ±ΡΠ°Π½Π½ΠΎΠ³ΠΎ Π² ΡΡΠ΅Π΄Π½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ. Π ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π²ΠΈΠ΄Π½ΠΎ, ΡΡΠΎ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ Π΄Π»Ρ img
ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠ²ΠΎΠΉΡΡΠ²Π° border
, float
ΠΈ margin-right
.
Π ΠΎΠΊΠ½Π΅ βΠ‘ΡΠΈΠ»ΠΈ CSSβ ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΡ βΠΠΎΠΊΡΠΌΠ΅Π½ΡΡβ.
ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠ·Π΅Π»
css/mycss.css
ΠΈ Π½Π°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡ βΠΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΏΡΠ°Π²ΠΈΠ»Π° CSSβ (). Π ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΠΎΡΠΊΡΠΎΠ΅ΡΡΡ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ βΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΏΡΠ°Π²ΠΈΠ» CSSβ.
Figure 7. ΠΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ βΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΏΡΠ°Π²ΠΈΠ» CSSβ
ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΠΈΠΏΠ° ΡΡΠ΅Π΄ΡΡΠ²Π° Π²ΡΠ±ΠΎΡΠ° ΠΈ Π²Π²Π΅Π΄ΠΈΡΠ΅ img Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΡΠ΅Π΄ΡΡΠ²Π° Π²ΡΠ±ΠΎΡΠ°.
ΠΡΠ±Π΅ΡΠΈΡΠ΅
css/mycss.css
Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ ΠΈ (ΠΌΠ°ΠΊΡ-ΡΠΈΡ:480ΠΏΠΊΡ) ΠΊΠ°ΠΊ At-Rule.ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡ βΠΠβ.
Figure 8. ΠΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ βΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΏΡΠ°Π²ΠΈΠ» CSSβ
ΠΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΠ Π² IDE ΡΠΎΠ·Π΄Π°Π΅ΡΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ CSS Π΄Π»Ρ img
Π² ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΡΠΈΠ»Π΅ΠΉ css/mycss.css
ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΊΠΎΠ±ΠΊΠ°ΠΌΠΈ ΠΏΡΠ°Π²ΠΈΠ»Π° Π½ΠΎΡΠΈΡΠ΅Π»Π΅ΠΉ. ΠΠΎΠ²ΠΎΠ΅ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ ΡΠ΅ΠΉΡΠ°Ρ ΡΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ βΠΡΠΈΠΌΠ΅Π½Π΅Π½Π½ΡΠ΅ ΡΡΠΈΠ»ΠΈβ.
Π ΠΎΠΊΠ½Π΅ βΠ‘ΡΠΈΠ»ΠΈ CSSβ ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΡ βΠΡΠ±ΠΎΡβ.
ΠΠΎΠΆΠ½ΠΎ Π²ΠΈΠ΄Π΅ΡΡ, ΡΡΠΎ ΠΈΠΌΠ΅Π΅ΡΡΡ Π΄Π²Π° ΠΏΡΠ°Π²ΠΈΠ»Π° CSS Π΄Π»Ρ img
. ΠΠ΄Π½ΠΎ ΠΈΠ· ΠΏΡΠ°Π²ΠΈΠ» Π½Π°Ρ
ΠΎΠ΄ΠΈΡΡΡ Π² mycss.css
, Π° Π΄ΡΡΠ³ΠΎΠ΅ Π½Π°Ρ
ΠΎΠ΄ΠΈΡΡΡ Π² basecss.css
.
ΠΡΠ±Π΅ΡΠΈΡΠ΅ Π½ΠΎΠ²ΠΎΠ΅ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ
img
(ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ Π²mycss.css
) Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ βΠΡΠΈΠΌΠ΅Π½Π΅Π½Π½ΡΠ΅ ΡΡΠΈΠ»ΠΈβ Π² ΠΎΠΊΠ½Π΅ βΠ‘ΡΠΈΠ»ΠΈ CSSβ.
Figure 9. Π‘ΡΠΈΠ»ΠΈ Π΄Π»Ρ Π²ΡΠ±ΡΠ°Π½Π½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π² ΠΎΠΊΠ½Π΅ βΠ‘ΡΠΈΠ»ΠΈ CSSβ
Π Π½ΠΈΠΆΠ½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΎΠΊΠ½Π° Π²ΠΈΠ΄Π½ΠΎ, ΡΡΠΎ ΡΡΠΎ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ ΡΠ²ΠΎΠΉΡΡΠ².
ΠΠ°ΠΆΠΌΠΈΡΠ΅ βΠΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎβ Π² Π»Π΅Π²ΠΎΠΌ ΡΡΠΎΠ»Π±ΡΠ΅ Π½ΠΈΠΆΠ½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΎΠΊΠ½Π° βΠ‘ΡΠΈΠ»ΠΈ CSSβ ΠΈ Π²Π²Π΅Π΄ΠΈΡΠ΅ width.
ΠΠ²Π΅Π΄ΠΈΡΠ΅ 90px Π² ΠΏΡΠ°Π²ΠΎΠΌ ΡΡΠΎΠ»Π±ΡΠ΅ Π½Π°ΠΏΡΠΎΡΠΈΠ² ΡΠ²ΠΎΠΉΡΡΠ²Π°
width
ΠΈ Π½Π°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ»Π°Π²ΠΈΡΡ Return.
Figure 10. ΠΠ°Π½Π΅Π»Ρ βΠ‘Π²ΠΎΠΉΡΡΠ²Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡβ Π² ΠΎΠΊΠ½Π΅ βΠ‘ΡΠΈΠ»ΠΈ CSSβ
ΠΡΠΈ Π²Π²ΠΎΠ΄Π΅ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ² Π² ΡΡΠΎΠ»Π±ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ ΡΠΏΠΈΡΠΎΠΊ ΡΠ°ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ
Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ ΡΠ²ΠΎΠΉΡΡΠ²Π° width
.
ΠΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ ΠΊΠ»Π°Π²ΠΈΡΠΈ Return ΡΠΈΡΠΈΠ½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΌΠ΅Π½ΡΠ΅ΡΡΡ Π½Π° 90 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ. IDE Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅Ρ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΊ ΠΏΡΠ°Π²ΠΈΠ»Ρ CSS Π² ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΡΠΈΠ»Π΅ΠΉ mycss.css
. Π ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅ ΡΠ°Π±Π»ΠΈΡ ΡΡΠΈΠ»Π΅ΠΉ ΡΠ΅ΠΏΠ΅ΡΡ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ.
/*My rule for smartphone*/ @media (max-width: 480px) { img { width: 90px; } }
ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ Π²Π½Π΅ΡΠ΅Π½Ρ Π² ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΠΌΠ΅Π½Ρ ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ Π½Π΅ ΠΏΠΎΠΌΠ΅ΡΠ°Π΅ΡΡΡ Π² ΠΎΠΊΠ½ΠΎ.
ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° (
<ul>
) Π² ΠΎΠΊΠ½Π΅ Π±ΡΠ°ΡΠ·Π΅ΡΠ°.
Figure 11. ΠΡΠ²ΠΎΠ΄ΠΈΡ ΡΠΏΠΈΡΠΎΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², Π²ΡΠ±ΡΠ°Π½Π½ΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅
ΠΡΠΈ Π²ΡΠ±ΠΎΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΠΈΡΠΊΠ° Π² ΠΎΠΊΠ½Π΅ βΠΠ±Π·ΠΎΡ DOMβ Π²ΡΠ±ΠΈΡΠ°Π΅ΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ <ul>
, Π° Π² ΠΎΠΊΠ½Π΅ βΠ‘ΡΠΈΠ»ΠΈ CSSβ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ ΡΡΠΈΠ»ΠΈ, ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½Π½ΡΠ΅ ΠΊ ΡΡΠΎΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ.
Figure 12. ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°, Π²ΡΠ±ΡΠ°Π½Π½ΡΠΉ Π² ΠΎΠΊΠ½Π΅ βΠΠ±Π·ΠΎΡ DOMβ
ΠΡΠ»ΠΈ Π²ΡΠ±ΡΠ°ΡΡ font-family
Π² ΠΎΠΊΠ½Π΅ βΠ‘ΡΠΈΠ»ΠΈ CSSβ, ΡΠΎ Π²ΠΈΠ΄Π½ΠΎ, ΡΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ font-family
ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Ρ Π² ΡΡΠ΅Π΄ΡΡΠ²Π΅ Π²ΡΠ±ΠΎΡΠ° ΠΊΠ»Π°ΡΡΠΎΠ² .ui-widget
.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΠ°ΠΉΠ»
index.html
Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅, Π° Π·Π°ΡΠ΅ΠΌ ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΡ βΠΠΎΠΊΡΠΌΠ΅Π½Ρβ Π² ΠΎΠΊΠ½Π΅ βΠ‘ΡΠΈΠ»ΠΈ CSSβ.
Π Π°Π·Π²Π΅ΡΠ½ΠΈΡΠ΅ ΡΠ·Π΅Π»
css/mycss.css
Π² ΠΎΠΊΠ½Π΅ βΠ‘ΡΠΈΠ»ΠΈ CSSβ.
Figure 13. Π’Π°Π±Π»ΠΈΡΠ° ΡΡΠΈΠ»Π΅ΠΉ, Π²ΡΠ±ΡΠ°Π½Π½Π°Ρ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ βΠΠΎΠΊΡΠΌΠ΅Π½Ρβ ΠΎΠΊΠ½Π° βΠ‘ΡΠΈΠ»ΠΈ CSSβ
ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡ βΠΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΏΡΠ°Π²ΠΈΠ»Π° CSSβ () Π² ΠΎΠΊΠ½Π΅ βΠ‘ΡΠΈΠ»ΠΈ CSSβ, ΡΡΠΎΠ±Ρ ΠΎΡΠΊΡΡΡΡ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ βΠΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΏΡΠ°Π²ΠΈΠ»Π° CSSβ.
ΠΡΠ±Π΅ΡΠΈΡΠ΅ βΠΠ»Π°ΡΡβ ΠΊΠ°ΠΊ βΠ’ΠΈΠΏ ΡΡΠ΅Π΄ΡΡΠ²Π° Π²ΡΠ±ΠΎΡΠ°β ΠΈ Π²Π²Π΅Π΄ΠΈΡΠ΅ ui-widget ΠΊΠ°ΠΊ βΠ‘ΡΠ΅Π΄ΡΡΠ²ΠΎ Π²ΡΠ±ΠΎΡΠ°β.
ΠΡΠ±Π΅ΡΠΈΡΠ΅ *
css/mycss.css
* ΠΊΠ°ΠΊ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ ΠΈ (ΠΌΠ°ΠΊΡ-ΡΠΈΡ:480ΠΏΠΊΡ) ΠΊΠ°ΠΊ At-Rule.ΠΠ°ΠΆΠΌΠΈΡΠ΅ OK.
ΠΠΎΡΠ»Π΅ ΡΠ΅Π»ΡΠΊΠ° OK Π² IDE Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΡΡΡ Π½ΠΎΠ²ΠΎΠ΅ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ ΠΊ ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΡΠΈΠ»Π΅ΠΉ mycss.css
ΠΈ ΠΎΡΠΊΡΡΠ²Π°Π΅ΡΡΡ ΡΠ°ΠΉΠ» Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅. ΠΡΠ»ΠΈ ΡΠ°ΠΉΠ» Π½Π΅ ΠΎΡΠΊΡΡΠ²Π°Π΅ΡΡΡ Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄Π²Π°ΠΆΠ΄Ρ ΡΠ΅Π»ΠΊΠ½ΡΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ ui-widget
Π² ΡΠ·Π»Π΅ css/mycss.css
ΠΎΠΊΠ½Π° ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ, ΡΡΠΎΠ±Ρ ΠΎΡΠΊΡΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ. ΠΡΡΡΠΎΡ ΠΏΠΎΠΌΠ΅ΡΠ°Π΅ΡΡΡ Π² ΡΡΡΠΎΠΊΡ, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΡΠΈΠ»Π΅ΠΉ.
ΠΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ (Π²ΡΠ΄Π΅Π»Π΅Π½ΠΎ ΠΏΠΎΠ»ΡΠΆΠΈΡΠ½ΡΠΌ ΡΡΠΈΡΡΠΎΠΌ) ΠΊ ΠΏΡΠ°Π²ΠΈΠ»Ρ Π΄Π»Ρ
ui-widget
.
.ui-widget { *font-size: 0.9em;* }
ΠΠΎΠ³Π΄Π° Π²Ρ ΠΈΠ·ΠΌΠ΅Π½ΡΠ΅ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΡΠΈΠ»Π΅ΠΉ, ΡΡΡΠ°Π½ΠΈΡΠ° Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΎΠ±Π½ΠΎΠ²Π»ΡΠ΅ΡΡΡ Π² ΠΎΠΊΠ½Π΅ Π±ΡΠ°ΡΠ·Π΅ΡΠ°.
ΠΠΎΠΆΠ½ΠΎ Π²Π²Π΅ΡΡΠΈ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅ ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠ½ΠΊΡΠΈΡ Π·Π°Π²Π΅ΡΡΠ΅Π½ΠΈΡ ΠΊΠΎΠ΄Π° Π΄Π»Ρ ΡΠ΅ΡΠ΅Π½ΠΈΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ. Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Ρ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΠ±ΡΠ°ΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ .ui-widget
Π² Π²Π΅ΡΡ
Π½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈ ΡΠ΅Π»ΠΊΠ½ΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ βΠΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎβ Π² Π½ΠΈΠΆΠ½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ, ΡΡΠΎΠ±Ρ ΠΎΡΠΊΡΡΡΡ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ βΠΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎβ.
Figure 14. ΠΠ²ΡΠΎΠ·Π°Π²Π΅ΡΡΠ΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° CSS Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅
ΠΠΎΡΠ»Π΅ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΠΏΡΠ°Π²ΠΈΠ»Π° Π²ΠΈΠ΄Π½ΠΎ, ΡΡΠΎ ΠΌΠ΅Π½Ρ ΡΠ΅ΠΏΠ΅ΡΡ ΠΏΠΎΠΌΠ΅ΡΠ°Π΅ΡΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅.
Figure 15. Π‘ΡΡΠ°Π½ΠΈΡΠ°, ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°Π΅ΠΌΠ°Ρ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, Ρ Π½ΠΎΠ²ΡΠΌΠΈ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½Π½ΡΠΌΠΈ ΠΏΡΠ°Π²ΠΈΠ»Π°ΠΌΠΈ CSS
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ Π·Π½Π°ΡΠΎΠΊ NetBeans Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ Π² ΠΌΠ΅Π½Ρ βΠΠ»Π°Π½ΡΠ΅Ρ- ΠΏΠΎΡΡΡΠ΅Ρβ.
ΠΠΎΡΠ»Π΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΠΎΠΊΠ½Π° ΡΡΠ°Π»ΠΎ ΠΎΡΠ΅Π²ΠΈΠ΄Π½ΠΎ, ΡΡΠΎ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ Π½Π΅ ΠΏΠΎΠ²Π»ΠΈΡΠ»ΠΈ Π½Π° ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΠΌΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, Π΅ΡΠ»ΠΈ ΡΠΈΡΠΈΠ½Π° ΡΠΊΡΠ°Π½Π° Π±ΡΠ»Π° Π±ΠΎΠ»ΡΡΠ΅ 480 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ.
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠΎΠ² CSS
ΠΠΎΠΌΠΈΠΌΠΎ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΡ ΡΠ°ΠΉΠ»ΠΎΠ² CSS ΡΡΠ΅Π΄Π° IDE ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΡ CSS β Sass ΠΈ LESS, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠ΅ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡ ΡΡΠΈΠ»Π΅ΠΉ Π΄Π»Ρ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Π ΡΡΠ΅Π΄Π΅ IDE ΠΏΡΠ΅Π΄ΡΡΠΌΠΎΡΡΠ΅Π½Ρ ΠΌΠ°ΡΡΠ΅ΡΠ° Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°ΠΉΠ»ΠΎΠ² ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠΎΠ² CSS ΠΈ ΡΠΊΠ°Π·Π°Π½ΠΈΡ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΡΠ΅ΠΌΡΡ ΠΊΠ°ΡΠ°Π»ΠΎΠ³ΠΎΠ². ΠΡΠ»ΠΈ ΡΠΊΠ°Π·Π°Π½ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΡΠ΅ΠΌΡΠΉ ΠΊΠ°ΡΠ°Π»ΠΎΠ³, ΡΠ°ΠΉΠ»Ρ CSS Π±ΡΠ΄ΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΡΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΡΠ°ΠΉΠ»ΠΎΠ² ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ° CSS Π² ΡΡΠΎΠΌ ΠΊΠ°ΡΠ°Π»ΠΎΠ³Π΅.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅. ΠΠ»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ° CSS Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠ΅Π΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΠΎΠ΅ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΈ ΡΠΊΠ°Π·Π°ΡΡ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈΡΠΏΠΎΠ»Π½ΡΠ΅ΠΌΠΎΠ³ΠΎ ΡΠ°ΠΉΠ»Π°. Π Π°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈΡΠΏΠΎΠ»Π½ΡΠ΅ΠΌΠΎΠ³ΠΎ ΡΠ°ΠΉΠ»Π° ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°ΡΡ Π² ΠΎΠΊΠ½Π΅ βΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡβ.
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΠΎΠ΅ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ° CSS Π½Π° Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎΠΌ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ΅.
Π ΡΡΠ΅Π΄Π΅ IDE ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΡΡ ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΡ Sass ΠΈ LESS. Π ΡΡΠΎΠΌ ΡΡΠ΅Π±Π½ΠΎΠΌ ΠΊΡΡΡΠ΅ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ°ΠΉΠ»Ρ CSS Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ° Sass. ΠΠ»Ρ ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ° LESS ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΡ ΠΎΠ΄Π½Π°Ρ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΡ.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅. ΠΡΠΈ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ΅ ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ° LESS Π² ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΠ΅ X ΡΠ±Π΅Π΄ΠΈΡΠ΅ΡΡ, ΡΡΠΎ Π² ΠΊΠ°ΡΠ°Π»ΠΎΠ³Π΅ usr/bin
ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ ΡΠ°ΠΉΠ» Node.js. ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΠ²Π΅Π΄Π΅Π½ΠΈΡ ΡΠΌ. Π² ΠΏΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠΈ.
Π Π°Π·Π²Π΅ΡΠ½ΠΈΡΠ΅ ΡΡΡΡΠΊΡΡΡΡ ΠΏΡΠΎΠ΅ΠΊΡΠ° HTML5Demo Π² ΠΎΠΊΠ½Π΅ βΠ€Π°ΠΉΠ»Ρβ.
Π ΡΠΎΠΌ ΠΆΠ΅ ΠΎΠΊΠ½Π΅ βΠ€Π°ΠΉΠ»Ρβ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡΡΠΈ ΠΏΠ°ΠΏΠΊΡ
public_html
ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ Π‘ΠΎΠ·Π΄Π°ΡΡ > ΠΠ°ΠΏΠΊΠ° Π² ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅ΠΌΡΡ ΠΌΠ΅Π½Ρ.
ΠΡΠ»ΠΈ Π² ΠΌΠ΅Π½Ρ Π½Π΅Ρ ΠΏΡΠ½ΠΊΡΠ° βΠΠ°ΠΏΠΊΠ°β, Π²ΡΠ±Π΅ΡΠΈΡΠ΅ βΠΡΡΠ³ΠΈΠ΅β ΠΈ ΡΠΊΠ°ΠΆΠΈΡΠ΅ ΡΠΈΠΏ ΡΠ°ΠΉΠ»Π° βΠΠ°ΠΏΠΊΠ°β Π² ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ βΠΡΡΠ³ΠΈΠ΅β ΠΌΠ°ΡΡΠ΅ΡΠ° ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ².
Π ΠΏΠΎΠ»Π΅ βΠΠΌΡ ΡΠ°ΠΉΠ»Π°β Π²Π²Π΅Π΄ΠΈΡΠ΅ scss.
ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡ βΠΠΎΡΠΎΠ²ΠΎβ.
ΠΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ βΠΠΎΡΠΎΠ²ΠΎβ Π² ΠΌΠ°ΡΡΠ΅ΡΠ΅ ΡΡΠ΅Π΄Π° IDE ΡΠΎΠ·Π΄Π°Π΅Ρ Π½ΠΎΠ²ΡΡ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΡ ΠΏΠ°ΠΏΠΊΡ Π² ΠΏΠ°ΠΏΠΊΠ΅ public_htmll
.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡΡΠΈ ΡΠ·Π΅Π» ΠΏΠ°ΠΏΠΊΠΈ
scss
Π² ΠΎΠΊΠ½Π΅ βΠΡΠΎΠ΅ΠΊΡΡβ ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ Π‘ΠΎΠ·Π΄Π°ΡΡ > Π€Π°ΠΉΠ» Sass Π² ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅ΠΌΡΡ ΠΌΠ΅Π½Ρ.
Π ΠΏΠΎΠ»Π΅ βΠΠΌΡ ΡΠ°ΠΉΠ»Π°β Π²Π²Π΅Π΄ΠΈΡΠ΅ mysass.
ΠΠ°ΠΆΠΌΠΈΡΠ΅ βΠΠ°ΡΡΡΠΎΠΈΡΡβ. Π ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΠΎΡΠΊΡΠΎΠ΅ΡΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠ° βΠΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡ CSSβ Π² ΠΎΠΊΠ½Π΅ βΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡβ.
Π£ΠΊΠ°ΠΆΠΈΡΠ΅ ΠΏΡΡΡ ΠΊ ΠΈΡΠΏΠΎΠ»Π½ΡΠ΅ΠΌΠΎΠΌΡ ΡΠ°ΠΉΠ»Ρ Sass ΠΈΠ»ΠΈ Π½Π°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡ βΠΠ±Π·ΠΎΡβ ΠΈ Π½Π°ΠΉΠ΄ΠΈΡΠ΅ ΠΈΡΠΏΠΎΠ»Π½ΡΠ΅ΠΌΡΠΉ ΡΠ°ΠΉΠ» Π½Π° Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎΠΌ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ΅. ΠΠ»Ρ Π·Π°ΠΊΡΡΡΠΈΡ ΠΎΠΊΠ½Π° Β«ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡΒ» Π½Π°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡ Β«ΠΠΒ».
Figure 16. Π‘ΡΡΠ°Π½ΠΈΡΠ°, ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°Π΅ΠΌΠ°Ρ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, Ρ Π½ΠΎΠ²ΡΠΌΠΈ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½Π½ΡΠΌΠΈ ΠΏΡΠ°Π²ΠΈΠ»Π°ΠΌΠΈ CSS
Π ΠΌΠ°ΡΡΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°ΠΉΠ»ΠΎΠ² Π²ΡΠ±Π΅ΡΠΈΡΠ΅ βΠΠΎΠΌΠΏΠΈΠ»ΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°ΠΉΠ»Ρ Sass ΠΏΡΠΈ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠΈβ. ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡ βΠΠβ.
Figure 17. Π‘ΡΡΠ°Π½ΠΈΡΠ°, ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°Π΅ΠΌΠ°Ρ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, Ρ Π½ΠΎΠ²ΡΠΌΠΈ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½Π½ΡΠΌΠΈ ΠΏΡΠ°Π²ΠΈΠ»Π°ΠΌΠΈ CSS
ΠΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΠ Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅ ΠΎΡΠΊΡΡΠ²Π°Π΅ΡΡΡ Π½ΠΎΠ²ΡΠΉ ΡΠ°ΠΉΠ» Sass mysass.
. scss
ΠΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π² ΡΠ°ΠΉΠ»
mysass.scss
ΠΈ ΡΠΎΡ ΡΠ°Π½ΠΈΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ.
img { margin-right: 20px; float:left; border: 1px solid; @media (max-width: 480px) { width: 90px; } } .ui-widget { @media (max-width: 480px) { font-size: 0.9em; li { color: red; } } }
ΠΡΠΈ ΡΠΎΡ
ΡΠ°Π½Π΅Π½ΠΈΠΈ ΡΠ°ΠΉΠ»Π° ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡ Sass ΡΠΎΠ·Π΄Π°Π΅Ρ Π½ΠΎΠ²ΡΠΉ ΡΠ°ΠΉΠ» CSS mysass.css
Π² ΠΏΠ°ΠΏΠΊΠ΅ css
. ΠΡΠ»ΠΈ ΠΎΡΠΊΡΡΡΡ ΡΠ°ΠΉΠ» mysass.css
Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅, Π² Π½Π΅ΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΠΏΡΠ°Π²ΠΈΠ»Π°, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠ΅ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΡΠ°ΠΉΠ»Π° scss
. ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π² ΡΠ°ΠΉΠ»Π΅ mysass.css
Π³Π΅Π½Π΅ΡΠΈΡΡΠ΅ΡΡΡ ΠΎΡΠ»Π°Π΄ΠΎΡΠ½Π°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ CSS. ΠΡΠ»ΠΈ ΠΎΡΠ»Π°Π΄ΠΎΡΠ½Π°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π±ΠΎΠ»ΡΡΠ΅ Π½Π΅ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ, ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠΌΠ΅Π½ΠΈΡΡ Π΅Π΅ Π³Π΅Π½Π΅ΡΠ°ΡΠΈΡ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ βΠΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΡ CSSβ Π² ΠΎΠΊΠ½Π΅ βΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡβ.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΡ.
ΠΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΏΡΠ°Π²ΠΈΠ»Π° CSS, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π²Π½ΠΎΡΠΈΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π² ΡΠ°ΠΉΠ» ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ° Sass
mysass.
, Π° Π½Π΅ Π² ΡΠ°ΠΉΠ» ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉscss
mysass.css
, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΡΠ°Π±Π»ΠΈΡΠ° ΡΡΠΈΠ»Π΅ΠΉ ΡΠΎΠ·Π΄Π°Π΅ΡΡΡ Π·Π°Π½ΠΎΠ²ΠΎ ΠΏΡΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½Π½ΠΎΠ³ΠΎ ΡΠ°ΠΉΠ»Π° ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ°.ΠΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ ΠΎ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ΅ Sass ΠΈ Π΄ΡΡΠ³ΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°Ρ Sass ΡΠΌ. Π² ΡΠ°Π·Π΄Π΅Π»Π΅ Π‘ΠΏΡΠ°Π²ΠΎΡΠ½ΡΠ΅ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Ρ Sass.
ΠΡΠΊΡΠΎΠΉΡΠ΅ ΡΠ°ΠΉΠ»
index.html
ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΠ΅ ΡΡΡΠ»ΠΊΡ Π½Π° ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ Ρmycss.css
Π½Π°mysass.css
. Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ.
<link type="text/css" rel="stylesheet" href="css/*mysass.css*">
ΠΡΠΈ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠΈ ΡΠ°ΠΉΠ»Π° Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΎΠ±Π½ΠΎΠ²Π»ΡΠ΅ΡΡΡ ΡΡΡΠ°Π½ΠΈΡΠ° Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅. ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° ΡΠ΅ΠΏΠ΅ΡΡ Π²ΡΠ΄Π΅Π»Π΅Π½Ρ ΠΊΡΠ°ΡΠ½ΡΠΌ ΡΠ²Π΅ΡΠΎΠΌ.
ΠΠ°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅
Π ΡΡΠΎΠΌ ΡΡΠ΅Π±Π½ΠΎΠΌ ΠΊΡΡΡΠ΅ ΠΎΠΏΠΈΡΡΠ²Π°Π΅ΡΡΡ, ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΠΏΡΠ°Π²ΠΈΠ»Π° CSS ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ HTML5 Π΄Π»Ρ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π½Π° ΡΡΡΡΠΎΠΉΡΡΠ²Π΅ Ρ ΠΌΠ΅Π½ΡΡΠΈΠΌ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠΌ ΡΠΊΡΠ°Π½Π°. ΠΡ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅Π»ΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, ΡΠ°Π·ΠΌΠ΅Ρ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ Π±ΡΠ» ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ Π΄ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΠΎΠ±ΡΡΠ½ΠΎΠ³ΠΎ ΡΠΌΠ°ΡΡΡΠΎΠ½Π°. ΠΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈ βΠΡΠΎΠ²Π΅ΡΠΊΠ°β Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ NetBeans Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ Chrome Π΄Π»Ρ ΠΏΠΎΠΈΡΠΊΠ° ΠΏΡΠ°Π²ΠΈΠ» ΡΡΠΈΠ»Π΅ΠΉ, Π° Π·Π°ΡΠ΅ΠΌ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»ΠΈ ΠΏΡΠ°Π²ΠΈΠ»Π° Π΄Π»Ρ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ ΠΌΠ°ΠΊΠ΅ΡΠ° Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ ΠΌΠ΅Π½ΡΡΠΈΠΌ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠΌ ΡΠΊΡΠ°Π½Π°.
ΠΡΠΏΡΠ°Π²ΠΈΡΡ ΠΎΡΠ·ΡΠ² ΠΏΠΎ ΡΡΠΎΠΌΡ ΡΡΠ΅Π±Π½ΠΎΠΌΡ ΠΊΡΡΡΡ
Π‘ΠΌ. ΡΠ°ΠΊΠΆΠ΅
ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅ ΠΎ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ HTML5 Π² IDE ΡΠΌ. Π² ΡΠ»Π΅Π΄ΡΡΡΠΈΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π°Ρ Π½Π° ΡΠ°ΠΉΡΠ΅ www.netbeans.org:
ΠΠ°ΡΠ°Π»ΠΎ ΡΠ°Π±ΠΎΡΡ Ρ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΠΌΠΈ HTML5. ΠΠΎΠΊΡΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΠΊΠ°ΠΊ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ NetBeans Connector Π΄Π»Ρ Chrome, Π° ΡΠ°ΠΊΠΆΠ΅ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ Π·Π°ΠΏΡΡΠΊ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ HTML5.
ΠΡΠ»Π°Π΄ΠΊΠ° ΠΈ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ JavaScript Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΡ HTML5. ΠΠΎΠΊΡΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΡΠΉ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΡΠ΅Ρ, ΠΊΠ°ΠΊ IDE ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠ³ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π² ΠΎΡΠ»Π°Π΄ΠΊΠ΅ ΠΈ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ ΡΠ°ΠΉΠ»ΠΎΠ² ΡΡΠ΅Π½Π°ΡΠΈΠ΅Π² JAVA Π² IDE.
ΠΠ»Π°Π²Π° Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ HTML5 Π² Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅ Π ΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π² IDE NetBeans
ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΠ²Π΅Π΄Π΅Π½ΠΈΡ ΠΎ jQuery Π΄ΠΎΡΡΡΠΏΠ½Ρ Π² ΠΎΡΠΈΡΠΈΠ°Π»ΡΠ½ΠΎΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ:
ΠΡΠΈΡΠΈΠ°Π»ΡΠ½Π°Ρ Π΄ΠΎΠΌΠ°ΡΠ½ΡΡ ΡΡΡΠ°Π½ΠΈΡΠ°: http://jquery.com
ΠΠΎΠΌΠ°ΡΠ½ΡΡ ΡΡΡΠ°Π½ΠΈΡΠ° UI: http://jqueryui.com/
Π£ΡΠ΅Π±Π½ΡΠ΅ ΠΊΡΡΡΡ: http://docs.jquery.com/Tutorials
ΠΠ»Π°Π²Π½Π°Ρ ΡΡΡΠ°Π½ΠΈΡΠ° Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ: http://docs.
jquery.com/Main_Page
ΠΠ΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΠΈ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΈ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ: http://jqueryui.com/demos/
Π€ΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ Π΄Π»Ρ ΡΠ°ΠΉΠ½ΠΈΠΊΠΎΠ²
ΠΠΈΠΊΠ±Π΅Π· Π΄Π»Ρ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Ρ ΠΎΡΡΡ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ Π½Π΅ ΠΏΡΠΎΡΡΠΎ ΡΠ°ΠΊ, Π° ΠΏΠΎΠ΄ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΡ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ.
Π‘ΠΎΠ±Π°ΠΊΠ° ΠΠ°Π²Π»ΠΎΠ²Π°
Π’ΠΠ₯ΠΠΠΠΠΠΠ
ΠΠ΅ΡΠ΅ ΠΠΎΡΡΠ΅Π»Ρ Π΄Π΅Π»Ρ ΠΠ°Π·ΠΎ, Β«ΠΠ΅Π³ΡΡΠ²ΠΎ ΠΎΡ ΠΊΡΠΈΡΠΈΠΊΠΈΒ»
ΠΡΡΠΎΡΠΈΡΠ΅ΡΠΊΠΈ ΡΠ»ΠΎΠΆΠΈΠ»ΠΎΡΡ, ΡΡΠΎ Π²ΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ, ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΠ΅ ΠΈ Π΄Π΅ΡΠΊΡΠΎΠΏΠ½ΡΠ΅, Π½Π° Π²ΡΠ΅Ρ ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ°Ρ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡΡ Π²ΡΠ΅Π³ΠΎ Π»ΠΈΡΡ ΡΡΠΈ Π²Π΅ΡΠΈ: HTML, CSS ΠΈ JavaScript (Π½Π΅ ΠΏΡΡΠ°ΡΡ Ρ Java!).
ΠΡΠ»ΠΈ ΠΏΠΎΠΏΡΡΠΊΠΈ ΠΏΠΎΠ΄ΡΡΠΆΠΈΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΡ Ρ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΡΠ΅Ρ
Π½ΠΎΠ»ΠΎΠ³ΠΈΡΠΌΠΈ: Visual Basic, Java, ActiveX, β Π½ΠΎ Π²ΡΠ΅ ΠΎΠ½ΠΈ ΠΏΡΠΎΠ²Π°Π»ΠΈΠ»ΠΈΡΡ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΠΈ ΠΆΠ΅Π»Π΅Π·Π° ΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² Π½Π΅ ΡΠΌΠΎΠ³Π»ΠΈ Π΄ΠΎΠ³ΠΎΠ²ΠΎΡΠΈΡΡΡΡ ΠΎΠ± ΠΎΡΠΊΡΡΡΡΡ
ΡΡΠ°Π½Π΄Π°ΡΡΠ°Ρ
. ΠΡΡΠ°Π»ΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΡΠΊΡΡΡΡΠ΅ ΡΡΠ°Π½Π΄Π°ΡΡΡ, ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Π΅ΠΌΡΠ΅ ΠΏΡΠ±Π»ΠΈΡΠ½ΡΠΌΠΈ ΠΊΠΎΠ½ΡΠΎΡΡΠΈΡΠΌΠ°ΠΌΠΈ ΠΈ ΡΠ°Π±ΠΎΡΠΈΠΌΠΈ Π³ΡΡΠΏΠΏΠ°ΠΌΠΈ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, W3C ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Π΅Ρ HTML ΠΈ CSS.
ΠΡΠ°ΠΊ, Ρ Π½Π°Ρ Π΅ΡΡΡ ΡΡΠΈ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ.
- HTML ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ Π·Π° ΡΡΡΡΠΊΡΡΡΡ ΡΡΡΠ°Π½ΠΈΡΡ.
- CSS β Π·Π° Π΅Π΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ (Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΈ Π°Π΄Π°ΠΏΡΠΈΠ² Π΄Π»Ρ ΡΠ°Π·Π½ΡΡ ΡΠΊΡΠ°Π½ΠΎΠ²).
- JavaScript β Π·Π° Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΌ (ΠΏΠΎ ΠΈΠ·Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠΉ Π·Π°Π΄ΡΠΌΠΊΠ΅; ΡΠ΅ΠΉΡΠ°Ρ-ΡΠΎ ΡΠΆΠ΅ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π²ΠΎΠΎΠ±ΡΠ΅ Π·Π° Π²ΡΠ΅).
ΠΠ°ΠΆΠ΄Π°Ρ ΡΠ΅Ρ
Π½ΠΎΠ»ΠΎΠ³ΠΈΡ ΡΠ°Π·Π²ΠΈΠ²Π°Π΅ΡΡΡ Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΠΎ, Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π΅ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²Π΅ΡΡΠΈΠΉ. Π‘Π°ΠΌΡΠ΅ ΡΠ²Π΅ΠΆΠΈΠ΅ Π½Π° ΡΠ΅Π³ΠΎΠ΄Π½Ρ Π²Π΅ΡΡΠΈΠΈ: HTML5, CSS3, ECMAScript 2018 (ΡΡΠΎ ΡΡΠ°Π½Π΄Π°ΡΡ JavaScript).
ΠΡΠ°ΡΠ·Π΅ΡΡ ΡΠΎΠΆΠ΅ ΡΠ°Π·Π²ΠΈΠ²Π°ΡΡΡΡ Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΠΎ. ΠΡΠΎ-ΡΠΎ (ΡΠΎ Internet Explorer, ΡΠΎ Safari) ΠΎΡΡΡΠ°Π΅Ρ ΠΎΡ ΡΡΠ°Π½Π΄Π°ΡΡΠΎΠ², ΠΊΡΠΎ-ΡΠΎ (ΠΎΠ±ΡΡΠ½ΠΎ Chrome ΠΈΠ»ΠΈ Firefox) Π±Π΅ΠΆΠΈΡ Π²ΠΏΠ΅ΡΠ΅Π΄ΠΈ ΠΈ Π²Π½Π΅Π΄ΡΡΠ΅Ρ ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠ°Π»ΡΠ½ΡΠ΅ ΡΠΈΡΠΈ.
ΠΡΡΡΠ΄Π° ΠΏΠΎΡΡΠΎΡΠ½Π½Π°Ρ Π³ΠΎΠ»ΠΎΠ²Π½Π°Ρ Π±ΠΎΠ»Ρ ΡΡΠΎΠ½ΡΠ΅Π½Π΄-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ²: ΡΠ°ΠΉΡ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ Π²ΠΎ Π²ΡΠ΅Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ (ΠΏΡΠΈΡΠ΅ΠΌ ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΠ°ΠΊ, ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΠΏΡΠΈΠ΄ΡΠΌΠ°Π» Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ). ΠΠ»ΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π±ΡΡΡΡΠΎ, Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎ ΠΈ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ ΡΠΎ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠ΅ΠΉ.
ΠΠ΄ΠΎΠ±Π°Π²ΠΎΠΊ HTML ΠΈ CSS β ΡΡΠΎ Π½Π΅ ΡΠ·ΡΠΊΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ, Π° ΡΠ·ΡΠΊΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ: ΠΎΠ΄ΠΈΠ½ Π»ΠΈΡΡ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ, Π½Π°Π±ΠΎΡ ΠΊΠΎΠΌΠ°Π½Π΄ β ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΠΉ ΠΈ ΠΏΡΠ°Π²ΠΈΠ» β Π΄Π»Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΡ, ΠΊ ΠΏΡΠΈΠΌΠ΅ΡΡ, Π² Π½ΠΈΡ
Π½Π΅Ρ ΠΊΠ°ΠΊ ΡΠ°ΠΊΠΎΠ²ΡΡ
ΠΊΠ»Π°ΡΡΠΎΠ², ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ², ΡΡΠ½ΠΊΡΠΈΠΉ, ΠΌΠ΅ΡΠΎΠ΄ΠΎΠ², ΠΏΡΠΈΡΡΡΠΈΡ
ΡΠ·ΡΠΊΠ°ΠΌ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ.
Π§ΡΠΎΠ±Ρ Π½Π°Π΄Π΅Π»ΠΈΡΡ Π²Π΅Π±-ΡΠ°ΠΉΡ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΡΡ ΠΈ Π±ΠΈΠ·Π½Π΅Ρ-Π»ΠΎΠ³ΠΈΠΊΠΎΠΉ, ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΡΡΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°ΡΡ ΡΠ·ΡΠΊ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π½Π° ΡΡΠΎΡΠΎΠ½Π΅ ΡΠ΅ΡΠ²Π΅ΡΠ° ΠΈΠ»ΠΈ Π½Π° ΡΡΠΎΡΠΎΠ½Π΅ ΠΊΠ»ΠΈΠ΅Π½ΡΠ° (Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅), Π° ΡΠ°ΡΠ΅ Π²ΡΠ΅Π³ΠΎ β ΠΈ ΡΠ°ΠΌ ΠΈ ΡΠ°ΠΌ.
Π‘ΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΉ Javascript β Π½Π΅ ΡΠ°ΠΌΡΠΉ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΡΠΉ ΠΈ ΠΏΡΠΈΡΡΠ½ΡΠΉ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ ΡΠ·ΡΠΊ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ. Π‘ΠΏΠ΅ΡΠΈΠ°Π»ΠΈΡΡΡ ΠΊΡΠΈΡΠΈΠΊΡΡΡ Π΅Π³ΠΎ Π·Π° ΡΠΎ, ΡΡΠΎ Π΄Π°ΠΆΠ΅ Π΄Π»Ρ ΡΠ°ΠΌΡΡ ΠΏΡΠΎΡΡΡΡ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΉ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΡΡΡ ΠΏΠΈΡΠ°ΡΡ ΠΎΡΠ΅Π½Ρ ΠΌΠ½ΠΎΠ³ΠΎ ΡΡΡΠΎΡΠ΅ΠΊ ΠΊΠΎΠ΄Π°, ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ ΠΏΠΎΠ²ΡΠΎΡΡΡΡΡΡ.
ΠΡΠΎ Π·Π°ΠΌΠ΅Π΄Π»ΡΠ΅Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΡ. ΠΠΎΡΠΎΠΌΡ Π²Π΅ΡΡΡΠ°Π»ΡΡΠΈΠΊΠΈ ΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΡ ΠΈΡΡΡ ΡΠΏΠΎΡΠΎΠ±Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ Π²ΠΌΠ΅ΡΡΠΎ Β«ΡΠΈΡΡΡΡ Β» JavaScript, HTML ΠΈ CSS.
ΠΡΠΈΠΌΠ΅Ρ Ρ ΡΠ°Π±Π»ΠΈΡΠ΅ΠΉ
Π§ΡΠΎΠ±Ρ ΠΏΡΠΎΠΈΠ»Π»ΡΡΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΏΡΠΈΠΌΠ΅Ρ Π½Π΅ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎΡΡΠΈ Π²ΡΠ΅ΠΉ ΡΡΠΎΠΉ ΡΠ²ΡΠ·ΠΊΠΈ, Π²ΠΎΠ·ΡΠΌΠ΅ΠΌ ΡΠ°ΠΊΡΡ ΠΏΡΠΎΡΡΡΡ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΡ, ΠΊΠ°ΠΊ ΡΠ°Π±Π»ΠΈΡΠ°.
Π HTML Π΅ΡΡΡ Π½Π°Π±ΠΎΡ ΡΠ΅Π³ΠΎΠ² Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ (ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΈΠ· Π½ΠΈΡ
β table, th, tr, td). Π‘ ΠΈΡ
ΠΏΠΎΠΌΠΎΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ΅ΡΠΊΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΡΠΌΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠ°ΠΌΠΈ Π²Π½Π΅ΡΠ½Π΅Π³ΠΎ Π²ΠΈΠ΄Π°: Π·Π°Π΄Π°ΡΡ ΡΠΈΡΠΈΠ½Ρ ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ, ΡΠ°Π·ΠΌΠ΅ΡΡ ΡΡΠ΅Π΅ΠΊ ΠΈ Π² ΠΏΡΠΈΠ½ΡΠΈΠΏΠ΅ Π²ΡΡ.
ΠΠΎΠ±Π°Π²ΠΈΠ² CSS, ΠΌΠΎΠΆΠ½ΠΎ (ΠΈΠ·ΡΡΠ΄Π½ΠΎ ΠΏΠΎΠΌΡΡΠ°Π²ΡΠΈΡΡ) ΠΏΡΠΈΠ΄Π°ΡΡ Π΅ΠΉ ΠΏΡΠΈΡΡΠΎΠΉΠ½ΡΠΉ Π²ΠΈΠ΄ ΠΈ ΠΏΡΠΈ Π΄ΠΎΠ»ΠΆΠ½ΠΎΠΌ ΡΡΠ°ΡΠ°Π½ΠΈΠΈ Π°Π΄Π°ΠΏΡΠΈΡΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΡΠ°Π·Π½ΡΡ ΡΠΊΡΠ°Π½ΠΎΠ². ΠΠΎ ΠΌΡ Π²ΡΠ΅ ΡΠ°Π²Π½ΠΎ Π½Π΅ ΡΠΌΠΎΠΆΠ΅ΠΌ ΡΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΠΎ ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ°ΠΌ, ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΠΏΠΎΡΡΠ΄ΠΎΠΊ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ, Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΈΠ»ΠΈ ΡΠ΄Π°Π»ΡΡΡ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ ΠΈ ΡΡΠΎΠ»Π±ΡΡ, ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΊΠΈΠ²Π°ΡΡ Π΄Π°Π½Π½ΡΠ΅ ΠΈΠ· ΠΎΠ΄Π½ΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠΈ Π² Π΄ΡΡΠ³ΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΡΠΌΡΠ»Ρ Π΄Π»Ρ ΠΏΠΎΠ΄ΡΡΠ΅ΡΠ° ΡΡΠΌΠΌ ΠΏΠΎ ΡΡΡΠΎΠΊΠ°ΠΌ ΠΈ ΡΡΠΎΠ»Π±ΡΠ°ΠΌ, ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ ΡΡΠ»ΠΎΠ²Π½ΠΎΠ΅ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΡΠ΅Π΅ΠΊ (ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΈΡΡ ΠΎΡΡΠΈΡΠ°ΡΠ΅Π»ΡΠ½ΡΠ΅, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ) ΠΈ Ρ. ΠΏ.
ΠΡΡ ΡΡΠΎ Π½Π° HTML ΠΈ CSS Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ Π² HTML Π½Π΅Ρ ΡΠ°ΠΊΠΎΠ³ΠΎ ΠΎΠ±ΡΠ΅ΠΊΡΠ°, ΠΊΠ°ΠΊ ΡΠ°Π±Π»ΠΈΡΠ°, ΠΈ Π½Π΅Ρ ΠΌΠ΅ΡΠΎΠ΄ΠΎΠ² ΡΠ°Π±ΠΎΡΡ Ρ Π½Π΅ΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π»ΠΈΡΡ Π±Ρ Π»ΡΠ±ΡΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ. Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΡΡΠ°Π½Π΄Π°ΡΡΠ° 20 Π»Π΅Ρ Π½Π°Π·Π°Π΄ Π½Π΅ ΠΏΡΠ΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π»ΠΈ, ΡΡΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Π·Π°Ρ ΠΎΡΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΡΠΌ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΠΎΡ
ΠΎΠΆΠΈΠ΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Ρ Π½Π°Ρ Π±ΡΠ΄ΡΡ, Π΅ΡΠ»ΠΈ ΠΌΡ Π·Π°Ρ
ΠΎΡΠΈΠΌ ΠΎΡΠΏΡΠ°Π²ΠΈΡΡ Π½Π° ΡΠ°ΠΉΡ ΠΏΠ°ΡΠΊΡ ΡΠ°ΠΉΠ»ΠΎΠ² (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²Π»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΊ ΠΏΠΈΡΡΠΌΡ Π² Π²Π΅Π±-ΠΏΠΎΡΡΠ΅), Π²ΡΠ±ΡΠ°ΡΡ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π» Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π·Π°ΠΏΠ»Π°Π½ΠΈΡΠΎΠ²Π°ΡΡ Π²ΡΡΡΠ΅ΡΡ Π² ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠ΅) ΠΈΠ»ΠΈ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ ΠΎΠ΄Π½Ρ ΠΈ ΡΡ ΠΆΠ΅ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΡΠ°Π·Π½ΡΠΌΠΈ ΡΠΏΠΎΡΠΎΠ±Π°ΠΌΠΈ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ ΡΠΎΠ²Π°ΡΡ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π΅ ΠΏΠΎ ΠΆΠ΅Π»Π°Π½ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΊΠ°ΡΡΠΎΡΠΊΠ°ΠΌΠΈ ΠΈΠ»ΠΈ ΡΡΡΠΎΠΊΠ°ΠΌΠΈ).
ΠΠ»Ρ Π²ΡΠ΅Π³ΠΎ ΡΡΠΎΠ³ΠΎ Π² HTML ΠΈ CSS Π½Π΅Ρ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠΈΡ ΡΠ΅ΡΠ΅Π½ΠΈΠΉ, ΠΏΠΎΡΠΎΠΌΡ Π½Π° ΠΏΠΎΠΌΠΎΡΡ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΡ JavaScript β ΡΠ·ΡΠΊ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΠΎΠΆΠ΅Ρ ΠΌΠ°Π½ΠΈΠΏΡΠ»ΠΈΡΠΎΠ²Π°ΡΡ ΠΎΠ±ΡΠ΅ΠΊΡΠ°ΠΌΠΈ Π² ΡΡΡΡΠΊΡΡΡΠ΅ HTML ΠΈ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ ΠΊ Π½ΠΈΠΌ ΡΡΠΈΠ»ΠΈ CSS.
ΠΠΎΠ³Π΄Π°-ΡΠΎ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ·ΡΠΊΠΈ (Visual Basic, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ), ΠΏΡΡΠ°Π»ΠΈΡΡ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ (Adobe Flash, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ), Π½ΠΎ JavaScript Π²ΡΠ΅Ρ Π²ΡΡΠ΅ΡΠ½ΠΈΠ». Π Π½Π΅ Π² ΠΏΠΎΡΠ»Π΅Π΄Π½ΡΡ ΠΎΡΠ΅ΡΠ΅Π΄Ρ Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ JavaScript-Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°ΠΌ.
ΠΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ
ΠΠ°ΠΆΠ΄ΡΠΉ ΡΠ°Π· ΠΏΠΈΡΠ°ΡΡ ΠΊΠΎΠ΄ Π½Π° JavaScript, ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡ ΠΆΠ΅ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΡ ΡΠ°Π±Π»ΠΈΡ, β ΡΡΠΎ, ΡΠ°Π·ΡΠΌΠ΅Π΅ΡΡΡ, Π½Π΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ Π΄ΠΆΠ΅Π΄Π°Ρ.
Π ΠΏΠΎΡΠ²ΠΈΠ»ΠΈΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ β Π½Π°Π±ΠΎΡΡ Π³ΠΎΡΠΎΠ²ΡΡ ΡΡΠ½ΠΊΡΠΈΠΉ Π½Π° JavaScript, Π²ΡΠΏΠΎΠ»Π½ΡΡΡΠΈΠ΅ ΡΠΈΠΏΠΎΠ²ΡΠ΅ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΈ Ρ HTML-ΠΊΠΎΠ΄ΠΎΠΌ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΡΠΈΠΌΠ΅Ρ ΡΠ°ΠΊΠΎΠΉ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ β jQuery.
ΠΡΠΈΡ
Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊ Π·Π° Π΄Π²Π°Π΄ΡΠ°ΡΡ Ρ Π»ΠΈΡΠ½ΠΈΠΌ Π»Π΅Ρ ΡΡΡΠ΅ΡΡΠ²ΠΎΠ²Π°Π½ΠΈΡ JavaScript ΠΏΠΎΡΠ²ΠΈΠ»ΠΎΡΡ Π²Π΅Π»ΠΈΠΊΠΎΠ΅ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ. ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠ°ΠΌ ΠΏΡΠΈΡ
ΠΎΠ΄ΠΈΠ»ΠΎΡΡ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡΠΎΠ²Π°ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ, Π΄ΡΡΠΆΠΈΡΡ ΠΈΡ
ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΎΠ±ΠΎΠΉ, ΠΎΠ±Π½ΠΎΠ²Π»ΡΡΡ (Π²Π΅Π΄Ρ ΠΊΠ°ΠΆΠ΄Π°Ρ ΡΠ°Π·Π²ΠΈΠ²Π°Π΅ΡΡΡ ΡΠ²ΠΎΠΈΠΌ ΡΠ΅ΡΠ΅Π΄ΠΎΠΌ), ΡΠ»Π΅Π΄ΠΈΡΡ Π·Π° ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΡΡ. ΠΠ° Π΅ΡΠ΅ ΡΠ°ΠΌΠΈΠΌ ΠΊΠΎΠ΄ ΠΏΠΈΡΠ°ΡΡ β Π½Π΅ Π²ΡΠ΅ ΠΆΠ΅ Π΅ΡΡΡ Π² Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°Ρ
.
ΠΠΎΠ΄Ρ ΠΎΠ΄ Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°ΠΌΠΈ Π΄ΠΎ ΡΠΈΡ ΠΏΠΎΡ ΠΆΠΈΠ²Π΅Ρ. Π Π½Π΅Π±ΠΎΠ»ΡΡΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠ°Ρ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠΈΡΡ ΠΎΠ΄Π½Ρ-Π΄Π²Π΅ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ Π΄Π»Ρ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΡ ΡΠ»ΡΡΡΠ΅Π½ΠΈΠΉ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΡΠΎΠ±Ρ ΡΠΈΡΠΎΠ²Π°ΡΡ ΠΊΡΠ°ΡΠΈΠ²ΡΠ΅ Π³ΡΠ°ΡΠΈΠΊΠΈ, ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ Chart.js ΠΈΠ»ΠΈ ΠΏΠ»Π°ΡΠ½ΡΠΉ AmCharts. ΠΡΠ»ΠΈ Π½ΡΠΆΠ½Π° Π°Π½ΠΈΠΌΠ°ΡΠΈΡ ΠΈ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΠΎΡΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° β ΡΠΎΡ ΠΆΠ΅ jQuery, Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Π΅ΡΡΡ ΡΠΌΡΡΠ» Π²Π·Π³Π»ΡΠ½ΡΡΡ Π½Π° Sencha Ext JS ΠΈ Ρ. ΠΏ.
Π ΡΡΡ ΠΏΠΎΡΠ²ΠΈΠ»ΠΈΡΡ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ
ΠΠ»Ρ HTML+CSS ΡΠΎΠΆΠ΅ ΡΡΠ°Π»ΠΈ ΠΏΠΎΡΠ²Π»ΡΡΡΡΡ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΠ΅ Β«ΠΏΠΎΠ»ΡΡΠ°Π±ΡΠΈΠΊΠ°ΡΡΒ» β Π·Π°Π³ΠΎΡΠΎΠ²ΠΊΠΈ ΠΈΠ· ΠΊΡΡΠΊΠΎΠ² ΠΊΠΎΠ΄Π°, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ΅ΡΠ°ΡΡ ΡΠΈΠΏΠΎΠ²ΡΠ΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Π²Π΅ΡΡΡΠΊΠΈ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΌΠ½ΠΎΠ³ΠΎΠΊΠΎΠ»ΠΎΠ½ΠΎΡΠ½Π°Ρ Π²Π΅ΡΡΡΠΊΠ°, Π·Π°ΠΊΡΠ΅ΠΏΠ»Π΅Π½Π½ΡΠΉ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ Ρ Π΅Π΄Π΅Ρ ΠΈΠ»ΠΈ ΡΡΡΠ΅Ρ ΠΈ ΠΏΡΠΎΡΠΈΠ΅ ΡΠΈΠΏΠΎΠ²ΡΠ΅ Π·Π°Π΄Π°ΡΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²ΡΠ³ΠΎΠ΄Π½Π΅Π΅ ΡΠ΅ΡΠΈΡΡ ΠΎΠ΄ΠΈΠ½ ΡΠ°Π·, Π° ΠΏΠΎΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ Π² Π½ΠΎΠ²ΡΡ ΠΏΡΠΎΠ΅ΠΊΡΠ°Ρ .
Π’Π°ΠΊ ΠΏΠΎΡΠ²ΠΈΠ»ΠΈΡΡ ΠΏΠ΅ΡΠ²ΡΠ΅ ΡΡΠΎΠ½ΡΠ΅Π½Π΄-ΠΊΠ°ΡΠΊΠ°ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ, ΠΈΠ»ΠΈ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ.
ΠΠΎΡΠ΅ΠΌΡ ΠΎΠ½ΠΈ Π½Π΅ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ? ΠΠΎΡΠΎΠΌΡ ΡΡΠΎ ΡΡΠΎ Π½Π΅ Π½Π°Π±ΠΎΡ Π³ΠΎΡΠΎΠ²ΡΡ
ΡΡΠ½ΠΊΡΠΈΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΊ ΠΏΡΠΎΠ΅ΠΊΡΡ ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΡΠ΅ΡΠ½ΠΎ Π½Π° ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ
ΡΡΡΠ°Π½ΠΈΡΠ°Ρ
.
ΠΠ°ΡΠΊΠ°Ρ (ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊ) ΠΏΡΠ΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅Ρ, ΡΡΠΎ Π²Π΅ΡΡ ΠΏΡΠΎΠ΅ΠΊΡ Π±ΡΠ΄Π΅Ρ ΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΡ Π·Π°Π΄Π°Π½Π½ΠΎΠΉ ΠΈΠΌ ΡΡΡΡΠΊΡΡΡΠ΅. Π’ΠΎ Π΅ΡΡΡ ΠΎΠ½ Π·Π°Π΄Π°Π΅Ρ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΡ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΈΠ΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΡΡ, ΡΡΠΎΠ±Ρ ΡΡΠΊΠΎΡΠΈΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΡ, ΡΠΎΡΠ½Π΅Π΅ ΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ°ΠΌ, ΡΠ½ΠΈΠ·ΠΈΡΡ ΠΏΠΎΡΠΎΠ³ Π²Ρ ΠΎΠΆΠ΄Π΅Π½ΠΈΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² Π² ΠΏΡΠΎΠ΅ΠΊΡ ΠΈ Ρ. ΠΏ.
Π‘Π°ΠΌΡΠΉ ΠΈΠ·Π²Π΅ΡΡΠ½ΡΠΉ ΠΎΠ±ΡΠ°Π·Π΅Ρ HTML+CSS-ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ° β Bootstrap (Π²ΠΎΡ ΠΏΡΠΈΠΌΠ΅ΡΡ, Π²ΠΎΡ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² β ΠΊΠ°ΡΡΡΠ΅Π»Ρ, Π²ΠΎΡ Π΄ΡΡΠ³ΠΎΠΉ β ΠΊΠ½ΠΎΠΏΠΊΠΈ).
ΠΠ°ΠΆΠ½ΠΎ, ΡΡΠΎ Π²ΡΠ΅ ΡΠ΄Π΅Π»Π°Π½ΠΎ Π½Π° ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΡ HTML ΠΈ CSS ΠΈ Π±ΡΠ΄Π΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ (ΠΈ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΈΠ»ΠΈ ΠΌΠ΅Π½Π΅Π΅ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ) Π²ΠΎ Π²ΡΠ΅Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ .
Π€ΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ ΡΠΆΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠ°Ρ ΠΏΠΎΠ΄ΠΎΠ³Π½Π°Π½Π½ΡΠ΅ Π΄ΡΡΠ³ ΠΊ Π΄ΡΡΠ³Ρ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠ΅ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ, ΡΠ°ΠΊ ΡΡΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΡ Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π½ΠΈΡΠ΅Π³ΠΎ ΠΎΠ±Π½ΠΎΠ²Π»ΡΡΡ, ΠΏΠΎΠΌΠ½ΠΈΡΡ ΠΏΡΠΎ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡ ΠΈ Π·Π°Π±ΠΎΡΠΈΡΡΡΡ ΠΎ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΠΈ. Π’Π°ΠΊ, ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Bootstrap ΡΠΎΠ΄Π΅ΡΠΆΠ°Ρ ΠΊΠΎΠ΄ Π½Π° JavaScript Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ jQuery.
ΠΡΡΠ³ΠΎΠΉ ΠΈΠ·Π²Π΅ΡΡΠ½ΡΠΉ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊ, Foundation, ΠΊΡΠΎΠΌΠ΅ jQuery ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ Modernizr ΠΈ FastClick.
ΠΠ²Π° ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ° Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ Π±ΡΠ΄ΡΡ ΠΊΠΎΠ½ΠΊΡΡΠΈΡΠΎΠ²Π°ΡΡ Π·Π° Π±Π°Π·ΠΎΠ²ΡΠ΅ Π²Π΅ΡΠΈ. Π ΠΏΡΠΈΠΌΠ΅ΡΡ, ΠΎΠ΄ΠΈΠ½ Π·Π°Ρ
ΠΎΡΠ΅Ρ 12-ΠΊΠΎΠ»ΠΎΠ½ΠΎΡΠ½ΡΡ ΡΠ΅ΡΠΊΡ, Π΄ΡΡΠ³ΠΎΠΉ β 16-ΠΊΠΎΠ»ΠΎΠ½ΠΎΡΠ½ΡΡ; ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΡ ΠΌΠ΅ΡΠΎΠ΄ΠΎΠ² JavaScript Π΄Π»Ρ ΡΠ°Π·Π½ΡΡ
ΡΠ΅Π»Π΅ΠΉ ΠΈ Ρ. Π΄.
ΠΠΎΡΡΠΎΠΌΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΎΠ±ΠΎΠΉ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ Π½Π΅ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡ: Π½ΡΠΆΠ½ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡΡΡ ΠΈ Π²ΡΠ±ΡΠ°ΡΡ ΠΎΠ΄ΠΈΠ½. ΠΡΠ»ΠΈ Ρ Π²Π°Ρ ΠΏΡΠΎΠ΅ΠΊΡ Π½Π° Bootstrap, Π° Π²Π°ΠΌ Π½ΡΠΆΠ½Ρ Π²ΠΎΡ ΡΠ°ΠΊΠΈΠ΅ Π²ΠΎΡ Π·Π²Π΅Π·Π΄ΠΎΡΠΊΠΈ ΠΈΠ· Foundation β ΡΠΎ ΠΏΠΎΠΆΠ΅Π½ΠΈΡΡ ΠΈΡ
Π½Π΅ ΠΏΠΎΠ»ΡΡΠΈΡΡΡ. (ΠΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°ΠΌΠΎΠΌΡ Π·Π°ΠΏΠΈΠ»ΠΈΡΡ Π·Π²Π΅Π·Π΄ΠΎΡΠΊΠΈ Π΄Π»Ρ Bootstrap ΠΈ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ ΠΈΠΌΠΈ ΠΊΠ°ΠΊ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ. ΠΠΎΠ½Π΅ΡΠ½ΠΎ ΠΆΠ΅, ΠΊΡΠΎ-ΡΠΎ ΡΡΠΎ ΡΠΆΠ΅ ΡΠ΄Π΅Π»Π°Π».)
Π’Π°ΠΊ Π²ΠΎΡ, ΠΈΠ΄Π΅ΠΌ Π΄Π°Π»ΡΡΠ΅
ΠΠ»Π°Π²Π½Π°Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠ³ΠΎ Π²Π΅Π±Π° β ΡΠ°Π·ΡΠΎΠ·Π½Π΅Π½Π½ΠΎΡΡΡ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΡΡΠ΅ΠΊΠ°. ΠΠ΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡΡΠΈΡΡ Π²ΡΠ΅ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ, Π·Π½Π°ΡΡ ΠΈ ΡΠΌΠ΅ΡΡ ΠΈΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ Π³ΠΎΡΠΎΠ²ΠΈΡΡ.
ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΡ Π² ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ ΠΌΠΎΠΌΠ΅Π½Ρ ΠΏΠΎΠ΄Π΅Π»ΠΈΠ»ΠΈΡΡ Π½Π° ΡΡΠΎΠ½ΡΠ΅Π½Π΄ ΠΈ Π±ΡΠΊΠ΅Π½Π΄. Π Π΅ΡΠ΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ ΠΈ Π²Π΅ΡΡΡΠ°Π»ΡΡΠΈΠΊΠΈ, Π½Π΅ Π³ΠΎΠ²ΠΎΡΡ ΡΠΆΠ΅ ΠΏΡΠΎ Π°Π΄ΠΌΠΈΠ½ΠΎΠ² ΠΠ, ΡΠΈΡΠ°Π΄ΠΌΠΈΠ½ΠΎΠ², Π°ΡΡ ΠΈΡΠ΅ΠΊΡΠΎΡΠΎΠ² ΠΈ ΠΏΡΠΎΡΠΈΡ Π²Π°ΠΆΠ½ΡΡ ΠΈ Π½ΡΠΆΠ½ΡΡ Π»ΡΠ΄Π΅ΠΉ.
Π ΠΎΠ±ΡΠ΅ΠΌ, Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΡΡΠΎΠ»ΡΠΊΠΎ ΡΠ°Π·Π½ΡΡ
ΡΠΏΠ΅ΡΠΈΠ°Π»ΠΈΡΡΠΎΠ², ΡΡΠΎ Π²ΠΎΠ·Π½ΠΈΠΊΠ»ΠΎ Π²ΠΏΠΎΠ»Π½Π΅ Π΅ΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎΠ΅ ΠΆΠ΅Π»Π°Π½ΠΈΠ΅ ΠΊΠ°ΠΊ-ΡΠΎ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ΅Ρ
Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ. ΠΡΠ»ΠΈ Π³ΠΎΠΌΠΎΠ³Π΅Π½ΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ ΡΠ΅Ρ
Π½ΠΎΠ»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΡΠ΅ΠΊ β ΡΠ°ΡΡΠΈΡΠΈΡΡ Π½Π°Π±ΠΎΡ HTML-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ ΠΈ ΡΠ΅ΡΠ½ΠΎ ΠΏΠΎΠ΄ΡΡΠΆΠΈΡΡ ΠΈΡ
Ρ Π±ΡΠΊΠ΅Π½Π΄ΠΎΠΌ β ΡΠΎ ΡΡΠ»ΡΡΠ΅ΠΊ-ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡ ΡΠΌΠΎΠΆΠ΅Ρ Π²Π·ΡΡΡ Π½Π° ΡΠ΅Π±Ρ Π²ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΡ, ΠΎΡ Ρ
ΡΠ°Π½Π΅Π½ΠΈΡ Π΄Π°Π½Π½ΡΡ
Π΄ΠΎ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ.
Π ΡΠΎ Π²ΡΠ΅ΠΌΡ (ΡΠ΅ΡΡ ΡΠ΅ΠΉΡΠ°Ρ ΠΈΠ΄Π΅Ρ ΠΎ ΠΏΠ΅ΡΠ΅Π΄ΠΎΠ²ΠΎΠΉ ΠΌΡΡΠ»ΠΈ Π΄Π΅ΡΡΡΠΈΠ»Π΅ΡΠ½Π΅ΠΉ Π΄Π°Π²Π½ΠΎΡΡΠΈ) ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠ· ΡΡΡΡΠΊΡΡΡΡ ΠΈ Π΄Π°Π½Π½ΡΡ ΡΠΎΠ±ΠΈΡΠ°Π» ΡΠ΅ΡΠ²Π΅Ρ. ΠΡΠ°Π» Π΄Π°Π½Π½ΡΠ΅ ΠΈΠ· ΠΠ, Π±ΡΠ°Π» ΡΠ°Π±Π»ΠΎΠ½ ΡΡΡΠ°Π½ΠΈΡΡ, Π·Π°ΠΏΠΎΠ»Π½ΡΠ» Π΅Π³ΠΎ, ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π» Π½ΡΠΆΠ½ΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΊΠΎΠ½ΡΡΠΎΠ»Ρ ΠΈ ΠΎΡΠΏΡΠ°Π²Π»ΡΠ» Π±ΡΠ°ΡΠ·Π΅ΡΡ.
Π‘ΡΠ°Π»ΠΈ ΠΏΠΎΡΠ²Π»ΡΡΡΡΡ ΡΠ΅ΡΠ²Π΅ΡΠ½ΡΠ΅ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΠ΅ ΠΏΠΈΡΠ°ΡΡ Π½Π° Π±ΡΠΊΠ΅Π½Π΄Π΅ ΠΊΠΎΠ΄, Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ Π³Π΅Π½Π΅ΡΠΈΡΡΡΡΠΈΠΉ Π²Π΅ΡΡΡΠΊΡ:
- GWT ΠΈ Vaadin β ΡΠΏΠ΅ΡΠΈΠ°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Ρ Π΄Π»Ρ Java;
- Telerik β Π΄Π»Ρ .NET;
- Kivy β Π΄Π»Ρ Python;
- Shoes β Π΄Π»Ρ Π ΡΠ±ΠΈ ΠΈ Ρ. Π΄.
JavaScript Π½Π°ΡΡΡΠΏΠ°Π΅Ρ
Π Π²ΠΎΡ Π² 2009 Π³ΠΎΠ΄Ρ β Π²Π΅ΡΡΠΌΠ° Π²Π°ΠΆΠ½Π°Ρ Π²Π΅Ρ Π° Π² ΠΈΡΡΠΎΡΠΈΠΈ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ β ΠΏΠΎΡΠ²ΠΈΠ»ΡΡ NodeJS, ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½Π°Ρ ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ°, ΠΊΠΎΡΠΎΡΠ°Ρ ΡΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ ΡΠ°ΡΡΠΈΡΠΈΠ»Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ JavaScript.
Π ΠΊΠΎΠ³Π΄Π° Π΅ΡΠ΅ ΡΠ΅ΡΠ΅Π· ΠΏΠ°ΡΡ Π»Π΅Ρ ΡΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π»ΠΈΡΡ ΠΊΠΎΠΌΡΡΠ½ΠΈΡΠΈ, ΡΡΠ°Π½Π΄Π°ΡΡΡ ΠΈ Ρ. ΠΏ., ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΡ ΡΠΌΠΎΠ³Π»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΎΠ΄ΠΈΠ½ ΡΠ·ΡΠΊ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈ Π½Π° ΡΡΠΎΡΠΎΠ½Π΅ ΡΠ΅ΡΠ²Π΅ΡΠ°, ΠΈ Π½Π° ΠΊΠ»ΠΈΠ΅Π½ΡΠ΅. ΠΡΠΎ ΡΠΊΡΠ΅ΠΏΠΈΠ»ΠΎ ΠΏΠΎΠ·ΠΈΡΠΈΠΈ JavaScript, Ρ ΠΎΡΡ ΠΌΠ΅ΠΉΠ½ΡΡΡΠΈΠΌΠΎΠΌ Π΄Π»Ρ ΡΠ΅ΡΠ²Π΅ΡΠ½ΠΎΠΉ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΎΠ½ ΡΠ°ΠΊ ΠΈ Π½Π΅ ΡΡΠ°Π».
ΠΠ° ΡΡΠΎΠ½ΡΠ΅Π½Π΄Π΅ ΡΠ΅ΠΌ Π²ΡΠ΅ΠΌΠ΅Π½Π΅ΠΌ Π½Π°ΡΠ°Π»Π°ΡΡ Π±ΠΎΡΡΠ±Π° Π·Π° ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ ΠΊΠΎΠ΄Π°. Π’ΠΈΠΏΠΈΡΠ½ΡΠΉ ΠΊΠΎΠ΄ ΠΊΠ»ΠΈΠ΅Π½ΡΡΠΊΠΎΠΉ ΡΠ°ΡΡΠΈ Π½Π° JavaScript Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ jQuery ΠΎΠ±ΡΡΠ½ΠΎ Π½Π΅ ΠΎΡΠ»ΠΈΡΠ°Π»ΡΡ Ρ
ΠΎΡΠΎΡΠ΅ΠΉ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠ΅ΠΉ: ΠΏΠΈΡΠ°ΡΡ Π»Π΅Π³ΠΊΠΎ, ΡΠΈΠ½ΠΈΡΡ ΡΠ»ΠΎΠΆΠ½ΠΎ. JavaScript-ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΠ»ΠΈ ΠΈΡΠΏΡΠ°Π²ΠΈΡΡ ΡΡΠΎ: ΠΎΠ½ΠΈ Π½Π°Π²ΡΠ·ΡΠ²Π°Π»ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΡ ΡΡΡΡΠΊΡΡΡΡ ΠΊΠΎΠ΄Π°, Π²Π·Π°ΠΌΠ΅Π½ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡ ΡΠ΄ΠΎΠ±Π½Π΅Π΅ ΡΠΏΡΠ°Π²Π»ΡΡΡ ΠΈΠΌ.
Π€ΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ, ΡΠΏΠ΅ΡΠΈΠ°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΠΏΠΎΠ΄ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΉ Π±ΡΠΊΠ΅Π½Π΄, ΠΎΠΊΠ°Π·Π°Π»ΠΈΡΡ Π½Π΅ ΠΎΡΠ΅Π½Ρ ΡΠ΄Π°ΡΠ½ΡΠΌ ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠΎΠΌ. ΠΠ°ΠΆΠ΅ PhoneGap β Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΠΏΠΎΠ΄ Β«ΠΠ½Π΄ΡΠΎΠΈΠ΄Β» β ΡΠΈΡ ΠΎΠ½ΡΠΊΠΎ ΡΠΌΠΈΡΠ°Π΅Ρ, Π²ΡΡΠ΅ΡΠ½ΡΠ΅ΠΌΠ°Ρ ReactNative (Π΄ΠΎ Π½Π΅Π³ΠΎ ΠΌΡ Π΅ΡΠ΅ Π΄ΠΎΠΉΠ΄Π΅ΠΌ). Π₯ΠΎΡΡ Π²ΠΎΡ ΡΠΏΠ΅ΡΠΈΠ°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ Vaadin ΠΈ Telerik Π²ΡΠΆΠΈΠ»ΠΈ ΠΈ ΡΠ°Π·Π²ΠΈΠ²Π°ΡΡΡΡ ΡΠ²ΠΎΠΈΠΌ ΡΠ΅ΡΠ΅Π΄ΠΎΠΌ.
Π Π΅Π°ΠΊΡΠΈΠ²Π½ΡΠ΅ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ
ΠΠ΅Ρ ΠΏΡΡΡ Π½Π°Π·Π°Π΄ ΠΏΠΎΡΠ²ΠΈΠ»Π°ΡΡ Π²ΠΏΠΎΠ»Π½Π΅ Π·Π΄ΡΠ°Π²Π°Ρ ΠΈΠ΄Π΅Ρ β ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΡΠ°ΠΉΡΠΎΠ² ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΎΠΏΠ΅ΡΠΈΡΡΡΡ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½Π½ΡΠΌ Π½Π°Π±ΠΎΡΠΎΠΌ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ², ΡΠ°Π·ΡΠΌΠ½ΠΎ ΠΎΡΠ΄Π΅Π»ΠΈΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ Π΄Π°Π½Π½ΡΡ ΠΎΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎ Π΄Π°Π½Π½ΡΡ .
ΠΡΡΡΡ Π±ΡΠΊΠ΅Π½Π΄ Π·Π°Π½ΠΈΠΌΠ°Π΅ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Ρ
ΡΠ°Π½Π΅Π½ΠΈΠ΅ΠΌ, ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΎΠΉ ΠΈ Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡΡΡ Π΄Π°Π½Π½ΡΡ
(ΠΈΠ·Π²Π»Π΅ΠΊΠ°Π΅Ρ ΠΈΡ
ΠΈΠ· Ρ
ΡΠ°Π½ΠΈΠ»ΠΈΡΠ°, ΠΏΡΠΎΠ²Π΅ΡΡΠ΅Ρ Π½Π°Π»ΠΈΡΠΈΠ΅ ΠΏΡΠ°Π² Π΄ΠΎΡΡΡΠΏΠ°, ΠΏΠ΅ΡΠ΅Π΄Π°Π΅Ρ ΠΈΡ
Π½Π° ΡΡΠΎΠ½ΡΠ΅Π½Π΄), Π° Π²ΡΡ ΠΎΡΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΏΠΎΡΡΡΠΈΠΌ ΠΊΠ»ΠΈΠ΅Π½ΡΡ (Π±ΡΠ°ΡΠ·Π΅ΡΡ). ΠΠ°Π΄ΠΈΠΌ Π΅ΠΌΡ ΠΏΠ°ΡΠΊΡ Π΄Π°Π½Π½ΡΡ
ΠΈ ΡΠ°Π±Π»ΠΎΠ½ β Π½Π°Π±ΠΎΡ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΠΉ ΠΏΠΎ ΠΏΡΠ΅Π²ΡΠ°ΡΠ΅Π½ΠΈΡ Π΄Π°Π½Π½ΡΡ
Π² Π²Π΅ΡΡΡΠΊΡ. Π€ΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊ Π½Π° ΠΊΠ»ΠΈΠ΅Π½ΡΠ΅ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ΄ΡΡΠ°Π²Π»ΡΡΡ Π΄Π°Π½Π½ΡΠ΅ Π² ΡΠ°Π±Π»ΠΎΠ½, ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²ΡΠ²Π°ΡΡ Π±ΠΈΠ·Π½Π΅Ρ-Π»ΠΎΠ³ΠΈΠΊΡ ΠΈ Π²ΠΎΠΎΠ±ΡΠ΅ ΠΌΠ°Π½ΠΈΠΏΡΠ»ΠΈΡΠΎΠ²Π°ΡΡ ΡΡΡΠ°Π½ΠΈΡΠ΅ΠΉ, Π½Π°Π²ΠΎΠ΄ΠΈΡΡ ΠΊΡΠ°ΡΠΎΡΡ ΠΈ Ρ. ΠΏ.
Π’Π°ΠΊΠΈΠ΅ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ Π½Π°Π·ΡΠ²Π°ΡΡΡΡ ΡΠ΅Π°ΠΊΡΠΈΠ²Π½ΡΠΌΠΈ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ Π² Π½ΠΈΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΡΠ΅Π°Π³ΠΈΡΡΠ΅Ρ Π½Π° ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π΄Π°Π½Π½ΡΡ . ΠΡΠ»ΠΈ ΡΠΊΠ°Π·Π°ΡΡ Β«Π²ΠΎΡ ΡΡΠ° ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ ΡΠΏΡΠ°Π²Π»ΡΠ΅Ρ ΡΠ²Π΅ΡΠΎΠΌ Π²ΠΎΠ½ ΡΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈΒ», Π° ΠΏΠΎΡΠΎΠΌ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ β ΡΠ²Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡΡ ΡΠ°ΠΌ, ΠΏΠ΅ΡΠ΅ΠΊΡΠ°ΡΠΈΠ²Π°ΡΡ Π΅Π΅ Π²ΡΡΡΠ½ΡΡ Π½Π΅ Π½Π°Π΄ΠΎ.
NB: Π Π΅Π°ΠΊΡΠΈΠ²Π½ΠΎΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ β Π²Π°ΡΠΈΠ°Π½Ρ ΠΌΠ½ΠΎΠ³ΠΎΠΏΠΎΡΠΎΡΠ½ΠΎΠ³ΠΎ, ΠΏΡΠΈ ΠΊΠΎΡΠΎΡΠΎΠΌ Π²ΠΌΠ΅ΡΡΠΎ ΡΠΈΡΡΠ΅ΠΌΡ Β«Π·Π°ΠΏΡΠΎΡ β ΠΎΠΆΠΈΠ΄Π°Π½ΠΈΠ΅ ΠΎΡΠ²Π΅ΡΠ° β ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΠΎΡΠ²Π΅ΡΠ° β ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠ°Β» ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΏΡΠΈΠ½ΡΠΈΠΏ Β«Π·Π°ΠΏΡΠΎΡ (ΠΏΠΎΡΠ»Π°Π»ΠΈ ΠΈ Π·Π°Π±ΡΠ»ΠΈ) β ΠΎΡΠ²Π΅Ρ β ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠ° ΠΎΡΠ²Π΅ΡΠ°Β».
ΠΡΠΈΠΌΠ΅ΡΡ: React, Angular, Vue ΠΈ Π΅ΡΠ΅ Π΄Π΅ΡΡΡΠΊΠΈ ΠΌΠ΅Π½Π΅Π΅ ΠΈΠ·Π²Π΅ΡΡΠ½ΡΡ .
ΠΡΠ°ΠΊ, Π½Π° Π±ΡΠΊΠ΅Π½Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π»ΡΠ±ΠΎΠΉ ΡΠ·ΡΠΊ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ, Π΄ΠΎΠ±ΡΠ²Π°ΡΡ ΠΈΠΌ Π΄Π°Π½Π½ΡΠ΅, ΡΠΏΠ°ΠΊΠΎΠ²ΡΠ²Π°ΡΡ ΠΈΡ Π² JSON, XML ΠΈΠ»ΠΈ ΡΡΠΎ ΡΠ³ΠΎΠ΄Π½ΠΎ Π΄ΡΡΠ³ΠΎΠ΅ ΠΌΠ°ΡΠΈΠ½Π½ΠΎ-ΡΠΈΡΠ°Π΅ΠΌΠΎΠ΅ ΠΈ ΠΎΡΠ΄Π°Π²Π°ΡΡ Π½Π° ΡΡΠΎΠ½Ρ.
Π Π½Π° ΡΡΠΎΠ½ΡΠ΅Π½Π΄Π΅ JS-ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊ Π΄Π΅Π»Π°Π΅Ρ Π²ΡΡ ΡΠΈΡΡΠΎΠ²ΡΡ ΡΠ°Π±ΠΎΡΡ: ΡΠΈΡΡΠ΅Ρ ΠΊΠΎΠ½ΡΡΠΎΠ»Ρ, Π°Π½ΠΈΠΌΠΈΡΡΠ΅Ρ ΠΈΡ
, ΠΏΡΠΎΠ²Π΅ΡΡΠ΅Ρ Π΄Π°Π½Π½ΡΠ΅, ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΈΡ
Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ Π»ΠΎΠΊΠ°Π»ΡΠ½ΡΠΌΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠ°ΠΌΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΈ ΡΠ΅Π°Π»ΠΈΠ·ΡΠ΅Ρ Π±ΠΈΠ·Π½Π΅Ρ-Π»ΠΎΠ³ΠΈΠΊΡ.
ΠΡ Π²ΠΎΡ ΡΠ΅ ΠΆΠ΅ ΡΠ°ΠΌΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ. Π§ΡΠΎ Ρ Π½ΠΈΠΌΠΈ Π΄Π΅Π»Π°Π»Π°, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° jQuery β ΠΈ ΠΊΠ°ΠΊ ΠΏΠΎΡΡΡΠΏΠ°ΡΡ ΡΠ΅Π°ΠΊΡΠΈΠ²Π½ΡΠ΅ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ?
- jQuery: ΡΠ°Π±Π»ΠΈΡΠ° Π²ΠΌΠ΅ΡΡΠ΅ Ρ Π΄Π°Π½Π½ΡΠΌΠΈ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ Π±ΡΠ»Π° Π·Π°ΠΏΠΎΠ»Π½Π΅Π½Π° Π½Π° ΡΠ΅ΡΠ²Π΅ΡΠ΅, Π° Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ jQuery ΡΠΎΠ»ΡΠΊΠΎ ΠΌΠ°Π½ΠΈΠΏΡΠ»ΠΈΡΠΎΠ²Π°Π»Π° ΡΡΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΠ΅ΠΉ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠΎΡΡΠΈΡΠΎΠ²Π°Π»Π° Π΅Π΅).
- React, Angular, Vue: ΡΡΡΡΠΊΡΡΡΠ° ΡΠ°Π±Π»ΠΈΡΡ Π³Π΅Π½Π΅ΡΠΈΡΡΠ΅ΡΡΡ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΎΠΌ ΠΏΡΡΠΌΠΎ Π½Π° ΠΊΠ»ΠΈΠ΅Π½ΡΠ΅, Π² Π½Π΅Π΅ Π²ΡΡΠ°Π²Π»ΡΡΡΡΡ ΠΏΡΠΈΡΠ΅Π΄ΡΠΈΠ΅ Ρ ΡΠ΅ΡΠ²Π΅ΡΠ° Π΄Π°Π½Π½ΡΠ΅.
ΠΠ΅ΠΆΠ΄Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ ΠΈ ΡΠ΅ΡΠ²Π΅ΡΠΎΠΌ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π°Π½Π½ΡΠ΅ ΠΈ ΠΈΠ½ΠΎΠ³Π΄Π° β Π½ΠΎΠ²ΡΠ΅ ΠΊΡΡΠΊΠΈ ΡΠ°Π±Π»ΠΎΠ½Π° ΠΈ ΠΏΡΠ°Π²ΠΈΠ»Π°. Π Π΅Π°ΠΊΡΠΈΠ²Π½ΡΠ΅ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ Π½Π΅Π·Π°ΠΌΠ΅Π½ΠΈΠΌΡ Π΄Π»Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΠΊΠΎΠ½ΡΠ΅ΠΏΡΠΈΠΈ Single Page Application, ΠΊΠΎΠ³Π΄Π° Π²ΡΡ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ ΡΠΊΡΠ°Π½Π΅.
ΠΠ°Π΄ΡΡΡΠΎΠΉΠΊΠΈ
JS-ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ ΡΡΠ°Π·Ρ ΠΆΠ΅ ΠΎΠ±ΡΠΎΡΠ»ΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°ΠΌΠΈ GUI-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ², ΠΈΠ»ΠΈ Π½Π°Π΄ΡΡΡΠΎΠΉΠΊΠ°ΠΌΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ΅ΡΠ°ΡΡ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΠ΅ Π²ΠΎΠΏΡΠΎΡΡ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΠΎΠ³ΠΎ ΠΈ Π±ΠΎΠ³Π°ΡΠΎΠ³ΠΎ GUI Π² ΡΠ°ΠΌΠΊΠ°Ρ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎΠ³ΠΎ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ°.
ΠΡΠΈΠΌΠ΅ΡΠΎΠ² ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ: KendoUI β Π½Π°Π±ΠΎΡ UI-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Π΄Π»Ρ jQuery, React, Angular ΠΈ Vue, ReactStrap β Bootstrap Π΄Π»Ρ React, ReactNative β GUI ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊ ΠΎΡ Β«Π€Π΅ΠΉΡΠ±ΡΠΊΠ°Β» ΠΈ Ρ. Π΄.
ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π°Π΄ΡΡΡΠΎΠΉΠΊΠΈ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Ρ Π΄Π»Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΎΠ², Onsen, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΈΠ»ΠΈ ΡΠΎΡ ΠΆΠ΅ KendoUI. ΠΡΠ»ΠΈ ΠΊΠ»ΠΈΠ΅Π½Ρ ΡΠΎΠ±ΠΈΡΠ°Π΅ΡΡΡ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΌ ΡΠΏΠΎΡΠΎΠ±ΠΎΠΌ (ΡΠΎ Π΅ΡΡΡ Π² Π²ΠΈΠ΄Π΅ HTML5 SPA / HybridApp), Π½ΠΎ ΠΏΠΎΠΊΠ° Π½Π΅ Π·Π½Π°Π΅Ρ, Π±ΡΠ΄Π΅Ρ Π»ΠΈ ΠΎΠ½ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ React, Angular ΠΈΠ»ΠΈ Vue, ΡΠΎ Π½ΡΠΆΠ½Π° ΠΎΠ΄Π½Π° ΠΈΠ· ΡΠ°ΠΊΠΈΡ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΡΡ Π½Π°Π΄ΡΡΡΠΎΠ΅ΠΊ.
ΠΡΠ°ΠΊ, Π²ΠΎΡ ΠΊΠ°ΠΊ ΡΠ΅ΠΏΠ΅ΡΡ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ Π²Π΅Π±-ΠΏΡΠΎΠ΅ΠΊΡ ΠΈΠ»ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅:
- Π±ΡΠΊΠ΅Π½Π΄ Π½Π° Π»ΡΠ±ΠΎΠΌ ΡΠ·ΡΠΊΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ;
- ΡΡΠΎΠ½ΡΠ΅Π½Π΄, ΠΎΠ±ΡΡΠ½ΠΎ ΡΠΎΡΡΠΎΡΡΠΈΠΉ ΠΈΠ· JS-ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ° (React, Angular, Vue) ΠΈ Π½Π°Π΄ΡΡΡΠΎΠ΅ΠΊ.
ΠΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ, ΠΊΠ°ΠΊ KendoUI ΡΠ΅Π°Π»ΠΈΠ·ΡΠ΅Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΡΠ°Π±Π»ΠΈΡΠ΅ΠΉ. ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Grid ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡΠ°Π²ΠΈΡΡ Π² Π»ΡΠ±ΠΎΠΉ ΠΏΡΠΎΠ΅ΠΊΡ Π½Π° React ΠΈ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΡΡΠ°Π·Ρ ΠΈ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΡ, ΠΈ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΡ, ΠΈ ΡΠΊΡΠΏΠΎΡΡ Π² Excel ΠΈ PDF, ΠΈ Π²ΡΡ ΡΡΠΎ ΡΠ³ΠΎΠ΄Π½ΠΎ. ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ Β«ΠΈΠ· ΠΊΠΎΡΠΎΠ±ΠΊΠΈΒ» Π² Π»ΡΠ±ΠΎΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ΅ Ρ Π»ΡΠ±ΡΠΌ ΡΠ·ΡΠΊΠΎΠΌ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π½Π° Π±ΡΠΊΠ΅Π½Π΄Π΅, Π»ΠΈΡΡ Π±Ρ Π½Π° ΡΡΠΎΠ½ΡΠ΅ Π±ΡΠ» React.
ΠΠΎΡ ΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΈΡΠ°ΡΡ ΠΏΡΠΎ Π½Π°Π΄ΡΡΡΠΎΠΉΠΊΠΈ (GUI-Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ) ΠΏΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅:
- Hacker Noon: 23 Best React UI Component Libraries And Frameworks;
- Bits and Pieces: 11 Angular Component Libraries You Should Know In 2018;
- Bits and Pieces: 11 Vue UI Component Libraries You Should Know In 2018.
8 Π°ΠΏΡΠ΅Π»Ρ 2019
Π‘ΠΎΠ±Π°ΠΊΠ° ΠΠ°Π²Π»ΠΎΠ²Π°
we@sobakapav.ru
ΠΠΈΠ·Π°ΠΉΠ½ ΡΠ»ΠΎΠΆΠ½ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ²
ΠΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ΄ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ Bootstrap ΠΈ Vaadin ΠΎΡ Β«Π‘ΠΎΠ±Π°ΠΊΠΈ ΠΠ°Π²Π»ΠΎΠ²ΠΎΠΉΒ»
ΠΠ½ΠΎΠ³ΠΎΠΌΠΎΠ΄ΡΠ»ΡΠ½Π°Ρ ΡΠΈΡΡΠ΅ΠΌΠ° Π±ΡΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΊΡΡΠΈΠ·Π½ΡΡ ΠΈ ΠΏΠ°ΡΠΎΠΌΠ½ΡΡ ΠΏΠ΅ΡΠ΅Π²ΠΎΠ·ΠΎΠΊ β’ ΠΠΎΡΠ°
Π£ΠΏΡΠΎΡΡΠΈΠ»ΠΈ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΡΠ»ΠΎΠΆΠ½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΡ Π±ΡΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΡ: ΠΏΡΠΎΠ²Π΅Π»ΠΈ Π±ΡΡΡΡΡΠΉ UX-Π°ΡΠ΄ΠΈΡ, Π½Π°ΡΠ»ΠΈ ΡΠ°ΠΌΡΠ΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ½ΡΠ΅ ΠΌΠ΅ΡΡΠ° ΠΈ ΡΠ΄Π΅Π»Π°Π»ΠΈ ΡΠΎΡΠ΅ΡΠ½ΡΠΉ ΡΠ΅Π΄ΠΈΠ·Π°ΠΉΠ½ ΡΠΈΡΡΠ΅ΠΌΡ.
ΠΠΈΠ·Π°ΠΉΠ½ ΡΠΈΡΡΠ΅ΠΌΡ ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΎΠΎΠ±ΠΎΡΠΎΡΠ° Π΄Π»Ρ ΠΏΠΈΠ²ΠΎΠ²Π°ΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅ΡΠ½Π°
Π£ΠΏΡΠΎΡΡΠΈΠ»ΠΈ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΡΠΈΡΡΠ΅ΠΌΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΎΠΎΠ±ΠΎΡΠΎΡΠ° Π½Π° ΠΊΡΡΠΏΠ½ΠΎΠΌ ΠΏΠΈΠ²ΠΎΠ²Π°ΡΠ΅Π½Π½ΠΎΠΌ ΠΏΡΠ΅Π΄ΠΏΡΠΈΡΡΠΈΠΈ, ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠΈΠ»ΠΈ Π΄Π²Π° Π²Π°ΡΠΈΠ°Π½ΡΠ° ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΠΈ ΡΠ²Π΅ΡΡΡΠ°Π»ΠΈ UI-kit.
ΠΠΈΠ·Π°ΠΉΠ½ ΡΠΈΡΡΠΎΠ²ΠΎΠ³ΠΎ ΡΠ°Π±ΠΎΡΠ΅Π³ΠΎ ΠΌΠ΅ΡΡΠ° ΡΡΡΠ°Ρ ΠΎΠ²ΠΎΠ³ΠΎ Π°Π³Π΅Π½ΡΠ° β’ ΠΠ»ΡΡΠ°ΡΡΡΠ°Ρ ΠΎΠ²Π°Π½ΠΈΠ΅
Π Π°Π·ΡΠ°Π±ΠΎΡΠ°Π»ΠΈ Π΅Π΄ΠΈΠ½ΡΠΉ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Π΄Π»Ρ ΡΠ°Π·Π½ΡΡ ΡΠΈΠΏΠΎΠ² ΡΠΎΡΡΡΠ΄Π½ΠΈΠΊΠΎΠ² ΠΠ»ΡΡΠ°ΡΡΡΠ°Ρ ΠΎΠ²Π°Π½ΠΈΡ, ΠΏΠΎΠ²ΡΡΠΈΠ»ΠΈ ΡΠΊΠΎΡΠΎΡΡΡ ΡΠΈΡΡΠ΅ΠΌΡ ΠΈ ΡΠ½ΠΈΠ·ΠΈΠ»ΠΈ ΠΏΠΎΡΠΎΠ³ Π²Ρ ΠΎΠΆΠ΄Π΅Π½ΠΈΡ Π΄Π»Ρ Π½ΠΎΠ²ΡΡ ΡΡΡΠ°Ρ ΠΎΠ²ΡΡ Π°Π³Π΅Π½ΡΠΎΠ².
ΠΡΡΠ³ΠΈΠ΅ ΡΡΠ°ΡΡΠΈ
ΠΠ°ΠΊ ΡΡΠ»Π΅Π΄ΠΈΡΡ Π·Π° ΡΡΠ΅Π½Π΄Π°ΠΌΠΈ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, Π΅ΡΠ»ΠΈ Π²Ρ Π½Π΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡ
ΠΠ΅ Π½Π°Π΄Π΅ΠΉΡΠ΅ΡΡ Π½Π° ΠΊΠ½ΠΈΠ³ΠΈ β ΠΏΠΎΠΊΠ° ΠΈΡ
Π½Π°ΠΏΠΈΡΡΡ, ΡΠ΅Ρ
Π½ΠΎΠ»ΠΎΠ³ΠΈΠ΅ΠΉ Π±ΡΠ΄ΡΡ Π²Π»Π°Π΄Π΅ΡΡ Π²ΡΠ΅, ΠΊΠΎΠΌΡ Π½Π°Π΄ΠΎ. ΠΠ° ΡΡΡΡΠΊΠΈΠΉ ΡΠ·ΡΠΊ ΡΠΎΠΆΠ΅ Π½Π΅ Π½Π°Π΄Π΅ΠΉΡΠ΅ΡΡ β ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄ΠΈΡΡ Π±ΡΠ΄ΡΡ Π΅ΡΠ΅ Π΄ΠΎΠ»ΡΡΠ΅. Π ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π΅ ΡΠ»Π΅Π΄ΠΈΡΡ Π·Π° Π‘ΠΠ.
Π₯Π°ΠΉΠΏΠ°Π½ΡΡΡ Π½Π° Π±Π»ΠΎΠΊΡΠ΅ΠΉΠ½Π΅
ΠΠ»ΠΎΠΊΡΠ΅ΠΉΠ½ ΡΠ΅ΡΠ°Π΅Ρ Π·Π°Π΄Π°ΡΡ Π²ΠΈΠ·Π°Π½ΡΠΈΠΉΡΠΊΠΈΡ Π³Π΅Π½Π΅ΡΠ°Π»ΠΎΠ² β ΠΈ ΡΡΠΎ Π΅Π³ΠΎ ΠΊΠ»ΡΡΠ΅Π²ΠΎΠ΅ Π΄ΠΎΡΡΠΎΠΈΠ½ΡΡΠ²ΠΎ. ΠΡΠ»ΠΈ Ρ ΡΡΠ°ΡΡΠ°ΠΏΠ° Π½Π΅Ρ ΡΠ°ΠΊΠΈΡ Π·Π°Π΄Π°Ρ, ΡΠΊΠΎΡΠ΅Π΅ Π²ΡΠ΅Π³ΠΎ, Π΅ΠΌΡ ΠΈ Π½Π΅ Π½ΡΠΆΠ΅Π½ Π±Π»ΠΎΠΊΡΠ΅ΠΉΠ½.
ΠΠΎΡ Π² ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°Ρ no code. ΠΠ΅ΡΠ°Π»ΠΈ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ
Π Π°ΡΡΠΊΠ°Π·ΡΠ²Π°Π΅ΠΌ, ΠΊΠ°ΠΊ ΡΠΎΠ±ΡΠ°Π»ΠΈ ΡΠ°Ρ-Π±ΠΎΡΠ° Π½Π° ΡΠ΅ΡΠ²ΠΈΡΠ°Ρ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΠ·Π°ΡΠΈΠΈ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΊΠ°ΠΆΠ΄ΡΠΉ Π΄Π΅Π½Ρ ΠΏΡΠΈΡΡΠ»Π°Π΅Ρ ΠΏΠΎ ΠΎΠ΄Π½ΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΈΠ· Π°ΡΡ ΠΈΠ²Π° ΠΈ ΠΏΡΠΎΡΠΈΡ ΠΎΡΠ΅Π½ΠΈΡΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π».
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Π² HTML
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Π² HTML
- Π‘Π°ΠΉΡΠΎΡΡΡΠΎΠ΅Π½ΠΈΠ΅
- Π‘ΡΠ°ΡΡΠΈ
- ΠΠ΅ΡΡΡΠΊΠ° ΡΠ°ΠΉΡΠ°
- HTML/xHTML
15.03.1453153
Π ΡΠ·ΡΠΊΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ HTML ΡΠ°Π±Π»ΠΈΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΊΠ°ΠΊΠΈΡ -Π»ΠΈΠ±ΠΎ Π΄Π°Π½Π½ΡΡ Π² Π²ΠΈΠ΄Π΅ ΡΡΡΠΎΠΊ ΠΈ ΡΡΠΎΠ»Π±ΡΠΎΠ², Π½ΠΎ ΠΈ ΠΊΠ°ΠΊ ΡΡΠ΅Π΄ΡΡΠ²ΠΎ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΡΡΠ°Π½ΠΈΡ ΠΈ Π·Π°Π΄Π°Π½ΠΈΡ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
ΠΡΡΠ³ΠΈΠΌΠΈ ΡΠ»ΠΎΠ²Π°ΠΌΠΈ, Π² HTML ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π²ΠΎΠ²ΡΠ΅ Π½Π΅ Π·Π°ΠΌΠ΅ΡΠ½ΡΠΌ, ΠΎΠ΄Π½Π°ΠΊΠΎ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ ΡΡΠ½ΠΊΡΠΈΡ ΠΊΠ°ΡΠΊΠ°ΡΠ°, Π·Π°Π½ΠΈΠΌΠ°Ρ Π²ΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π² Π΅Ρ Π»Π΅Π²ΡΠΉ ΡΡΠΎΠ»Π±Π΅Ρ ΠΌΠ΅Π½Ρ, ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π² ΡΡΠ΅Π΄Π½ΠΈΠΉ, Π° ΠΊΠΎΠ½ΡΠ°ΠΊΡΠ½ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅ β Π² ΠΏΡΠ°Π²ΡΠΉ.
ΠΡΠ°ΠΊ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π² HTML?
Π‘ΠΎΠ·Π΄Π°Π΄ΠΈΠΌ ΠΏΡΠΎΡΡΠ΅ΠΉΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡΡ ΡΡΠΈ ΡΡΠ΅ΠΉΠΊΠΈ ΠΎΠ΄Π½ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠ³ΠΎ Π½ΠΈΠΆΠ΅ ΠΊΠΎΠ΄Π°:
<body>
<table>
<tr>
<td>Π‘ΡΠΎΠ»Π±Π΅Ρ 1</td>
<td>Π‘ΡΠΎΠ»Π±Π΅Ρ 2</td>
<td>Π‘ΡΠΎΠ»Π±Π΅Ρ 3</td>
</tr>
</table>
</body>
Π ΠΎΠΊΠ½Π΅ Π±ΡΠ°ΡΠ·Π΅ΡΠ° ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠΎ ΡΠΎΠ·Π΄Π°Π½Π½Π°Ρ ΡΠ°Π±Π»ΠΈΡΠ° Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ:
Π’Π°Π±Π»ΠΈΡΠ° Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ Ρ ΡΠ΅Π³Π° <table> ΠΈ Π·Π°ΠΊΠ°Π½ΡΠΈΠ²Π°Π΅ΡΡΡ ΠΏΠ°ΡΠ½ΡΠΌ Π΅ΠΌΡ </table>. ΠΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΎΠΏΠΈΡΡΠ²Π°Π΅ΡΡΡ ΡΠ²Π΅ΡΡ Ρ Π²Π½ΠΈΠ· ΠΏΠΎ ΡΡΡΠΎΠΊΠ°ΠΌ, ΠΊΠ°ΠΆΠ΄Π°Ρ ΠΈΠ· ΠΊΠΎΡΠΎΡΡΡ Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ Ρ ΡΠ΅Π³Π° <tr> ΠΈ Π·Π°ΠΊΠ°Π½ΡΠΈΠ²Π°Π΅ΡΡΡ </tr>.
Π―ΡΠ΅ΠΉΠΊΠΈ ΡΡΡΠΎΠΊΠΈ ΠΎΠΏΠΈΡΡΠ²Π°ΡΡΡΡ ΡΠ»Π΅Π²Π° Π½Π°ΠΏΡΠ°Π²ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³ΠΎΠ² <td> ΠΈ </td>. Π ΡΡΠ΅ΠΉΠΊΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ ΠΊΠ°ΠΊ ΡΠ΅ΠΊΡΡ, ΡΠ°ΠΊ ΠΈ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ°ΠΉΠ»Ρ ΠΈ Π΄Π°ΠΆΠ΅ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡΡ.
Π‘ΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅
- ΠΡΠ°Π½ΠΈΡΡ ΠΈ ΡΠ°ΠΌΠΊΠΈ
- Π¦Π²Π΅Ρ ΡΠΎΠ½Π° ΠΈ ΡΠ΅ΠΊΡΡΠ°
- ΠΡΡΡΡΠΏΡ ΡΠ°Π±Π»ΠΈΡΡ Π² HTML
- ΠΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Π² HTML
- ΠΡΡΠ°Π²ΠΊΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² HTML ΡΠ°Π±Π»ΠΈΡΡ
- ΠΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠ΅ ΡΡΠ΅Π΅ΠΊ Π² HTML ΡΠ°Π±Π»ΠΈΡΠ΅
- ΠΠ΅Π½Π΅ΡΠ°ΡΠΎΡΡ HTML ΡΠ°Π±Π»ΠΈΡ
ΠΡΠ°Π½ΠΈΡΡ ΠΈ ΡΠ°ΠΌΠΊΠΈ
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ Π½Π΅Ρ Π³ΡΠ°Π½ΠΈΡΡ. ΠΠΎΠ±Π°Π²ΠΈΡΡ Π΅Ρ ΠΌΠΎΠΆΠ½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π°ΡΡΠΈΠ±ΡΡΠ° border ΡΠ΅Π³Π° <table>. ΠΠ΄Π½Π°ΠΊΠΎ, ΠΈΠ½ΠΎΠ³Π΄Π° Π±ΡΠ°ΡΠ·Π΅ΡΡ ΡΠ°ΠΊΡΡ Π³ΡΠ°Π½ΠΈΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΠΏΠΎ-ΡΠ°Π·Π½ΠΎΠΌΡ, ΠΏΠΎΡΡΠΎΠΌΡ Π»ΡΡΡΠ΅ Π΄Π°Π½Π½ΡΠΉ ΠΏΡΠΎΡΠ΅ΡΡ Π²ΠΎΠ·Π»ΠΎΠΆΠΈΡΡ Π½Π° ΡΠ°Π±ΠΎΡΡ ΡΠΎ ΡΡΠΈΠ»ΡΠΌΠΈ:
<body>
<table border=Β»1β³>
<tr>
<td>Π‘ΡΠΎΠ»Π±Π΅Ρ 1</td>
<td>Π‘ΡΠΎΠ»Π±Π΅Ρ 2</td>
<td>Π‘ΡΠΎΠ»Π±Π΅Ρ 3</td>
</tr>
</table>
</body>
Π¦Π²Π΅Ρ ΡΠΎΠ½Π° ΠΈ ΡΠ΅ΠΊΡΡΠ°
ΠΠ»Ρ ΡΠΎΠ³ΠΎ ΡΡΠΎΠ±Ρ ΡΠΊΠ°Π·Π°ΡΡ ΡΠΎΠ½ ΡΡΠ΅ΠΉΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ HTML, ΡΡΡΠΎΠΊΠΈ ΠΈΠ»ΠΈ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠΈ, ΠΊ ΡΠ΅Π³Π°ΠΌ <table>, <td> ΠΈ <tr> ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ:
- background β Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΠΎΠ½Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅. Π£ΠΊΠ°Π·Π°ΡΡ ΠΌΠΎΠΆΠ½ΠΎ Π»ΠΈΠ±ΠΎ ΠΈΠΌΡ ΡΠ°ΠΉΠ»Π°, Π»ΠΈΠ±ΠΎ ΠΏΡΡΡ ΠΊ Π½Π΅ΠΌΡ;
- bgcolor β ΡΠΎΠ½ΠΎΠΌ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ½Π½ΡΠΉ ΡΠ²Π΅Ρ. Π£ΠΊΠ°Π·Π°ΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠ°ΠΊ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΡΡΡΠ΅Π³ΠΎ ΠΎΡΡΠ΅Π½ΠΊΠ°, ΡΠ°ΠΊ ΠΈ ΡΠ΅ΡΡΠ½Π°Π΄ΡΠ°ΡΠ΅ΡΠΈΡΠ½ΡΠΉ ΠΊΠΎΠ΄.
ΠΠ»Ρ ΡΠΎΠ³ΠΎ ΡΡΠΎΠ±Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ²Π΅Ρ ΡΠ΅ΠΊΡΡΠ° Π² ΡΠ°Π±Π»ΠΈΡΠ΅ HTML, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ΅Π³ <font>.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ:
<table border=Β»1β³ bgcolor=Β»greenΒ»>
<tr bgcolor=Β»blueΒ»>
<td><font color=Β»whiteΒ»>Π―ΡΠ΅ΠΉΠΊΠ° 1</font></td>
<td bgcolor=Β»redΒ»></td>
</tr>
<tr>
<td background=Β»http://t2. gstatic.com/images?q=tbn:ANd9GcRfByY7DCMopoeaahCdF4Yi7HWMo89lEYTZVJb4GAew7ZlZNiPWΒ»>Π―ΡΠ΅ΠΉΠΊΠ° 3</td>
<td>Π―ΡΠ΅ΠΉΠΊΠ° 4</td>
</tr>
</table>
ΠΡΡΡΡΠΏΡ ΡΠ°Π±Π»ΠΈΡΡ Π² HTML
Π HTML ΠΎΡΡΡΡΠΏΡ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ Π·Π°Π΄Π°ΡΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³Π° <table>:
- cellspacing β ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ Π³ΡΠ°Π½ΠΈΡΠ°ΠΌΠΈ ΡΠΎΡΠ΅Π΄Π½ΠΈΡ ΡΡΠ΅Π΅ΠΊ;
- cellpading β ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΡΠΌ ΠΈ Π³ΡΠ°Π½ΠΈΡΠ΅ΠΉ ΡΡΠ΅ΠΉΠΊΠΈ.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ:
<table border=Β»1β³ bgcolor=Β»greenΒ» cellspacing=Β»20β³ cellpadding=Β»20β³>
<tr bgcolor=Β»blueΒ»>
<td><font color=Β»whiteΒ»>Π―ΡΠ΅ΠΉΠΊΠ° 1</font></td>
<td bgcolor=Β»redΒ»></td>
</tr>
<tr>
<td>
background=Β»http://t2.gstatic.com/images?q=tbn:ANd9GcRfByY7DCMopoeaahCdF4Yi7HWMo89lEYTZVJb4GAew7ZlZNiPWΒ»>Π―ΡΠ΅ΠΉΠΊΠ° 3</td>
<td>Π―ΡΠ΅ΠΉΠΊΠ° 4</td>
</tr>
</table>
ΠΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΡΠ°ΠΊΠΎΠ²ΠΎ:
ΠΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Π² HTML
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠΈ ΠΈΠ»ΠΈ ΡΡΡΠΎΠΊΠΈ Π·Π°Π΄Π°ΡΡ Π΄Π²Π° ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°, ΠΊΠΎΡΠΎΡΡΠ΅ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ (align) ΠΈ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅ (valign) Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° Π² ΡΠ°Π±Π»ΠΈΡΠ΅ HTML.
ΠΠ°ΡΠ°ΠΌΠ΅ΡΡ align ΠΌΠΎΠΆΠ΅Ρ ΠΈΠΌΠ΅ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ:
- left β Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ Π»Π΅Π²ΠΎΠΉ Π³ΡΠ°Π½ΠΈΡΠ΅;
- right β Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ ΠΏΡΠ°Π²ΠΎΠΉ Π³ΡΠ°Π½ΠΈΡΠ΅;
- center β Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ.
ΠΠ°ΡΠ°ΠΌΠ΅ΡΡ valign ΠΌΠΎΠΆΠ΅Ρ ΠΈΠΌΠ΅ΡΡ ΡΠ°ΠΊΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ:
- bottom β Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ Π½ΠΈΠΆΠ½Π΅ΠΉ Π³ΡΠ°Π½ΠΈΡΠ΅;
- top β Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ Π²Π΅ΡΡ Π½Π΅ΠΉ Π³ΡΠ°Π½ΠΈΡΡ;
- middle β Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΡΠ΅ΡΠ΅Π΄ΠΈΠ½Π΅.
ΠΡΠΈΠΌΠ΅Ρ:
<table border= Β«1Β»>
<td>Π’Π΅ΠΊΡΡ 1</td>
<td align=Β»rightΒ» valign=Β»topΒ»>Π’Π΅ΠΊΡΡ 2</td>
</table>
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ Π² HTML? Π‘ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠΏΠΎΠΌΡΠ½ΡΡΠΎΠ³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡ center.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ:
Π― Π½Π΄Π΅ΠΊΡ.ΠΠΈΡΠ΅ΠΊΡΠΠΎΠ½ΡΡΠΎΠ»Ρ Π·Π° ΡΡΡΠΎΠΈΡΠ΅Π»ΡΠ½ΡΠΌΠΈ ΡΠ°Π±ΠΎΡΠ°ΠΌΠΈ mrspro.ru ΠΠ°Π½Π½ΡΠ΅ ΠΎ Ρ ΠΎΠ΄Π΅ ΡΡΡΠΎΠΈΡΠ΅Π»ΡΡΡΠ²Π° Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ ΡΠ΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Π²ΡΠ΅ΠΌ ΡΡΠ°ΡΡΠ½ΠΈΠΊΠ°ΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ°.
<table cellpadding=Β»0β³ cellspacing=Β»0β³>
<tr>
<td align=Β»centerΒ»>
<table cellpadding=Β»60β³ cellspacing=Β»4β³ border=Β»1β³>
<tr>
<td>
Π’Π΅ΠΊΡΡ ΡΠ°Π±Π»ΠΈΡΡ
</td>
</tr>
</table>
</td>
</tr>
</table>
ΠΡΡΠ°Π²ΠΊΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² HTML ΡΠ°Π±Π»ΠΈΡΡ
Π£ Π²Π΅Π±ΠΌΠ°ΡΡΠ΅ΡΠΎΠ² ΡΠ°ΡΡΠΎ Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ Π²ΠΎΠΏΡΠΎΡ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ Π²ΡΡΠ°Π²ΠΈΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ Π² HTML ΡΠ°Π±Π»ΠΈΡΡ? ΠΠ»Ρ ΡΠΎΠ³ΠΎ ΡΡΠΎΠ±Ρ ΡΡΠΎ ΠΎΡΡΡΠ΅ΡΡΠ²ΠΈΡΡ, Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡΠΎΠΏΠΈΡΠ°ΡΡ Π°Π΄ΡΠ΅Ρ ΠΈΠ»ΠΈ ΠΈΠΌΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠ΅ΠΉ ΡΡΠ΅ΠΉΠΊΠ΅ ΠΏΠΎΡΠ»Π΅ ΡΠ΅Π³Π° <td>.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ:
<table border= Β«1Β»>
<tr align=Β»leftΒ»>
<td><img src=Β»http://amadeya.users.photofile.ru/photo/amadeya/1288508/xlarge/42642197.jpgΒ»></td>
<td> Π‘ΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ 2 ΡΡΠ΅ΠΉΠΊΠΈ </td> </tr>
<tr align=Β»rightΒ»>
<td> Π‘ΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ 3 ΡΡΠ΅ΠΉΠΊΠΈ </td>
<td> Π‘ΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ 4 ΡΡΠ΅ΠΉΠΊΠΈ </td> </tr>
</table>
ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΌΠΈ Π°ΡΡΠΈΠ±ΡΡΠ°ΠΌΠΈ Π² Π΄Π°Π½Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΠ²Π»ΡΡΡΡΡ:
- width β ΡΠΈΡΠΈΠ½Π°;
- height β Π²ΡΡΠΎΡΠ°;
- alt β Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΡΠΉ ΡΠ΅ΠΊΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΏΡΠΈ ΠΎΡΠΊΠ»ΡΡΠ΅Π½Π½ΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ;
- title β ΠΏΠΎΠ΄ΠΏΠΈΡΡ ΠΊ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ΅;
- align β Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅;
- Π― Π½Π΄Π΅ΠΊΡ.ΠΠΈΡΠ΅ΠΊΡΠΊΠ°ΠΊ ΡΠ΄Π°Π»ΠΈΡΡ Π²ΠΈΡΡΡ Ρ ΠΠ rostov.k-itservice.ru 18+ ΠΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎΠ΅ ΡΠ΄Π°Π»Π΅Π½ΠΈΠ΅ Π²ΠΈΡΡΡΠΎΠ² ΠΈ ΡΠΏΠΈΠΎΠ½ΡΠΊΠΈΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌ. ΠΠ±Π΅Π·ΠΎΠΏΠ°ΡΠΈΠΌ Π²Π°Ρ ΠΊΠΎΠΌΠΏΡΡΡΠ΅Ρ!
- valign β Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅.
ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΠΎΠ±Π»Π°ΡΠΈΠ² ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ ΡΠ΅Π³ <a href=Β»ΡΡΡΠ°Π½ΠΈΡΠ°, Π½Π° ΠΊΠΎΡΠΎΡΡΡ Π²Π΅Π΄ΡΡ ΡΡΡΠ»ΠΊΠ°Β»><img src=Β»ΠΈΠΌΡ ΡΠ°ΠΉΠ»Π°. jpgΒ»></a>, Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΡΡΠ»ΠΊΠΈ.
ΠΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠ΅ ΡΡΠ΅Π΅ΠΊ Π² HTML ΡΠ°Π±Π»ΠΈΡΠ΅
Π‘ΠΎΡΠ΅Π΄ΡΡΠ²ΡΡΡΠΈΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ Π²Π½ΡΡΡΠΈ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΡΠΎΠ»Π±ΡΠ° ΠΈΠ»ΠΈ ΡΡΡΠΎΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² rowspan ΠΈ colspan ΡΠ΅Π³Π° <td>.
ΠΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠ΅ ΡΡΠΎΠ»Π±ΡΠΎΠ² ΠΎΠ΄Π½ΠΎΠΉ ΡΡΡΠΎΡΠΊΠΈ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ°ΠΊ:
<table border=Β»1β³>
<tr>
<td colspan=Β»3β³>Π’Π΅ΠΊΡΡ 2</td>
</tr>
<tr>
<td>Π’Π΅ΠΊΡΡ 2</td>
<td>Π’Π΅ΠΊΡΡ 3</td>
<td>Π’Π΅ΠΊΡΡ 4</td>
</tr>
</table>
Π£ HTML ΡΠ°Π±Π»ΠΈΡΡ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠ΅ ΡΡΠ΅Π΅ΠΊ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΡΠΎΠ»Π±ΡΠ° Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ:
<table border=Β»1β³>
<tr>
<td rowspan=Β»3β³>Π’Π΅ΠΊΡΡ 1</td>
<td>Π’Π΅ΠΊΡΡ 2</td>
</tr>
<tr>
<td>Π’Π΅ΠΊΡΡ 3</td>
</tr>
<tr>
<td>Π’Π΅ΠΊΡΡ 4</td>
</tr>
</table>
ΠΠ΅Π½Π΅ΡΠ°ΡΠΎΡΡ HTML ΡΠ°Π±Π»ΠΈΡ
Π― Π½Π΄Π΅ΠΊΡ. ΠΠΈΡΠ΅ΠΊΡΠΠΎΠ½ΡΡΠΎΠ»Ρ Π·Π° ΡΡΡΠΎΠΈΡΠ΅Π»ΡΠ½ΡΠΌΠΈ ΡΠ°Π±ΠΎΡΠ°ΠΌΠΈ mrspro.ru ΠΠ°Π½Π½ΡΠ΅ ΠΎ Ρ
ΠΎΠ΄Π΅ ΡΡΡΠΎΠΈΡΠ΅Π»ΡΡΡΠ²Π° Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ ΡΠ΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Π²ΡΠ΅ΠΌ ΡΡΠ°ΡΡΠ½ΠΈΠΊΠ°ΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ°.
Π Π°Π·ΡΠΌΠ΅Π΅ΡΡΡ, ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ HTML ΡΠ°Π±Π»ΠΈΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ, ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°Ρ Π²ΡΡΡΠ½ΡΡ Π²ΡΠ΅ ΡΠ΅Π³ΠΈ HTML. Π’Π°Π±Π»ΠΈΡΠ° Π² Π΄Π°Π½Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΠΈΡΠΊΡΠ΅Ρ Π±ΡΡΡ ΡΠΎΡΡΠ°Π²Π»Π΅Π½Π½ΠΎΠΉ Π½Π΅ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΠΎ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΡΠ΅Π»ΠΎΠ²Π΅ΡΠ΅ΡΠΊΠΈΠΉ ΡΠ°ΠΊΡΠΎΡ ΠΏΡΠΈ ΡΠ°Π±ΠΎΡΠ΅ Ρ Π±ΠΎΠ»ΡΡΠΈΠΌΠΈ ΠΎΠ±ΡΡΠΌΠ°ΠΌΠΈ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ Π΄Π°ΡΡ ΠΎ ΡΠ΅Π±Π΅ Π·Π½Π°ΡΡ.
Π£ΠΆΠ΅ Π΄Π°Π²Π½ΠΎ ΡΡΡΠ΅ΡΡΠ²ΡΡΡ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠ΅ Π³Π΅Π½Π΅ΡΠ°ΡΠΎΡΡ ΡΠ°Π±Π»ΠΈΡ HTML, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΈΠ·Π²Π°Π½Ρ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡΡ Π²Π°ΡΠ΅ Π²ΡΠ΅ΠΌΡ. Π‘ ΠΈΡ ΠΏΠΎΠΌΠΎΡΡΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π»Π΅Π³ΠΊΠΎ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎΠΌ Π½Π°ΡΡΡΠΎΠ΅ΠΊ.
ΠΠ΄Π½ΠΈΠΌ ΠΈΠ· Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΡΡ Π³Π΅Π½Π΅ΡΠ°ΡΠΎΡΠΎΠ² ΡΠ°Π±Π»ΠΈΡ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΡΡΡΠΊΠΎΡΠ·ΡΡΠ½ΡΠΉ ΡΠ΅ΡΠ²ΠΈΡ http://rusws.ru/genertabtag . Π Π΅Π³ΠΎ Π°ΡΡΠ΅Π½Π°Π»Π΅ ΠΈΠΌΠ΅Π΅ΡΡΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ Π½Π°ΡΡΡΠΎΠ΅ΠΊ Π΄Π»Ρ ΠΏΠΎΡΡΡΠΎΠ΅Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡ: Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π·Π°Π΄Π°ΡΡ ΡΠ²Π΅Ρ ΡΠΎΠ½Π°, Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅, ΡΠΈΡΠΈΠ½Ρ ΡΠ°Π±Π»ΠΈΡΡ, ΡΠΎΠ»ΡΠΈΠ½Ρ ΡΠ°ΠΌΠΊΠΈ ΠΈ Ρ.Π΄.
ΠΠ΅ΡΠΌΠΎΡΡΡ Π½Π° ΡΠΎ, ΡΡΠΎ ΡΠ΅ΡΠ²ΠΈΡ http://www.2createawebsite.com/build/table_generator.html ΡΠ²Π»ΡΠ΅ΡΡΡ Π·Π°ΡΡΠ±Π΅ΠΆΠ½ΡΠΌ, Π½Π°ΡΡΡΠΎΠ΅ΠΊ Π΄Π»Ρ Π³Π΅Π½Π΅ΡΠ°ΡΠΈΠΈ ΡΠ°Π±Π»ΠΈΡΡ Π·Π΄Π΅ΡΡ ΠΌΠ΅Π½ΡΡΠ΅, ΡΠ΅ΠΌ Π² ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅. ΠΠΌΠ΅ΡΡΡΡ Π»ΠΈΡΡ ΡΠ°ΠΌΡΠ΅ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΡΠ΅ β ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΡΠΎΠ»Π±ΡΠΎΠ², ΡΡΡΠΎΠΊ, ΡΠΈΡΠΈΠ½Π°, ΡΠ°Π·ΠΌΠ΅Ρ, ΡΠ²Π΅Ρ Π³ΡΠ°Π½ΠΈΡΡ.
ΠΡΠΎ β ΠΎΡΠ»ΠΈΡΠ½ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ Π΄Π»Ρ Π³Π΅Π½Π΅ΡΠ°ΡΠΈΠΈ ΠΏΡΠΎΡΡΠ΅ΠΉΡΠΈΡ ΡΠ°Π±Π»ΠΈΡ, ΠΎΠ΄Π½Π°ΠΊΠΎ Π΄Π»Ρ Π±ΠΎΠ»Π΅Π΅ ΡΠ΅ΡΡΡΠ·Π½ΡΡ ΡΠ΅Π»Π΅ΠΉ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΠΌ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΡΠ΅ΡΠ²ΠΈΡΠ°ΠΌΠΈ:
ΠΠ΅Π½Π΅ΡΠ°ΡΠΎΡ ΡΠ°Π±Π»ΠΈΡ html ΡΠ°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ Π½Π΅ ΡΠ»ΠΈΡΠΊΠΎΠΌ ΠΌΠ½ΠΎΠ³ΠΎ Π½Π°ΡΡΡΠΎΠ΅ΠΊ, ΠΎΠ΄Π½Π°ΠΊΠΎ ΡΠ²Π΅Ρ Π΄Π»Ρ ΡΠΎΠ½Π° ΠΈ Π³ΡΠ°Π½ΠΈΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΠ΄ΠΎΠ±ΡΠ°ΡΡ ΠΈΠ· ΠΏΠ°Π»ΠΈΡΡΡ ΡΠ²Π΅ΡΠΎΠ².
ΠΡΠΎΡ ΠΆΠ΅ ΡΠ΅ΡΠ²ΠΈΡ ΠΈΠΌΠ΅Π΅Ρ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΡΠ΄ΠΎΠ±Π½ΡΠΉ HTML ΡΠ΅Π΄Π°ΠΊΡΠΎΡ, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΡΡΠΎΠΈΡΡ, Π·Π°ΠΏΠΎΠ»Π½ΠΈΡΡ ΡΠ°Π±Π»ΠΈΡΡ, Π° Π·Π°ΡΠ΅ΠΌ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π΅Ρ ΠΊΠΎΠ΄:
Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΠ°Π±Π»ΠΈΡΠ° ΡΠ²Π»ΡΠ΅ΡΡΡ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ Π²Π°ΠΆΠ½ΡΠΌ ΡΡΠ°ΡΠΈΡΡΠΈΡΠ΅ΡΠΊΠΈΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ Π²ΠΎ Π²ΡΠ΅Ρ ΡΡΠ΅ΡΠ°Ρ ΠΆΠΈΠ·Π½ΠΈ, Π½ΠΎ ΠΈ Π½Π΅ΠΎΡΡΠ΅ΠΌΠ»Π΅ΠΌΠΎΠΉ ΡΠ°ΡΡΡΡ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ Π²ΡΡΡΡΠΊΠΈ.
ΠΡΠ»ΠΈ Π²Ρ ΡΠ΅ΡΠΈΠ»ΠΈ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΡΡΠ»ΡΠ³Π°ΠΌΠΈ Π³Π΅Π½Π΅ΡΠ°ΡΠΎΡΠ° ΡΠ°Π±Π»ΠΈΡ, ΡΡΠΎΠΈΡ Π²Π½ΠΈΠΌΠ°ΡΠ΅Π»ΡΠ½ΠΎ ΠΏΠΎΠ΄ΠΎΠΉΡΠΈ ΠΊ Π²ΡΠ±ΠΎΡΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠ΅Π³ΠΎ Π²Π°ΠΌ ΡΠ΅ΡΠ²ΠΈΡΠ°, ΠΎΠΏΡΠΎΠ±ΠΎΠ²Π°Π² ΡΠ°ΠΌΡΠ΅ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΠ΅ ΠΈΠ· Π½ΠΈΡ ΠΈ Π²ΡΠ±ΡΠ°Π² Π½Π°ΠΈΠ»ΡΡΡΠΈΠΉ.
ΠΠ΅Π»Π°Π΅ΠΌ ΡΡΠΏΠ΅Ρ ΠΎΠ²!
ΠΈΠ·ΡΡΠ°Π΅ΠΌ Jquery 1.3. ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½Π°Ρ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π½Π° Javascript [DJVU] [7ruvk1hb1650]
ΠΈΠ·ΡΡΠ°Π΅ΠΌ Jquery 1.3. ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½Π°Ρ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π½Π° Javascript [DJVU] [7ruvk1hb1650]Includes
- Multiple formats
- No login requirement
- Instant download
- Verified by our users
ΠΈΠ·ΡΡΠ°Π΅ΠΌ Jquery 1.

- 7301 views
DownloadEmbed
This document was uploaded by our user. The uploader already confirmed that they had the permission to publish it. If you are author/publisher or own the copyright of this documents, please report to us by using this DMCA report form. Report DMCA
E-Book Overview
ΠΠ·Π΄Π°Π½ΠΈΠ΅, ΠΏΠΎΡΠ²ΡΡΠ΅Π½Π½ΠΎΠ΅ jQuery Π²Π΅ΡΡΠΈΠΈ 1.3, Π·Π½Π°ΠΊΠΎΠΌΠΈΡ Ρ ΠΎΡΠ½ΠΎΠ²Π°ΠΌΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΡΠΎΠΉ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΡΡ
ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ
ΡΠ°ΠΉΡΠΎΠ². jQuery ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ ΡΠΈΠΏΠΈΡΠ½ΡΡ
Π·Π°Π΄Π°Ρ ΠΈ ΡΠΏΡΠΎΡΡΠΈΡΡ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ Π±ΠΎΠ»Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΡΡ
. ΠΠΏΡΡΠ½ΡΠ΅ Π²Π΅Π± Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ, Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π·Π½Π°ΠΊΠΎΠΌΡΠ΅ Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ, ΡΠΌΠΎΠ³ΡΡ Π±ΡΡΡΡΠΎ ΠΏΡΠΈΡΡΡΠΏΠΈΡΡ ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ jQuery Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ ΡΠΎΠΌΡ, ΡΡΠΎ ΠΎΠ½Π° ΠΎΡΠ½ΠΎΠ²Π°Π½Π° Π½Π° ΡΡΠ°Π½Π΄Π°ΡΡΠ°Ρ
ΡΠ΅Ρ
Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ HTML ΠΈ CSS. ΠΠΏΡΡΠ½ΡΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΡ ΠΏΡΠΈ ΠΈΠ·ΡΡΠ΅Π½ΠΈΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ ΠΎΡΠ΅Π½ΡΡ Π΅Π΅ ΠΊΠΎΠ½ΡΠ΅ΠΏΡΡΠ°Π»ΡΠ½ΡΡ ΡΠ΅Π»ΠΎΡΡΠ½ΠΎΡΡΡ. ΠΠ° Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΎΠΌ ΡΠΆΠ΅ Π²ΡΡΠ»Π° ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½Π½Π°Ρ Π²Π΅ΡΡΠΈΡ Π΄Π»Ρ jQuery 1. 4.
E-Book Information
Series: High Tech
Year: 2,010
Pages: 445
Pages In File: 445
Language: Russian
Topic: 70
Library: www.infanata.com
Issue: 2010 07-10
Identifier: 978-5-93286-177-6
Commentary: 1146132976 Ρ ΠΎΡ
Org File Size: 8,152,901
Extension: djvu
Tags: ΠΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΠΠΎΠΌΠΏΡΡΡΠ΅ΡΠ½Π°Ρ Π»ΠΈΡΠ΅ΡΠ°ΡΡΡΠ° HTML / CSS / JavaScript jQuery
Toc: Π‘ΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅ β¦β¦Page 6
ΠΡΡΡΠΏΠΈΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΡΠ»ΠΎΠ²ΠΎ β¦β¦Page 14
ΠΠ± Π°Π²ΡΠΎΡΠ°Ρ β¦β¦Page 16
ΠΠ»Π°Π³ΠΎΠ΄Π°ΡΠ½ΠΎΡΡΠΈ β¦β¦Page 17
Π ΡΠ΅Ρ Π½ΠΈΡΠ΅ΡΠΊΠΈΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°Ρ β¦β¦Page 18
ΠΡΠ΅Π΄ΠΈΡΠ»ΠΎΠ²ΠΈΠ΅ .β¦..Page 20
Π ΡΠ΅ΠΌ ΡΠ°ΡΡΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ Π² ΡΡΠΎΠΉ ΠΊΠ½ΠΈΠ³Π΅ β¦β¦Page 21
Π§ΡΠΎ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΡΡΠΎΠΉ ΠΊΠ½ΠΈΠ³ΠΎΠΉ β¦β¦Page 22
Π’ΠΈΠΏΠΎΠ³ΡΠ°ΡΡΠΊΠΈΠ΅ ΡΠΎΠ³Π»Π°ΡΠ΅Π½ΠΈΡ β¦β¦Page 23
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΏΠΎΠΊΡΠΏΠ°ΡΠ΅Π»Π΅ΠΉ β¦β¦Page 24
Π§ΡΠΎ Π΄Π΅Π»Π°Π΅Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° jQuery β¦β¦Page 26
Π§Π΅ΠΌ ΠΎΠ±ΡΡΠ»ΠΎΠ²Π»Π΅Π½ ΡΡΠΏΠ΅Ρ jQuery β¦β¦Page 28
Π₯ΡΠΎΠ½ΠΎΠ»ΠΎΠ³ΠΈΡ ΡΠ°Π·Π²ΠΈΡΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠ° jQuery β¦β¦Page 29
ΠΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΊΠ° Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° HTML β¦β¦Page 31
ΠΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ jQuery β¦β¦Page 34
Π Π·Π°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ β¦β¦Page 37
ΠΠ±ΡΠ΅ΠΊΡΠ½Π°Ρ ΠΌΠΎΠ΄Π΅Π»Ρ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° β¦β¦Page 39
Π€Π°Π±ΡΠΈΡΠ½Π°Ρ ΡΡΠ½ΠΊΡΠΈΡ $() β¦β¦Page 40
Π‘Π΅Π»Π΅ΠΊΡΠΎΡΡ CSS β¦β¦Page 41
ΠΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΡΠΎΠ²Π½Π΅ΠΉ ΡΠΏΠΈΡΠΊΠ° β¦β¦Page 42
Π‘Π΅Π»Π΅ΠΊΡΠΎΡΡ Π°ΡΡΠΈΠ±ΡΡΠΎΠ² β¦β¦Page 44
ΠΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΡΡΠ»ΠΎΠΊ β¦β¦Page 45
ΠΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠ΅ΡΠ΅Π΄ΡΡΡΠΈΡ ΡΡ ΡΡΡΠΎΠΊ β¦β¦Page 46
Π‘Π΅Π»Π΅ΠΊΡΠΎΡΡ ΡΠΎΡΠΌ β¦β¦Page 49
ΠΠ΅ΡΠΎΠ΄Ρ ΠΎΠ±Ρ ΠΎΠ΄Π° Π΄Π΅ΡΠ΅Π²Π° DOM β¦β¦Page 50
ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ ΡΡΠ΅Π΅ΠΊ β¦β¦Page 51
Π‘ΠΎΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠ΅ΠΏΠΎΡΠ΅ΠΊ ΠΌΠ΅ΡΠΎΠ΄ΠΎΠ² β¦β¦Page 52
Π Π·Π°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ β¦β¦Page 53
ΠΠΎΠΌΠ΅Π½Ρ Π·Π°ΠΏΡΡΠΊΠ° ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° β¦β¦Page 55
ΠΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΡΠ΅Π½Π°ΡΠΈΠ΅Π² Π² ΠΎΠ΄Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ .β¦..Page 56
Π‘ΠΎΡΡΡΠ΅ΡΡΠ²ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ Π΄ΡΡΠ³ΠΈΠΌΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°ΠΌΠΈ β¦β¦Page 58
ΠΡΠΎΡΡΠΎΠΉ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ ΡΡΠΈΠ»Π΅ΠΉ β¦β¦Page 59
Π‘ΠΎΠΊΡΠ°ΡΠ΅Π½Π½Π°Ρ ΡΠΎΡΠΌΠ° ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² β¦β¦Page 67
ΠΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΡΠΎΠΊΡΡΡΠΈΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ β¦β¦Page 69
ΠΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², ΠΏΡΠ΅Π΄ΡΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡΠΈΡ ΡΠ΅Π°ΠΊΡΠΈΡ Π½Π° ΡΠ΅Π»ΡΠΎΠΊ ΠΌΡΡΡΡ β¦β¦Page 70
Π Π°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½ΠΈΠ΅ ΡΠΎΠ±ΡΡΠΈΡ β¦β¦Page 72
ΠΠΎΠ±ΠΎΡΠ½ΡΠ΅ ΡΡΡΠ΅ΠΊΡΡ ΡΠ°Π·Ρ Π²ΡΠΏΠ»ΡΡΠΈΡ β¦β¦Page 74
ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΡ ΡΠΎΠ±ΡΡΠΈΡ: ΠΎΠ±ΡΠ΅ΠΊΡ ΡΠΎΠ±ΡΡΠΈΡ β¦β¦Page 75
ΠΡΡΠ°Π½ΠΎΠ²ΠΊΠ° ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½ΠΈΡ ΡΠΎΠ±ΡΡΠΈΡ β¦β¦Page 76
ΠΠ΅ΠΉΡΡΠ²ΠΈΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ β¦β¦Page 77
ΠΠ΅Π»Π΅Π³ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΎΠ±ΡΡΠΈΠΉ β¦β¦Page 78
Π£Π΄Π°Π»Π΅Π½ΠΈΠ΅ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° ΡΠΎΠ±ΡΡΠΈΡ β¦β¦Page 80
ΠΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ ΠΈΠΌΠ΅Π½ ΡΠΎΠ±ΡΡΠΈΡ β¦β¦Page 81
ΠΠΎΠ²ΡΠΎΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΡΠΎΠ±ΡΡΠΈΠΉ β¦β¦Page 82
Π‘ΠΎΠ±ΡΡΠΈΡ ΠΎΡ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ β¦β¦Page 84
Π Π·Π°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ β¦β¦Page 87
ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΡ ΡΠ²ΠΎΠΉΡΡΠ² ΡΡΠΈΠ»Ρ CSS β¦β¦Page 89
ΠΡΠΎΡΡΡΠ΅ ΡΡΡΠ΅ΠΊΡΡ ΡΠΊΡΡΡΠΈΡ ΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ β¦β¦Page 94
Π‘ΠΊΠΎΡΠΎΡΡΡ β¦β¦Page 96
ΠΡΡΠ΅ΠΊΡΡ ΠΏΡΠΎΡΠ²Π»Π΅Π½ΠΈΡ ΠΈ ΡΠ°ΡΡΠ²ΠΎΡΠ΅Π½ΠΈΡ ..β¦.Page 97
Π‘ΠΎΡΡΠ°Π²Π½ΡΠ΅ ΡΡΡΠ΅ΠΊΡΡ β¦β¦Page 98
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΎΠ½Π½ΡΡ ΡΡΡΠ΅ΠΊΡΠΎΠ² β¦β¦Page 99
ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΡΡΡΠ΅ΠΊΡΠ° ΠΏΡΠΎΡΠ²Π»Π΅Π½ΠΈΡ/ΡΠ°ΡΡΠ²ΠΎΡΠ΅Π½ΠΈΡ β¦β¦Page 100
Π£ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΡΠ°Π·Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌΠΈ β¦β¦Page 101
Π Π°Π±ΠΎΡΠ° Ρ ΠΎΠ΄Π½ΠΈΠΌ Π½Π°Π±ΠΎΡΠΎΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² β¦β¦Page 104
Π Π°Π±ΠΎΡΠ° Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ Π½Π°Π±ΠΎΡΠ°ΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² β¦β¦Page 107
Π€ΡΠ½ΠΊΡΠΈΠΈ ΠΎΠ±ΡΠ°ΡΠ½ΠΎΠ³ΠΎ Π²ΡΠ·ΠΎΠ²Π° β¦β¦Page 109
Π Π·Π°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ β¦β¦Page 111
ΠΠ°Π½ΠΈΠΏΡΠ»ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ°ΠΌΠΈ β¦β¦Page 112
ΠΡΡΠΈΠ±ΡΡΡ, ΠΎΡΠ»ΠΈΡΠ½ΡΠ΅ ΠΎΡ Π°ΡΡΠΈΠ±ΡΡΠ° class β¦β¦Page 113
ΠΡΠ΅ ΡΠ°Π· ΠΎ ΡΠ°Π±ΡΠΈΡΠ½ΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΠΈ $() β¦β¦Page 115
ΠΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π½ΠΎΠ²ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² β¦β¦Page 117
ΠΠ΅ΡΠ΅ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² β¦β¦Page 119
ΠΠ°ΡΠΊΠΈΡΠΎΠ²ΠΊΠ°, Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ ΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΡΡΠ»ΠΎΠΊ Π½Π° ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡ β¦β¦Page 123
ΠΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠ½ΠΎΡΠΎΠΊ β¦β¦Page 125
ΠΠ±Π΅ΡΡΡΠ²Π°Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² β¦β¦Page 126
ΠΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² β¦β¦Page 127
Π‘ΡΠΈΠ»ΠΈ CSS β¦β¦Page 129
ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΡΠΉ ΠΊΠΎΠ΄ β¦β¦Page 130
Π£ΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅ Π²ΡΠ΅Π·ΠΎΠΊ β¦β¦Page 132
ΠΠΎΡΠΎΡΠΊΠΎ ΠΎ ΠΌΠ΅ΡΠΎΠ΄Π°Ρ ΠΌΠ°Π½ΠΈΠΏΡΠ»ΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π΄Π΅ΡΠ΅Π²ΠΎΠΌ DOM β¦β¦Page 135
Π Π·Π°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ β¦β¦Page 136
6.AJAX β¦β¦Page 137
ΠΠ°Π³ΡΡΠ·ΠΊΠ° Π΄Π°Π½Π½ΡΡ ΠΏΠΎ ΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΡ β¦β¦Page 138
ΠΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ HTML β¦β¦Page 139
Π Π°Π±ΠΎΡΠ° Ρ ΠΎΠ±ΡΠ΅ΠΊΡΠ°ΠΌΠΈ JavaScript β¦β¦Page 142
ΠΠ·Π²Π»Π΅ΡΠ΅Π½ΠΈΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ² JavaScript β¦β¦Page 143
ΠΠ»ΠΎΠ±Π°Π»ΡΠ½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ jQuery β¦β¦Page 144
ΠΠ°ΠΏΡΡΠΊ ΡΡΠ΅Π½Π°ΡΠΈΡ β¦β¦Page 147
ΠΠ°Π³ΡΡΠ·ΠΊΠ° Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° XML β¦β¦Page 149
ΠΡΠ±ΠΎΡ ΡΠΎΡΠΌΠ°ΡΠ° Π΄Π°Π½Π½ΡΡ β¦β¦Page 152
ΠΠ΅ΡΠ΅Π΄Π°ΡΠ° Π΄Π°Π½Π½ΡΡ Π½Π° ΡΠ΅ΡΠ²Π΅Ρ β¦β¦Page 154
ΠΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Π·Π°ΠΏΡΠΎΡΠ° GET β¦β¦Page 155
ΠΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Π·Π°ΠΏΡΠΎΡΠ° POST β¦β¦Page 158
Π‘Π΅ΡΠΈΠ°Π»ΠΈΠ·Π°ΡΠΈΡ ΡΠΎΡΠΌΡ β¦β¦Page 159
Π‘Π»Π΅ΠΆΠ΅Π½ΠΈΠ΅ Π·Π° Ρ ΠΎΠ΄ΠΎΠΌ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ Π·Π°ΠΏΡΠΎΡΠ° β¦β¦Page 162
AJAX ΠΈ ΡΠΎΠ±ΡΡΠΈΡ β¦β¦Page 165
ΠΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡ Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡΠΈ β¦β¦Page 166
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΎΡΠΌΠ°ΡΠ° JSONP Π΄Π»Ρ ΡΠ΄Π°Π»Π΅Π½Π½ΡΡ Π΄Π°Π½Π½ΡΡ β¦β¦Page 167
ΠΠΈΠ·ΠΊΠΎΡΡΠΎΠ²Π½Π΅Π²ΡΠΉ ΠΌΠ΅ΡΠΎΠ΄ AJAX β¦β¦Page 169
ΠΠ°Π³ΡΡΠ·ΠΊΠ° ΡΠ°ΡΡΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΡ HTML β¦β¦Page 170
Π Π·Π°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ β¦β¦Page 172
7. Π Π°Π±ΠΎΡΠ° Ρ ΡΠ°Π±Π»ΠΈΡΠ°ΠΌΠΈ β¦β¦Page 174
Π‘ΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ° Π½Π° ΡΡΠΎΡΠΎΠ½Π΅ ΡΠ΅ΡΠ²Π΅ΡΠ° β¦β¦Page 175
Π‘ΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ° Ρ ΠΏΠΎΠΌΠΎΡΡΡ JavaScript β¦β¦Page 177
Π Π°Π·Π±ΠΈΠ²ΠΊΠ° Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ Π½Π° ΡΡΠΎΡΠΎΠ½Π΅ ΡΠ΅ΡΠ²Π΅ΡΠ° β¦β¦Page 194
Π Π°Π·Π±ΠΈΠ²ΠΊΠ° Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ JavaScript β¦β¦Page 195
ΠΠΊΠΎΠ½ΡΠ°ΡΠ΅Π»ΡΠ½Π°Ρ Π²Π΅ΡΡΠΈΡ β¦β¦Page 201
ΠΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡΡΡΠΎΠΊ β¦β¦Page 203
ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ β¦β¦Page 211
Π‘Π²Π΅ΡΡΡΠ²Π°Π½ΠΈΠ΅ ΠΈ ΡΠ°Π·Π²Π΅ΡΡΡΠ²Π°Π½ΠΈΠ΅ ΡΠ°Π·Π΄Π΅Π»ΠΎΠ² ΡΠ°Π±Π»ΠΈΡΡ β¦β¦Page 216
Π€ΠΈΠ»ΡΡΡΠ°ΡΠΈΡ β¦β¦Page 219
ΠΠΊΠΎΠ½ΡΠ°ΡΠ΅Π»ΡΠ½Π°Ρ Π²Π΅ΡΡΠΈΡ β¦β¦Page 224
Π Π·Π°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ β¦β¦Page 227
Π£Π»ΡΡΡΠ΅Π½ΠΈΠ΅ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠΎΡΠΌΡ β¦β¦Page 228
ΠΡΠΎΠ³ΡΠ΅ΡΡΠΈΠ²Π½ΠΎΠ΅ ΡΠ»ΡΡΡΠ΅Π½ΠΈΠ΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠΎΡΠΌΡ β¦β¦Page 229
ΠΠΎΠ»Ρ, ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΠΌΡΠ΅ ΠΏΠΎ ΡΡΠ»ΠΎΠ²ΠΈΡ β¦β¦Page 236
ΠΡΠΎΠ²Π΅ΡΠΊΠ° ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΡΠΎΡΠΌΡ β¦β¦Page 239
ΠΠ°Π½ΠΈΠΏΡΠ»ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ»Π°ΠΆΠΊΠ°ΠΌΠΈ β¦β¦Page 247
ΠΠΊΠΎΠ½ΡΠ°ΡΠ΅Π»ΡΠ½Π°Ρ Π²Π΅ΡΡΠΈΡ β¦β¦Page 249
ΠΠΎΠΌΠΏΠ°ΠΊΡΠ½ΡΠ΅ ΡΠΎΡΠΌΡ β¦β¦Page 252
Π’Π΅ΠΊΡΡ-Π·Π°ΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»Ρ Π΄Π»Ρ ΠΏΠΎΠ»Π΅ΠΉ β¦β¦Page 253
Π€ΡΠ½ΠΊΡΠΈΡ Π°Π²ΡΠΎΠ΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ AJAX β¦β¦Page 256
ΠΠΊΠΎΠ½ΡΠ°ΡΠ΅Π»ΡΠ½Π°Ρ Π²Π΅ΡΡΠΈΡ β¦β¦Page 264
Π Π°Π±ΠΎΡΠ° Ρ ΡΠΈΡΠ»ΠΎΠ²ΡΠΌΠΈ Π΄Π°Π½Π½ΡΠΌΠΈ Π² ΡΠΎΡΠΌΠ°Ρ β¦β¦Page 266
Π‘ΡΡΡΠΊΡΡΡΠ° ΡΠ°Π±Π»ΠΈΡΡ Π΄Π»Ρ ΠΊΠΎΡΠ·ΠΈΠ½Ρ Ρ ΠΏΠΎΠΊΡΠΏΠΊΠ°ΠΌΠΈ .β¦..Page 267
ΠΡΠ΅Π΄ΠΎΡΠ²ΡΠ°ΡΠ΅Π½ΠΈΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ Π²Π²ΠΎΠ΄Π° Π½Π΅ΡΠΈΡΠ»ΠΎΠ²ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ β¦β¦Page 270
ΠΡΠΈΡΠΌΠ΅ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ Π²ΡΡΠΈΡΠ»Π΅Π½ΠΈΡ β¦β¦Page 271
Π£Π΄Π°Π»Π΅Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² β¦β¦Page 278
ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ Ρ Π°Π΄ΡΠ΅ΡΠΎΠΌ Π΄ΠΎΡΡΠ°Π²ΠΊΠΈ β¦β¦Page 283
ΠΠΊΠΎΠ½ΡΠ°ΡΠ΅Π»ΡΠ½Π°Ρ Π²Π΅ΡΡΠΈΡ β¦β¦Page 286
Π Π·Π°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ β¦β¦Page 288
ΠΡΠΎΠΊΡΡΡΠΊΠ° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² β¦β¦Page 289
ΠΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΊΠ° ΡΡΡΠ°Π½ΠΈΡΡ β¦β¦Page 290
ΠΠΎΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΡΠ°ΡΡΡΠ»ΠΊΠΈ β¦β¦Page 292
ΠΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΊΠ° ΠΊ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ β¦β¦Page 295
Π€ΡΠ½ΠΊΡΠΈΡ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² β¦β¦Page 296
ΠΡΠΈΠΎΡΡΠ°Π½ΠΎΠ²ΠΊΠ° ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ ΠΌΡΡΠΈ β¦β¦Page 299
ΠΠΎΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΡΠ°ΡΡΡΠ»ΠΊΠΈ ΠΈΠ· Π΄ΡΡΠ³ΠΎΠ³ΠΎ Π΄ΠΎΠΌΠ΅Π½Π° β¦β¦Page 302
ΠΡΡΠ΅ΠΊΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΠΈ ΠΏΠΎ Π²ΡΡΠΎΡΠ΅ β¦β¦Page 304
ΠΠΊΠΎΠ½ΡΠ°ΡΠ΅Π»ΡΠ½Π°Ρ Π²Π΅ΡΡΠΈΡ β¦β¦Page 306
ΠΠ°ΡΡΡΠ΅Π»Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ β¦β¦Page 308
ΠΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΊΠ° ΡΡΡΠ°Π½ΠΈΡΡ β¦β¦Page 309
ΠΡΠΎΠΊΡΡΡΠΊΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΡΠ΅Π»ΡΠΊΠΎΠΌ ΠΌΡΡΠΈ β¦β¦Page 312
Π£Π²Π΅Π»ΠΈΡΠ΅Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ β¦β¦Page 320
ΠΠΊΠΎΠ½ΡΠ°ΡΠ΅Π»ΡΠ½Π°Ρ Π²Π΅ΡΡΠΈΡ β¦β¦Page 333
Π Π·Π°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ β¦β¦Page 336
ΠΠΎΠΈΡΠΊ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠΉ ΠΈ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΡΠΏΡΠ°Π²ΠΎΡΠ½ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ .β¦..Page 337
ΠΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ β¦β¦Page 338
Π Π°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ Form β¦β¦Page 339
Π‘ΠΎΠ²Π΅ΡΡ ΠΈ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΠΈ β¦β¦Page 340
ΠΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠΉ jQuery UI β¦β¦Page 341
ΠΡΡΠ΅ΠΊΡΡ β¦β¦Page 342
ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠΉ β¦β¦Page 344
ΠΠΈΠ΄ΠΆΠ΅ΡΡ β¦β¦Page 347
jQuery UI ThemeRoller β¦β¦Page 349
ΠΡΡΠ³ΠΈΠ΅ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΠΌΡΠ΅ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ β¦β¦Page 350
Π€ΠΎΡΠΌΡ β¦β¦Page 351
Π’Π°Π±Π»ΠΈΡΡ β¦β¦Page 352
ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ β¦β¦Page 354
ΠΠΊΠ½Π° Ρ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠΎΠΉ ΠΈ ΠΌΠΎΠ΄Π°Π»ΡΠ½ΡΠ΅ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΈ β¦β¦Page 355
ΠΠΈΠ°Π³ΡΠ°ΠΌΠΌΡ β¦β¦Page 358
Π Π·Π°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ β¦β¦Page 360
ΠΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π½ΠΎΠ²ΡΡ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΡΡ ΡΡΠ½ΠΊΡΠΈΠΉ β¦β¦Page 361
ΠΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΡΠ½ΠΊΡΠΈΠΉ β¦β¦Page 362
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½ΠΎΠ³ΠΎ ΠΌΠ΅ΡΠΎΠ΄Π° β¦β¦Page 363
ΠΠΎΠ½ΡΠ΅ΠΊΡΡ ΠΌΠ΅ΡΠΎΠ΄ΠΎΠ² ΠΎΠ±ΡΠ΅ΠΊΡΠ° β¦β¦Page 365
ΠΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠ΅ ΠΌΠ΅ΡΠΎΠ΄ΠΎΠ² Π² ΡΠ΅ΠΏΠΎΡΠΊΠΈ β¦β¦Page 368
ΠΠ΅ΡΠΎΠ΄Ρ ΠΎΠ±Ρ ΠΎΠ΄Π° Π΄Π΅ΡΠ΅Π²Π° DOM β¦β¦Page 369
ΠΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π½ΠΎΠ²ΡΡ ΡΠΎΠΊΡΠ°ΡΠ΅Π½Π½ΡΡ ΠΌΠ΅ΡΠΎΠ΄ΠΎΠ² β¦β¦Page 374
ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΠΌΠ΅ΡΠΎΠ΄ΠΎΠ² β¦β¦Page 377
ΠΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² β¦β¦Page 379
ΠΠ½Π°ΡΠ΅Π½ΠΈΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ .β¦..Page 381
Π€ΡΠ½ΠΊΡΠΈΠΈ ΠΎΠ±ΡΠ°ΡΠ½ΠΎΠ³ΠΎ Π²ΡΠ·ΠΎΠ²Π° β¦β¦Page 382
ΠΠ°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ β¦β¦Page 383
ΠΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΠ½ΡΡ Π²ΡΡΠ°ΠΆΠ΅Π½ΠΈΠΉ β¦β¦Page 385
ΠΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΊΠ° ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ ΠΊ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½ΠΈΡ β¦β¦Page 388
ΠΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΡ ΠΌΠ΅ΡΠΎΠ΄ΠΎΠ² β¦β¦Page 389
Π Π·Π°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ β¦β¦Page 390
jQuery API β¦β¦Page 391
Π‘ΠΏΡΠ°Π²ΠΎΡΠ½ΠΈΠΊ MSDN JScript β¦β¦Page 392
JSMin β¦β¦Page 393
Mezzoblue CSS cribsheet β¦β¦Page 394
JavaScript ant β¦β¦Page 395
DOM scripting β¦β¦Page 396
ΠΠ»Π°ΡΡΠΎΡΠΌΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ jQuery β¦β¦Page 397
Firebug β¦β¦Page 398
ΠΠ°Π½Π΅Π»Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° Π΄Π»Ρ Microsoft Internet Explorer β¦β¦Page 399
Web Inspector β¦β¦Page 400
NitobiBug β¦β¦Page 401
Aptana β¦β¦Page 402
ΠΠ»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ β¦β¦Page 403
ΠΠ΅Π»ΠΈΠΊΠΈΠΉ ΠΏΠΎΠ±Π΅Π³ β¦β¦Page 405
ΠΠ±Π»Π°ΡΡΡ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡΠΈ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ β¦β¦Page 406
ΠΠ·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρ Π·Π°ΠΌΡΠΊΠ°Π½ΠΈΡΠΌΠΈ β¦β¦Page 408
ΠΡΠ³ΡΠΌΠ΅Π½ΡΡ ΠΌΠ΅ΡΠΎΠ΄Π° $(document).ready() β¦β¦Page 409
ΠΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΡΠΎΠ±ΡΡΠΈΠΉ .β¦..Page 410
Π£Π³ΡΠΎΠ·Π° ΡΡΠ΅ΡΠΊΠΈ ΠΏΠ°ΠΌΡΡΠΈ β¦β¦Page 412
ΠΡΠΎΠ±Π»Π΅ΠΌΠ° ΡΡΠ΅ΡΠΊΠΈ ΠΏΠ°ΠΌΡΡΠΈ Π² Internet Explorer β¦β¦Page 414
ΠΠΎΠ±ΡΠ°Ρ Π²Π΅ΡΡΡ β¦β¦Page 415
Π Π·Π°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ β¦β¦Page 416
Π‘Π΅Π»Π΅ΠΊΡΠΎΡΠ½ΡΠ΅ Π²ΡΡΠ°ΠΆΠ΅Π½ΠΈΡ β¦β¦Page 417
ΠΠ΅ΡΠΎΠ΄Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΠΏΠΎ Π΄Π΅ΡΠ΅Π²Ρ DOM β¦β¦Page 420
ΠΠ΅ΡΠΎΠ΄Ρ ΡΠΎΠ±ΡΡΠΈΠΉ β¦β¦Page 422
ΠΠ΅ΡΠΎΠ΄Ρ ΡΡΡΠ΅ΠΊΡΠΎΠ² β¦β¦Page 425
ΠΠ΅ΡΠΎΠ΄Ρ ΠΌΠ°Π½ΠΈΠΏΡΠ»ΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π΄Π΅ΡΠ΅Π²ΠΎΠΌ DOM β¦β¦Page 426
ΠΠ΅ΡΠΎΠ΄Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ AJAX β¦β¦Page 430
ΠΡΠΎΡΠΈΠ΅ ΠΌΠ΅ΡΠΎΠ΄Ρ β¦β¦Page 432
ΠΠ»ΡΠ°Π²ΠΈΡΠ½ΡΠΉ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ β¦β¦Page 434
ΠΠ°ΡΠ΅ΡΠ½Π°Ρ ΡΠ°Π±ΠΎΡΠ° β ΠΡΠ½ΠΎΠ²Ρ WEB -ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ
Π Π·Π°ΡΠ΅ΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΠ΅ Π½ΡΠΆΠ½ΠΎ ΡΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°ΠΉΡ-Π²ΠΈΠ·ΠΈΡΠΊΡ .
ΠΠ»Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²ΡΠ΅ ΡΠΏΡΠ°ΠΆΠ½Π΅Π½ΠΈΡ ΡΠ°Π·ΠΎΠ±ΡΠ°Π½Π½ΡΠ΅ Π½Π° ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΡ
Π·Π°Π½ΡΡΠΈΡΡ
.. Π
ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΡΠ°ΠΉΡΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ·ΡΠΊΠΈ
ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ Π³ΠΈΠΏΠ΅ΡΡΠ΅ΠΊΡΡΠ° XHTML,
HTML5, CSS2,
CSS3, Ajax-JQuery Π΄Π»Ρ ΠΏΠΎΠ΄Π³ΡΡΠ·ΠΊΠΈ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°. ΠΠ΅ΡΡΡΠΊΠ° ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΠΉ. Π‘ΠΊΡΠΈΠΏΡΡ ΠΏΠΈΡΠ°ΡΡ Π½Π°
ΡΠ·ΡΠΊΠ΅ ΡΡΠ΅Π½Π°ΡΠΈΠ΅Π² JavaScript Ρ
ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ JQuery. ΡΡΡΠ»ΠΊΠ°: Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ AJAX ΡΠ°ΠΉΡΠ° Ρ ΠΏΠΎΠΌΠΎΡΡΡ jQuery). ΠΡΠ΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅ΡΡΡ ΡΠ²ΠΎΠ±ΠΎΠ΄Π½ΡΠΉ Π²ΡΠ±ΠΎΡ ΠΏΡΠ΅Π΄ΠΌΠ΅ΡΠ½ΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ. ΠΠΈΠΆΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ ΠΏΡΠΈΠΌΠ΅Ρ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ Π·Π°ΡΠ΅ΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ.
Π ΠΏΡΠΎΡΠ΅ΡΡΠ΅ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ Π·Π°ΡΠ΅ΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ ΡΡΡΠ΄Π΅Π½Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΡΠ°ΠΏΡ ΡΠ°Π±ΠΎΡΡ: 1. Π Π°Π·ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΏΡΡΠ°Π»ΡΠ½ΡΡ ΠΌΠΎΠ΄Π΅Π»Ρ ΡΠ°ΠΉΡΠ°, Π²ΠΊΠ»ΡΡΠ°ΡΡΡΡ Π² ΡΠ΅Π±Ρ ΡΠΈΡΡΠ΅ΠΌΡ ΡΡΠΈΠ»Π΅Π²ΠΎΠ³ΠΎ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ (ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ CSS), ΡΠ²Π΅ΡΠΎΠ²ΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½, ΠΏΠΎΠ΄Π±ΠΎΡΠΊΡ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ (ΡΠΈΡΡΠ½ΠΊΠΈ ΠΈ Ρ.ΠΏ.). 2. Π‘ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΎΠ½Π½ΡΡ ΡΡΡΡΠΊΡΡΡΡ ΡΠ°ΠΉΡΠ°. 3. Π Π°Π·ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΌΠ΅Ρ
Π°Π½ΠΈΠ·ΠΌ Π°ΡΡΠ΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΡΠ°ΠΉΡΠ°. 4. ΠΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΈΡΡ ΠΎΡΡΠ΅Ρ ΠΎ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ°Ρ ΡΠ°Π±ΠΎΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΠΉ Π² ΡΠ΅Π±Π΅: β ΡΠΈΡΡΠ»ΡΠ½ΡΠΉ Π»ΠΈΡΡ β Π²Π°ΡΠΈΠ°Π½Ρ ΠΊΠΎΡΡΠΎΠ»ΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ ΠΈ Π·Π°Π΄Π°Π½ΠΈΠ΅ β Π»ΠΈΡΡΠΈΠ½Π³ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° Π³Π»Π°Π²Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ β ΡΠΊΡΠΈΠ½ΡΠΎΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π½ΠΎΠ³ΠΎ WEB-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΡΠΈΠΌΠ΅ΡΠ½Π°Ρ ΡΠ΅ΠΌΠ°ΡΠΈΠΊΠ° Π΄Π»Ρ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ ΡΡΡΠ΄Π΅Π½ΡΠΎΠ²: 1. Π Π΅ΠΊΠ»Π°ΠΌΠ½ΠΎΠ΅ Π°Π³Π΅Π½ΡΡΡΠ²ΠΎ 2. ΠΠ°Π³Π°Π·ΠΈΠ½ ΠΊΠ°Π½ΡΡΠΎΠ²Π°ΡΠΎΠ² 3. ΠΠ΅Π±Π΅Π»ΡΠ½Π°Ρ ΡΠ°Π±ΡΠΈΠΊΠ° 4. ΠΠΎΠ½ΡΠ°Π»ΡΠΈΠ½Π³ΠΎΠ²ΠΎΠ΅ Π°Π³Π΅Π½ΡΡΡΠ²ΠΎ 5. ΠΠ·Π΄Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ Π΄ΠΎΠΌ 6. Π’ΡΡΠΈΡΡΠΈΡΠ΅ΡΠΊΠΎΠ΅ Π°Π³Π΅Π½ΡΡΡΠ²ΠΎ 7. ΠΠΎΡΡΠΈΠ½ΠΈΡΠ½ΡΠΉ ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ 8. Π‘ΡΡΠΎΠΈΡΠ΅Π»ΡΠ½Π°Ρ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΡ 9. ΠΠ³Π΅Π½ΡΡΡΠ²ΠΎ Π½Π΅Π΄Π²ΠΈΠΆΠΈΠΌΠΎΡΡΠΈ 10. Π Π΅ΡΡΠΎΡΠ°Π½ 11. ΠΠΎΡΠΎΠ΄ΡΠΊΠΎΠΉ ΠΏΠΎΡΡΠ°Π» 12. ΠΠ΅Π΄ΠΈΡΠΈΠ½ΡΠΊΠΈΠΉ ΡΠ΅Π½ΡΡ 13. ΠΠ΅ΡΡΠΊΠΈΠΉ ΡΠ°Π·Π²ΠΈΠ²Π°ΡΡΠΈΠΉ ΡΠ΅Π½ΡΡ 14. ΠΠΎΠ»ΠΈΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠ°Ρ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΡ 15. ΠΠ°Π·Π΅ΡΠ° 16. ΠΠΎΡΡΠ°Π²ΠΊΠ° Π΅Π΄Ρ 17. ΠΠΈΠ·Π°ΠΉΠ½ ΠΊΠ»ΡΠ± 18. ΠΠ²ΡΠΎΠ»ΠΎΠΌΠ±Π°ΡΠ΄ 19. 20. Π‘ΠΏΠΎΡΡΠΈΠ²Π½ΡΠΉ ΠΊΠ»ΡΠ± 21. Π‘Π°Π»ΠΎΠ½ ΠΊΡΠ°ΡΠΎΡΡ 22. Π€ΠΎΡΠΎΡΡΡΠ΄ΠΈΡ 23. Π€ΡΡΠ±ΠΎΠ»ΡΠ½ΡΠΉ ΠΊΠ»ΡΠ± 24. Π‘ΡΠ΅Π΄Π½ΡΡ ΡΠΊΠΎΠ»Π° 25. ΠΠ²ΠΈΠ°ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΡ 26. ΠΠ²ΡΠΎΡΠΊΠΎΠ»Π° 27. ΠΡΡΡΠ΅ΡΡΠΊΠ°Ρ ΡΠ»ΡΠΆΠ±Π° 28. ΠΠ°Π½ΠΊ 29. ΠΠ½ΡΠ΅ΡΠ½Π΅Ρ ΠΌΠ°Π³Π°Π·ΠΈΠ½ 30. ΠΡΡΠΎΠ²ΡΠ΅ ΡΡΠ»ΡΠ³ΠΈ (Ρ ΠΈΠΌ. ΡΠΈΡΡΠΊΠ°) ΠΡΠΈΠΌΠ΅Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π½Π΅ΠΊΠΎΡΠΎΡΡΡ ΡΡΡΠ°Π½ΠΈΡΠ΅ΠΊ ΡΠ°ΠΉΡΠ°. 1 ΡΡΡΠ°Π½ΠΈΡΠΊΠ° β PHP, Π΄Π°Π½Π½ΡΠ΅ ΠΏΠ΅ΡΠ΅Π΄Π°Π½Ρ ΠΌΠ΅ΡΠΎΠ΄ΠΎΠΌ Post.(ΠΌΠΈΠ½ΠΈΠΌΡΠΌ ΡΠΎΠ³ΠΎ, ΡΡΠΎ Π½Π°Π΄ΠΎ ΡΠΌΠ΅ΡΡ ΠΏΠΈΡΠ°ΡΡ Π½Π° PHP ΠΏΠΎ ΠΎΠΊΠΎΠ½ΡΠ°Π½ΠΈΠΈ ΡΡΠΎΠ³ΠΎ ΠΊΡΡΡΠ°)Π£ΡΠ»ΠΎΠΆΠ½Π΅Π½Π½ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ(ΠΌΠ°ΠΊΡΠΈΠΌΡΠΌ ΡΠΎΠ³ΠΎ, ΡΡΠΎ Π½Π°Π΄ΠΎ ΡΠΌΠ΅ΡΡ ΠΏΠΈΡΠ°ΡΡ Π½Π° PHP ΠΏΠΎ ΠΎΠΊΠΎΠ½ΡΠ°Π½ΠΈΠΈ ΡΡΠΎΠ³ΠΎ ΠΊΡΡΡΠ°). Π Π΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠ° β Π°ΡΡΠ΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, Π½Π°ΠΏΠΈΡΠ°Π½Π° Π½Π° ΡΠ·ΡΠΊΠ΅ ΡΡΠ΅Π½Π°ΡΠΈΠ΅Π² JavaScript Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ JQuery, ΡΠ·ΡΠΊΠ° ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ HTML5, ΠΊΠ°ΡΠΊΠ°Π΄Π½ΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ CSS3. ΠΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡ Ρ ΡΠ°Π½ΠΈΡΡΡ Π² Π±Π°Π·Π΅ Π΄Π°Π½Π½ΡΡ (MySql, PHP).![]() Π‘ΠΎΠ·Π΄Π°ΡΡ Π΄Π²Π΅ ΡΠΎΡΠΌΡ Π² HTML5: ΡΠΎΡΠΌΠ° Π²Ρ ΠΎΠ΄Π° ΠΈ ΡΠΎΡΠΌΠ° ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ. ΠΡΠΈ ΡΠΎΡΠΌΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΌΠ΅Π½ΡΡΡΡΡ Π΄ΡΡΠ³ Ρ Π΄ΡΡΠ³ΠΎΠΌ ΠΌΠ΅ΡΡΠ°ΠΌΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΡΠ΅ΠΊΡΠ° animate ΠΈΠ· Jquery. ΠΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ CSS3. ΠΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡ (Π»ΠΎΠ³ΠΈΠ½Ρ, ΠΏΠ°ΡΠΎΠ»ΠΈ) Ρ ΡΠ°Π½ΠΈΡΡΡ Π² Π±Π°Π·Π΅ Π΄Π°Π½Π½ΡΡ (ΠΈΠ· ΠΎΠ΄Π½ΠΎΠΉ β 2 ΡΠ°Π±Π»ΠΈΡ)
ΠΡΡΠ΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ (Π°Π²ΡΠΎΡΠΈΠ·Π°ΡΠΈΡ ΠΈ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΡ).ΠΡΡΠ΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ (ΡΡΠΏΠ΅ΡΠ½Π°Ρ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΡ, ΠΏΠΎΠΏΡΡΠΊΠ° ΠΏΠΎΠ²ΡΠΎΡΠ½ΠΎΠΉ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ, ΠΏΠΎΠΏΡΡΠΊΠ° Π°Π²ΡΠΎΡΠΈΠ·ΠΎΠ²Π°ΡΡΡΡ Ρ ΡΡΠΆΠΈΠΌ ΠΏΠ°ΡΠΎΠ»Π΅ΠΌ). 2-5 ΡΡΡΠ°Π½ΠΈΡΠΊΠΈ.ΠΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΎΠ½Π½Π°Ρ ΡΠ°ΡΡΡ.(Xhtml-JQuery)ΠΠ΅ΡΡΡΠΊΠ° Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΠΉ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ ΡΠ°ΠΊ: ΠΠΎΡΠ»ΠΈ Π½Π° ΡΠ°ΠΉΡ. ΠΠ»Π°Π²Π½Π°Ρ ΡΡΡΠ°Π½ΠΈΡΠ° Π‘ΡΡΠ°Π½ΠΈΡΠ° Β«ΠΠΠ ΠΠΒ»Π’Π΅ΠΊΡΡ ΡΠ²ΠΎΡΠ°ΡΠΈΠ²Π°Π΅ΡΡΡ ΠΈ ΡΠ°Π·Π²ΠΎΡΠ°ΡΠΈΠ²Π°Π΅ΡΡΡ.
Π‘ΡΡΠ°Π½ΠΈΡΠ° Β«ΠΠ£ΠΠΠ ΠΠ Π‘ΠΒ»-ΡΠ°Π±ΠΎΡΠ° Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ, ΡΠ°Π±Π»ΠΈΡΠ°ΠΌΠΈ Π‘ΡΡΠ°Π½ΠΈΡΠ° Β«ΠΡΠ²ΡΒ» Π‘ΡΡΠ°Π½ΠΈΡΠ° Β«ΠΠ΅ΡΡΠ°Π»ΡΒ»-ΡΠΎΠ±ΡΡΠΈΡ ΡΠ°Π΄ΠΈΠΎΠΊΠ½ΠΎΠΏΠΎΠΊ, ΡΠ΅ΠΊΠ±ΠΎΠΊΡΠΎΠ²
|
Δ | chalkwork-payments[1].![]() View | Dec 25, 2014, 1:52 AM | Ol Gerenko | ||||
Δ | MySite.7z View | Dec 25, 2014, 1:18 AM | Ol Gerenko |
Π’Π°Π±Π»ΠΈΡΡ jQuery: ΠΠ»Π°Π³ΠΈΠ½Ρ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡ ΠΈ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΈΠΌΠΈ
JavaScript
- jQuery
Π’Π°Π±Π»ΠΈΡΡ β ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΡΡΠ°ΡΠ΅ΠΉΡΠΈΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² HTML. ΠΡΠ»ΠΎ Π²ΡΠ΅ΠΌΡ, ΠΊΠΎΠ³Π΄Π° ΡΠ°Π±Π»ΠΈΡΡ ΡΠΈΡΠΎΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈΡΡ ΠΊΠ°ΠΊ Π΄Π»Ρ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°, ΡΠ°ΠΊ ΠΈ Π΄Π»Ρ Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅ΡΠΎΠ². Π ΡΡΠ°ΡΡΡΡ, ΠΌΠ°ΠΊΠ΅ΡΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΡΠ°Π±Π»ΠΈΡ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΠΌΠ΅ΡΡΠ²Ρ (Π·Π° ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ΠΌ ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠΉ ΠΏΠΎΡΡΡ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ HTML), ΠΈ ΠΊΠΎΠ³Π΄Π° Π²Π°ΠΌ Π² Π½Π°ΡΡΠΎΡΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ Π½ΡΠΆΠ½Π° ΡΠ°Π±Π»ΠΈΡΠ°, ΠΎΠ½Π° ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Π° Π΄Π»Ρ ΡΠΎΠΉ ΡΠ΅Π»ΠΈ, Π΄Π»Ρ ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΎΠ½Π° Π±ΡΠ»Π° ΠΈΠ·Π½Π°ΡΠ°Π»ΡΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π½Π° β Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΠ½ΡΡ
Π΄Π°Π½Π½ΡΡ
.
ΠΡΠ΄ΡΡΠΈ Π±ΠΎΠ»Π΅Π΅ ΡΡΠ°ΡΠΎΠΉ ΡΠ°ΡΡΡΡ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ HTML, ΡΠ°Π±Π»ΠΈΡΡ, ΠΊΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, Π½Π΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡ Π΄Π»Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΠ΅ ΡΡΡΡΠΎΠΉΡΡΠ²Π°, ΠΈ Π½Π΅ ΠΏΡΠ΅Π΄Π»Π°Π³Π°ΡΡ ΠΊΠ°ΠΊΠΈΡ -Π»ΠΈΠ±ΠΎ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΡ ΡΡΠ½ΠΊΡΠΈΠΉ ΠΈΠ· ΠΊΠΎΡΠΎΠ±ΠΊΠΈ. Π’Π°Π±Π»ΠΈΡΡ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΠΏΡΠΎΡΡΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ Π²Π°ΡΠΈ Π΄Π°Π½Π½ΡΠ΅, ΠΈ Π² Π½Π΅ΠΊΠΎΡΠΎΡΡΡ ΡΠ»ΡΡΠ°ΡΡ ΡΡΠΎ Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎ.
ΠΠ΄Π½Π°ΠΊΠΎ ΡΠ°ΡΡΠΎ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅, ΡΡΠΎΠ±Ρ ΡΠ°Π±Π»ΠΈΡΡ Π±ΡΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΌΠΈ, Π»ΠΈΠ±ΠΎ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π»ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΠΊΠΎΡΠΈΡΡΠ΅ΠΌΡ, Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΡΡ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΠΉ ΠΌΠ°ΠΊΠ΅Ρ, Π»ΠΈΠ±ΠΎ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΏΠΎΠΈΡΠΊ, ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΡ, ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ° ΠΈΠ»ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ.
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ Π½Π°Π±ΠΎΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΡ ΠΌΠΎΠ΄ΡΠ»Π΅ΠΉ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ jQuery Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ, ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ ΠΈΠ»ΠΈ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ Π²Π°ΡΠΈΡ ΡΠ°Π±Π»ΠΈΡ. ΠΡΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Ρ Π²Π°ΡΡΠΈΡΡΡΡΡΡ ΠΎΡ Π»Π΅Π³ΠΊΠΎΠ³ΠΎ ΡΠ΅ΡΡΠ°ΠΉΠ»ΠΈΠ½Π³Π° Π΄ΠΎ ΠΏΠΎΠ»Π½ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΡ ΡΠ΅ΡΠ΅Π½ΠΈΠΉ.
Dynatable
Dynatable β ΡΡΠΎ Π½Π΅Π²Π΅ΡΠΎΡΡΠ½ΠΎ ΠΌΠΎΡΠ½ΡΠΉ ΠΈ Π²ΡΠ΅ΡΡΠΎΡΠΎΠ½Π½ΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠΉ, ΡΡΠ΅Π΄ΠΈ ΠΏΡΠΎΡΠ΅Π³ΠΎ, ΡΠΎΠ·Π΄Π°Π΅Ρ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΌΠΎΡΠ½ΡΠΌΠΈ ΡΡΠ½ΠΊΡΠΈΡΠΌΠΈ, ΡΠ°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΡ, ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ° ΠΈ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ ΡΡΡΠ°Π½ΠΈΡ. Dynatable ΠΎΡΠ΅Π½Ρ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½ Π½Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ², ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡ Π²Π°ΠΌ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΠΎΠ²Π°ΡΡ, ΠΊΠ°ΠΊ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ ΡΠ°Π±Π»ΠΈΡΠ°, ΠΊΠ°ΠΊ Π±ΡΠ΄ΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΡ ΠΈ ΠΏΠΎΠΈΡΠΊ, ΠΈ Π² ΡΠ΅Π»ΠΎΠΌ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ Π²Π°ΠΌ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅.
ΠΡΠ»ΠΈ Π²Ρ ΠΈΡΠ΅ΡΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡΠΎΡΡΠΉ Π΄Π°Π΅Ρ Π²Π°ΠΌ ΠΊΠΎΠ½ΡΡΠΎΠ»Ρ Π½Π°Π΄ ΡΠ΅ΠΌ, ΠΊΠ°ΠΊ Π²ΡΠ΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ, ΡΠΎ ΡΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎ ΡΡΠΎΠΈΡ Π²Π°ΡΠ΅Π³ΠΎ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ. ΠΡΠ»ΠΈ Π²Ρ Π½ΠΎΠ²ΠΈΡΠΎΠΊ Π² JavaScript/jQuery, ΡΠΎ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΈ/ΠΈΠ»ΠΈ Π°Π²ΡΠΎΡΡΠΊΠ°Ρ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ ΠΌΠΎΠ³ΡΡ Π²Π°Ρ ΠΎΡΠΏΡΠ³Π½ΡΡΡ. ΠΠ΄Π½Π°ΠΊΠΎ Π²ΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ ΠΈ ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, ΠΏΠΎΡΡΠΎΠΌΡ Π½Π΅Ρ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ Π² Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ Π½Π°ΡΡΡΠΎΠΉΠΊΠ΅.
Π£Π΄ΠΈΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ, ΡΡΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΡΠ°ΡΡΠΉ (ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΠΊΡΡΠΏΠ½ΡΠΉ ΠΊΠΎΠΌΠΌΠΈΡ Π±ΡΠ» ΡΠ΄Π΅Π»Π°Π½ Π΅ΡΠ΅ Π² 2014 Π³ΠΎΠ΄Ρ). ΠΠ° ΡΡΠΎΠΌ ΠΏΡΡΠΈ Π±ΡΠ»ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΊΠΎΠΌΠΌΠΈΡΠΎΠ² ΠΈ ΡΡΠ°ΡΡΠΈΠ΅ ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²Π°, Π½ΠΎ ΡΡΡΠ΄Π½ΠΎ ΡΠΊΠ°Π·Π°ΡΡ, Π°ΠΊΡΠΈΠ²Π½ΠΎ Π»ΠΈ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Π΅ΡΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ (ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ²Π»ΠΈΡΡΡ Π½Π° ΡΠΎ, Ρ ΠΎΡΠΈΡΠ΅ Π»ΠΈ Π²Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΏΠΎΠΌΠΎΡΡ ΠΈΠ»ΠΈ Π²Π½Π΅ΡΡΠΈ ΡΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄). ΠΠΎΠΌΠΈΠΌΠΎ Π²ΡΠ΅Π³ΠΎ ΡΡΠΎΠ³ΠΎ, ΡΡΠΎ Ρ ΠΎΡΠΎΡΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΏΡΠ΅Π΄Π»Π°Π³Π°ΡΡΠΈΠΉ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΡΠ½ΠΊΡΠΈΠΉ, Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΠΈΠ· ΠΊΠΎΡΠΎΡΡΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π½Π° Π»ΡΠ±ΠΎΠΌ Π²Π΅Π±-ΡΠ°ΠΉΡΠ΅.
GitHub
Bootstrap Table
Π€ΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ CSS ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ ΠΏΠΎΠΏΡΠ»ΡΡΠ½Ρ, ΠΈ Bootstrap Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ Π»ΠΈΠ΄ΠΈΡΡΡΡΠΈΠ΅ ΠΏΠΎΠ·ΠΈΡΠΈΠΈ. ΠΠ»Π°Π³ΠΈΠ½ Bootstrap Table ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΊΠ°ΠΊ ΠΌΠ½ΠΎΠ³ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ, Π½ΠΎ Π»Π΅Π³ΠΊΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ Π²ΡΠ΅ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ Ρ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΠΎΠΉ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ².
ΠΠΎΡΠ½ΠΎΡΡΡ ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΡΡΠΎΠ³ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½Π° Π²ΠΏΠ΅ΡΠ°ΡΠ»ΡΡΡ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ Π΄Π»Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΡΠΈΠ»Ρ Π²Π°ΡΠΈΡ ΡΠ°Π±Π»ΠΈΡ, ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈΡ Π±ΠΎΠ»Π΅Π΅ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΌΠΈ ΠΈ ΠΊΡΠ°ΡΠΈΠ²ΡΠΌΠΈ, ΠΈ, ΠΊΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π½ΠΎΠ²ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΡ, ΠΏΠΎΠΈΡΠΊ, ΡΡΠ»ΠΎΠ²Π½ΠΎΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΡΠΎΠ»Π±ΡΠΎΠ² (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΊΡΡΡΡ ΡΡΠΎΠ»Π±ΡΡ Π΄Π»Ρ ΠΏΡΠΎΡΡΠΎΡΡ), Π° ΡΠ°ΠΊΠΆΠ΅ Π΄ΡΡΠ³ΠΈΠ΅ ΠΏΠΎΠ»Π΅Π·Π½ΡΠ΅ Π»Π°ΠΊΠΎΠΌΡΠ΅ ΠΊΡΡΠΎΡΠΊΠΈ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΡΠΊΡΠΏΠΎΡΡ Π² CSV ΠΈ JSON.
ΠΠ° ΡΡΡΠ°Π½ΠΈΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΠ° ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ ΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ. ΠΠ°ΠΌ ΠΏΡΠΈΠ΄Π΅ΡΡΡ ΠΏΠΎΡΡΠ°ΡΠΈΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΠΎΠ΅ Π²ΡΠ΅ΠΌΡ Π½Π° ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠ»Π΅Π½ΠΈΠ΅ Ρ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΠ΅ΠΉ, Π½ΠΎ ΡΡΠΎ ΡΠΎΠ³ΠΎ ΡΡΠΎΠΈΡ, ΠΊΠΎΠ³Π΄Π° Π² ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΡΡ ΠΏΠΎΡΡΡΡΠ°ΡΡΠ°Ρ ΡΠ°Π±Π»ΠΈΡΠ° Ρ ΡΠ°ΠΊΠΈΠΌ Π½Π°Π±ΠΎΡΠΎΠΌ ΡΡΠ½ΠΊΡΠΈΠΉ.
ΠΠ°ΠΌ Π½ΡΠΆΠ½ΠΎ Π»ΠΈΠ±ΠΎ Π·Π°ΠΏΡΡΡΠΈΡΡ ΠΏΡΠΎΠ΅ΠΊΡ Bootstrap, Π»ΠΈΠ±ΠΎ, ΠΏΡΠΈ ΠΆΠ΅Π»Π°Π½ΠΈΠΈ, Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π² ΠΏΡΠΎΠ΅ΠΊΡ ΡΠ°ΠΉΠ» Bootstrap CSS ΠΈ JS. ΠΠ»Π°Π³ΠΈΠ½ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π»ΠΈΠ±ΠΎ ΡΠ΅ΡΠ΅Π· ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ Π΄Π°Π½Π½ΡΡ
HTMTL
Π² Π²Π°ΡΠΈΡ
ΡΠ°Π±Π»ΠΈΡΠ°Ρ
(Ρ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ΠΌ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΡΡ
Π²Π°ΠΌ ΡΡΠ½ΠΊΡΠΈΠΉ/ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ²), Π»ΠΈΠ±ΠΎ ΡΠ΅ΡΠ΅Π· Π±ΠΎΠ»Π΅Π΅ ΡΡΠ°Π΄ΠΈΡΠΈΠΎΠ½Π½ΡΠΉ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄ JS. ΠΡΠ»ΠΈ Π²Ρ ΡΠΆΠ΅ ΡΡΠ°ΡΡΠ²ΡΠ΅ΡΠ΅ Π² ΠΏΡΠΎΠ΅ΠΊΡΠ΅ Bootstrap, ΡΡΠΎ ΠΎΡΠ»ΠΈΡΠ½ΠΎΠ΅ Π½Π°ΡΠ°Π»ΠΎ. ΠΡΠ»ΠΈ Π²Ρ ΡΠ°Π±ΠΎΡΠ°Π΅ΡΠ΅ Π½Π°Π΄ ΡΠ΅ΠΌ-ΡΠΎ Π΄ΡΡΠ³ΠΈΠΌ, ΠΊΡΠΎΠΌΠ΅ Bootstrap, Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π²Π·Π²Π΅ΡΠΈΡΡ Π²ΡΠ΅ Π·Π° ΠΈ ΠΏΡΠΎΡΠΈΠ².
Π ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΌΠ½ΠΎΠ³ΠΈΡ Π»Π΅Ρ ΠΏΠ»Π°Π³ΠΈΠ½ Π°ΠΊΡΠΈΠ²Π½ΠΎ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π»ΡΡ Π΄Π΅ΡΡΡΠΊΠ°ΠΌΠΈ ΡΡΠ°ΡΡΠ½ΠΈΠΊΠΎΠ² ΠΈ ΡΡΡΡΡΠ°ΠΌΠΈ ΠΊΠΎΠΌΠΌΠΈΡΠΎΠ². ΠΡΠΎ ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ ΡΠ°Π·Π²ΠΈΠ²Π°ΡΡΠΈΠΉΡΡ ΠΏΡΠΎΠ΅ΠΊΡ Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ. Π’ΡΡΠ΄Π½ΠΎ ΡΠΊΠ°Π·Π°ΡΡ, Π±ΡΠ΄Π΅Ρ Π»ΠΈ ΡΡΠΎ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΎ Π½Π° Bootstrap 4 (ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ Bootstrap 2/3), Π½ΠΎ Π½Π° Π΄Π°Π½Π½ΡΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΏΠΎΡΠΈΡΡ, ΡΡΠΎ ΠΎΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΡΡ.
ΠΡΠ»ΠΈ Π²Ρ ΠΈΡΠ΅ΡΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΠΌΠ΅Π΅Ρ ΠΈΡΡΠΎΡΠΈΡΠ΅ΡΠΊΠΈ ΠΎΡΠ»ΠΈΡΠ½ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ ΠΈ ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ ΠΎΠ±Π½ΠΎΠ²Π»ΡΠ΅ΡΡΡ (ΠΈ, ΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎ, Π²Ρ ΠΏΡΠ΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅ΡΠ΅, ΡΡΠΎ ΠΎΠ½ΠΈ ΠΈΡΠΏΡΠ°Π²ΠΈΠ»ΠΈ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΠΎΡΠΈΠ±ΠΎΠΊ), ΡΠΎ ΡΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ΄ΠΎΠΉΡΠΈ Π²Π°ΠΌ. ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π½Π° ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠ΅ ΡΠ΅ΠΌΡ ΠΈ ΡΠ°Π±Π»ΠΎΠ½Ρ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΡΠ΄Π΅Π»Π°Π»ΠΈ Π΄Π»Ρ Π½Π΅Π³ΠΎ Π·Π΄Π΅ΡΡ.
ΠΠ΅Π±-ΡΠ°ΠΉΡ
ΠΠ΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
Π’Π°Π±Π»ΠΈΡΠ° Ρ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ Π΄Π΅Π»Π°Π΅Ρ ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΠΎ, ΡΡΠΎ Π²Ρ Π΄ΡΠΌΠ°Π΅ΡΠ΅: ΠΎΠ½Π° ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅Ρ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π² Π²Π΅ΡΡ Π½Π΅ΠΉ ΡΠ°ΡΡΠΈ Π²Π°ΡΠΈΡ ΡΠ°Π±Π»ΠΈΡ, ΡΡΠΎΠ±Ρ Π²Ρ Π½Π΅ ΡΠ΅ΡΡΠ»ΠΈ ΡΡΠΎΠ»Π±ΡΡ ΠΏΡΠΈ ΠΏΡΠΎΠΊΡΡΡΠΊΠ΅.
ΠΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΡΠΎ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠΉ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΎΠΉ HTML-ΡΠ°Π±Π»ΠΈΡ. ΠΠ½ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²Π°Ρ ΡΠ΅Π³
ΠΈΠ»ΠΈ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Π°Ρ ΡΠ΅Π³
, ΡΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π΄Π»Ρ Π²Π°ΡΠ΅ΠΉ ΡΠ°Π±Π»ΠΈΡΡ. ΠΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π΄ΡΡΠ³ΠΈΡ
ΠΎΠΏΡΠΈΠΉ, ΡΠ°ΠΊΠΈΡ
ΠΊΠ°ΠΊ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΊΠ»ΠΎΠ½ΠΈΡΠΎΠ²Π°ΡΡ Π²Π΅ΡΡ
Π½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ» Π² Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ» ΠΈ, ΠΏΡΠΈ ΠΆΠ΅Π»Π°Π½ΠΈΠΈ, ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ/ΡΠΊΡΡΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ. Π ΡΠ΅Π»ΠΎΠΌ, ΡΠ΅Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½Π° ΠΏΡΠΎΡΡΠ° ΠΈ ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², ΡΡΠΎΠ±Ρ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ ΡΠ»ΠΎΠΆΠ½ΠΎΡΡΡ. Π‘ΡΠΈΠ»Ρ ΠΈ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΡ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π²ΡΡΡΠ½ΡΡ, Π΅ΡΠ»ΠΈ Π²Π°ΠΌ ΡΡΠΎ Π½ΡΠΆΠ½ΠΎ.
ΠΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅, ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°ΡΡΠ΅Π΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΡ, Π΄ΡΡΠ³ΠΈΠ΅ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ ΠΌΠΎΠ³ΡΡ ΠΎΠΊΠ°Π·Π°ΡΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠΈΠΌΠΈ. Π’Π°ΠΊΠΆΠ΅ ΠΎΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ ΡΡΠΎ Π±ΠΎΠ»Π΅Π΅ ΡΡΠ°ΡΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ (Π½Π°ΡΠΈΠ½Π°Ρ Ρ 2011 Π³ΠΎΠ΄Π°), ΠΏΠΎΡΡΠΎΠΌΡ ΠΌΠΎΠΆΠ½ΠΎ Ρ ΡΠ²Π΅ΡΠ΅Π½Π½ΠΎΡΡΡΡ ΠΏΡΠ΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΡΡ, ΡΡΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ Π½Π΅ Π±ΡΠ΄Π΅Ρ Π°ΠΊΡΠΈΠ²Π½ΠΎ ΠΎΠ±Π½ΠΎΠ²Π»ΡΡΡ ΠΈΠ»ΠΈ ΡΠ°ΡΡΠΈΡΡΡΡ ΡΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ Π² Π±ΡΠ΄ΡΡΠ΅ΠΌ. ΠΠ°ΠΌ ΡΠ΅ΡΠ°ΡΡ, Π΄ΠΎΠ²ΠΎΠ»ΡΠ½Ρ Π»ΠΈ Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΡΡΠ°ΡΠ΅Π²ΡΠ΅Π³ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½Π°.
ΠΠ΅Π±-ΡΠ°ΠΉΡ/ΠΠ΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
DataTables
ΠΡΠΎΡ ΠΎΡΠ΅Π½Ρ Π³ΠΈΠ±ΠΊΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ ΡΠ°Π±Π»ΠΈΡ jQuery ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ Π΄Π»Ρ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΡΠ°Π±Π»ΠΈΡ HTML, ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈΡ Π±ΠΎΠ»Π΅Π΅ ΠΈΠ½ΡΡΠΈΡΠΈΠ²Π½ΠΎ ΠΏΠΎΠ½ΡΡΠ½ΡΠΌΠΈ ΠΈ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΌΠΈ.
DataTables β ΡΡΠΎ ΠΎΠ±ΡΠΈΡΠ½ΡΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠΉ Π΄Π»Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½ΠΈΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ
ΡΡΠ½ΠΊΡΠΈΠΉ Π΄Π»Ρ Π²Π°ΡΠΈΡ
ΡΠ°Π±Π»ΠΈΡ, ΡΠ°ΠΊΠΈΡ
ΠΊΠ°ΠΊ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ°, ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΡ, ΡΠ°Π·Π±ΠΈΠ²ΠΊΠ° Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠ΅ ΡΠ΅ΠΌΡ.
ΠΠ»Π°Π³ΠΈΠ½ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΏΡΡΠΌΠΎ ΠΈΠ· ΠΊΠΎΡΠΎΠ±ΠΊΠΈ, ΠΊΠ°ΠΊ ΠΈ ΡΠ»Π΅Π΄ΠΎΠ²Π°Π»ΠΎ ΠΎΠΆΠΈΠ΄Π°ΡΡ, Π½ΠΎ ΠΎΠ½ ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΠΎΠ±ΡΠΈΡΠ½ΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ, ΡΡΠΎΠ±Ρ Π²Ρ ΠΌΠΎΠ³Π»ΠΈ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΠΎΠ²Π°ΡΡ, ΠΊΠ°ΠΊ Π²Π°Ρ ΡΡΠΎΠ» Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ, ΡΡΠ²ΡΡΠ²ΠΎΠ²Π°ΡΡ ΠΈ ΡΠ°Π±ΠΎΡΠ°ΡΡ.
Π¨ΠΈΡΠΎΠΊΠΈΠΉ ΡΠΏΠ΅ΠΊΡΡ ΡΡΠ½ΠΊΡΠΈΠΉ ΠΈ Π½Π°ΡΡΡΠΎΠ΅ΠΊ Π΄Π΅Π»Π°Π΅Ρ ΡΡΠΎ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ ΠΎΡΠ΅Π½Ρ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌ Π½Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ². ΠΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ², Π½ΠΎ ΠΈ ΠΏΠΎΠ΄ΠΊΡΠ΅ΠΏΠ»Π΅Π½ Π½Π°Π΄Π΅ΠΆΠ½ΠΎΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΠ΅ΠΉ ΠΈ Π½Π°Π΄Π΅ΠΆΠ½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΠΎΠΉ ΡΠΎΡΡΠΌΠΎΠ² Π½Π° ΡΠ²ΠΎΠ΅ΠΌ ΡΠ°ΠΉΡΠ΅.
ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΈΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΠΈ Ρ CSS-ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ°ΠΌΠΈ Π΄Π»Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΡΠΈΠ»Ρ ΠΏΠ»Π°Π³ΠΈΠ½Π° Π²ΠΏΠ΅ΡΠ°ΡΠ»ΡΠ΅Ρ. ΠΠ½ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌ Ρ Bootstrap, Foundation, jQuery UI ΠΈ Π΄ΡΡΠ³ΠΈΠΌΠΈ. ΠΡΡΠ³ΠΈΠ΅ Π°ΡΠΏΠ΅ΠΊΡΡ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Π΄ΠΎΡΡΡΠΏ ΠΊ ΡΠΎΠ±ΡΡΠΈΡΠΌ, ΡΠΈΡΡΠ΅ΠΌΠ° API ΠΈ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈΠ΅ Π΄Π°Π½Π½ΡΠ΅ ΡΠ΅ΡΠ΅Π· AJAX, Π΄Π΅Π»Π°ΡΡ DataTables Ρ ΠΎΡΠΎΡΠΈΠΌ Π²ΡΠ±ΠΎΡΠΎΠΌ.
ΠΡΠ΅ ΠΎΠ΄Π½ΠΈΠΌ Π°ΡΠΏΠ΅ΠΊΡΠΎΠΌ ΠΏΠ»Π°Π³ΠΈΠ½Π° ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠΎ, ΡΡΠΎ ΠΎΠ½ΠΈ ΠΏΡΠ΅Π΄Π»Π°Π³Π°ΡΡ ΠΏΡΠ΅ΠΌΠΈΠ°Π»ΡΠ½ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ. ΠΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π±ΡΠ΄ΡΡ ΠΈΠΌΠ΅ΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ ΡΠ΅ΡΠ΅Π· ΠΎΡΡΠ΅ΡΡ ΠΎΠ± ΠΎΡΠΈΠ±ΠΊΠ°Ρ
GitHub ΠΈΠ»ΠΈ ΡΠ΅ΡΠ΅Π· ΠΏΡΡΠΌΠΎΠΉ ΠΊΠΎΠ½ΡΠ°ΠΊΡ Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠΌ, Π½ΠΎ ΡΡΠΈ ΡΠ΅Π±ΡΡΠ° ΠΏΡΠ΅Π΄Π»Π°Π³Π°ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ ΡΠ΅ΡΠ΅Π· ΡΠ²ΠΎΠΉ ΡΠΎΡΡΠΌ, Π΄ΠΎΡΡΡΠΏ ΠΊ ΠΊΠΎΡΠΎΡΠΎΠΌΡ Π²Ρ ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΠ΅, ΠΊΡΠΏΠΈΠ² ΠΎΠ΄Π½Ρ ΠΈΠ· ΠΈΡ
Π»ΠΈΡΠ΅Π½Π·ΠΈΠΉ. Π₯ΠΎΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΡ
ΠΌΠΎΠΆΠ΅Ρ ΠΎΡΡΠΎΠ»ΠΊΠ½ΡΡΡ ΠΌΡΡΠ»Ρ ΠΎΠ± ΠΎΠΏΠ»Π°ΡΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ, ΡΡΠ΄Ρ ΠΏΠΎ ΡΠΎΡΡΠΌΡ, Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΠΏΡΠΎΠ±Π»Π΅ΠΌ ΡΠ΅ΡΠ°Π΅ΡΡΡ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π±ΡΡΡΡΠΎ.
Π§ΡΠΎ ΠΊΠ°ΡΠ°Π΅ΡΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ, Π΅ΡΠ»ΠΈ Π²Ρ Π·Π°ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠΎΠ²Π°Π½Ρ Π² ΠΈΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΠΈ DataTables Π² ΠΊΠΎΡΠΏΠΎΡΠ°ΡΠΈΠ²Π½ΡΡ ΡΠΈΡΡΠ΅ΠΌΡ ΠΈΠ»ΠΈ ΡΡΠΎ-ΡΠΎ ΠΊΡΠΈΡΠΈΡΠ΅ΡΠΊΠΈ Π²Π°ΠΆΠ½ΠΎΠ΅, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΈΠΎΠ±ΡΠ΅ΡΡΠΈ ΠΊΠΎΡΠΏΠΎΡΠ°ΡΠΈΠ²Π½ΡΠ΅ Π»ΠΈΡΠ΅Π½Π·ΠΈΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΡΡ Π²Π°ΠΌ ΠΏΡΡΠΌΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ ΠΎΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΠΈ Π΄ΠΎΡΡΡΠΏ ΠΊ Π·Π°ΠΏΡΠ°ΡΠΈΠ²Π°Π΅ΠΌΡΠΌ ΡΡΠ½ΠΊΡΠΈΡΠΌ.
Π ΡΠ΅Π»ΠΎΠΌ, ΡΡΠΎ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΠΎΡΠ΅Π½Ρ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ Π½Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΡΡΠ½ΠΊΡΠΈΠΈ Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΠΈ ΠΏΠΎΠΌΠΎΡΠΈ, Π΅ΡΠ»ΠΈ Π²Π°ΠΌ ΡΡΠΎ Π½ΡΠΆΠ½ΠΎ.
ΠΠ΅Π±-ΡΠ°ΠΉΡ/Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΠΈ
jQuery HighchartTable
HighchartTable β ΡΡΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΏΡΡΠ΅ΠΌ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΠΎΠΉ Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌΡ Highcharts ΠΈΠ· Π΄Π°Π½Π½ΡΡ Π²Π°ΡΠ΅ΠΉ ΡΠ°Π±Π»ΠΈΡΡ.
ΠΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΠΎΠΌΠ΅ΡΠ°Π΅Ρ ΡΠ΅ΡΠΈΡ ΠΈΠ· Π΄Π°Π½Π½ΡΡ
Π°ΡΡΠΈΠ±ΡΡΠΎΠ² Π² ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π²Π°ΡΠ΅ΠΉ ΡΠ°Π±Π»ΠΈΡΡ. ΠΠ½ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ Highcharts Π΄Π»Ρ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΡ Π²Π°ΡΠΈΡ
ΡΠ°Π±Π»ΠΈΡΠ½ΡΡ
Π΄Π°Π½Π½ΡΡ
Π² Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΡΡ/ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌΡ.
ΠΠ° Π΅Π³ΠΎ Π²Π΅Π±-ΡΠ°ΠΉΡΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Ρ Π²ΡΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ, Ρ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ΠΌ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ JSFiddle Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ Π²Ρ ΠΌΠΎΠ³Π»ΠΈ ΡΠ²ΠΈΠ΄Π΅ΡΡ, ΠΊΠ°ΠΊ Π²ΡΠ΅ ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΏΡΠ°Π²Π»ΡΡΡ ΡΠΈΠΏΠΎΠΌ Π³ΡΠ°ΡΠΈΠΊΠ°, ΡΠ²Π΅ΡΠ°ΠΌΠΈ, ΠΌΠ΅ΡΠΊΠ°ΠΌΠΈ ΠΈ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ Π²Π°ΡΠΈΠΌΠΈ ΠΏΠΎΡΡΠ΅Π±Π½ΠΎΡΡΡΠΌΠΈ.
Π‘Π»Π΅Π΄ΡΠ΅Ρ ΡΡΠΈΡΡΠ²Π°ΡΡ, ΡΡΠΎ ΡΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ Π½Π° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅ Π½Π΅ Π²ΡΠΏΠΎΠ»Π½ΡΠ΅Ρ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΡ Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌ. ΠΡΠΎ ΠΎΠ±ΡΠ°Π±Π°ΡΡΠ²Π°Π΅ΡΡΡ Highcharts, Π° ΡΡΠΎ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ Π²Π°ΠΌ ΡΠ°ΠΊΠΆΠ΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π²ΠΊΠ»ΡΡΠΈΡΡ ΠΈΡ ΡΠ°ΠΉΠ»Ρ JS ΠΈ CSS, ΡΡΠΎΠ±Ρ Π·Π°ΡΡΠ°Π²ΠΈΡΡ Π΅Π³ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ. ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, Ρ ΠΎΡΡ Ρ ΡΡΠΎΠ³ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½Π° Π΅ΡΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΠ°Ρ Π°ΠΊΡΠΈΠ²Π½ΠΎΡΡΡ/ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ°, ΠΏΠΎΡ ΠΎΠΆΠ΅, ΡΡΠΎ Π΅Π³ΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ Π½Π΅ ΡΠ»ΠΈΡΠΊΠΎΠΌ Π°ΠΊΡΠΈΠ²Π½Ρ Π½Π° GitHub, Π° ΡΡΠΎ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ Π΅ΡΠ»ΠΈ Π΄Π»Ρ Highcharts Π²ΡΠΉΠ΄Π΅Ρ Π½ΠΎΠ²ΠΎΠ΅ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΡΡΠ½ΠΊΡΠΈΡ, ΠΎΠ½ΠΈ Π±ΡΠ΄ΡΡ ΡΠ΅ΡΠ°ΡΡ, Π±ΡΠ΄ΡΡ Π»ΠΈ ΠΎΠ½ΠΈ ΠΎΠ±Π½ΠΎΠ²Π»ΡΡΡ ΡΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ Π΅Π³ΠΎ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ. .
ΠΡΠ΅ ΠΎΠ΄Π½ΠΈΠΌ ΡΠ°ΠΊΡΠΎΡΠΎΠΌ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΡΡΠΈΡΡΠ²Π°ΡΡ, ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠΎ, ΡΡΠΎ Highcharts Π½Π΅ ΡΠ²Π»ΡΠ΅ΡΡΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΌ Π΄Π»Ρ ΠΊΠΎΠΌΠΌΠ΅ΡΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ. Π§ΡΠΎΠ±Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ Π½Π° Π·Π°ΠΊΠΎΠ½Π½ΡΡ
ΠΎΡΠ½ΠΎΠ²Π°Π½ΠΈΡΡ
, Π²Π°ΠΌ Π½ΡΠΆΠ½Π° Π»ΠΈΡΠ΅Π½Π·ΠΈΡ (ΠΈ Π΅ΡΠ»ΠΈ Π²Ρ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Π΅ΡΠ΅ Π΄Π»Ρ ΠΊΠ»ΠΈΠ΅Π½ΡΠ°, Π²Ρ ΠΏΠΎΠΏΠ°Π΄Π°Π΅ΡΠ΅ Π² ΡΡΡ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΡ). Π‘ΠΏΡΠ°Π²Π΅Π΄Π»ΠΈΠ²ΠΎΡΡΠΈ ΡΠ°Π΄ΠΈ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΎΡΠΌΠ΅ΡΠΈΡΡ, ΡΡΠΎ Highcharts Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΏΡΠΈΡΡΠ΄Π»ΠΈΠ² ΠΈ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΠΎΠΏΡΠΈΠΉ, ΠΏΠΎΡΡΠΎΠΌΡ ΡΠ°Π·ΡΠΌΠ½ΠΎ Π·Π°ΠΏΠ»Π°ΡΠΈΡΡ Π·Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ, Π΅ΡΠ»ΠΈ Π²Ρ ΡΠΎΠ±ΠΈΡΠ°Π΅ΡΠ΅ΡΡ ΠΏΠΎΠ»ΡΡΠ°ΡΡ ΠΎΡ ΡΡΠΎΠ³ΠΎ ΠΏΡΠΈΠ±ΡΠ»Ρ.
ΠΠ΅Π±-ΡΠ°ΠΉΡ
ΠΠ΅ΠΌΠΎ
GitHub
Tabulator
Tabulator β ΡΡΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ ΡΠ°Π±Π»ΠΈΡ jQuery, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠΉ Π΄Π»Ρ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ ΡΠ°ΡΡΠΈΡΡΠ΅ΠΌΡΡ ΡΠ°Π±Π»ΠΈΡ ΠΈΠ· HTML, ΠΌΠ°ΡΡΠΈΠ²Π° JavaScript, ΠΈΡΡΠΎΡΠ½ΠΈΠΊΠ° Π΄Π°Π½Π½ΡΡ Ajax ΠΈΠ»ΠΈ Π΄Π°Π½Π½ΡΡ JSON. Π’Π°Π±ΡΠ»ΡΡΠΎΡ ΠΈΠΌΠ΅Π΅Ρ ΡΠΈΡΠΎΠΊΠΈΠΉ ΡΠΏΠ΅ΠΊΡΡ ΡΡΠ½ΠΊΡΠΈΠΉ, ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΡ, ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ°, ΡΠ΅Π³ΡΠ»ΠΈΡΡΠ΅ΠΌΠ°Ρ ΡΠΈΡΠΈΠ½Π° ΡΡΠΎΠ»Π±ΡΠΎΠ², ΠΈΠ½ΡΠ΅Π»Π»Π΅ΠΊΡΡΠ°Π»ΡΠ½Π°Ρ Π·Π°Π³ΡΡΠ·ΠΊΠ° Π΄Π°Π½Π½ΡΡ ΡΠ°Π±Π»ΠΈΡΡ, Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ ΡΡΡΠ°Π½ΠΈΡ ΠΈ ΠΏΡΡΠΌΠΎΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π²Π²ΠΎΠ΄Π° ΡΠ°Π±Π»ΠΈΡΡ.
Π’Π°Π±ΡΠ»ΡΡΠΎΡ Π½Π°Ρ
ΠΎΠ΄ΠΈΡΡΡ Π² ΡΡΠΎΠΌ ΡΠΏΠΈΡΠΊΠ΅ ΠΈΠ·-Π·Π° Π΅Π³ΠΎ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ, ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ
ΡΡΠ½ΠΊΡΠΈΠΉ ΠΈ Π³ΠΈΠ±ΠΊΠΎΡΡΠΈ Π² ΡΠ΅Π»ΠΎΠΌ. ΠΠ° Π΅Π³ΠΎ Π²Π΅Π±-ΡΠ°ΠΉΡΠ΅ ΠΎΠΏΠΈΡΠ°Π½Ρ Π²ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ, Ρ ΠΏΡΠΎΡΡΡΠΌΠΈ Π΄Π»Ρ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΠΌΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π²ΠΌΠ΅ΡΡΠ΅ Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΌΠΈ ΠΏΡΠΈΠΌΠ΅ΡΠ°ΠΌΠΈ. ΠΠ΅ΡΠΌΠΎΡΡΡ Π½Π° ΡΠΎ, ΡΡΠΎ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ Π΄Π»ΠΈΠ½Π½Π°Ρ ΠΈ ΡΠ»ΠΎΠΆΠ½Π°Ρ, ΠΎΠ½Π° ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π²ΡΠ΅, ΡΡΠΎ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π·Π½Π°ΡΡ, ΡΡΠΎΠ±Ρ Π½Π°ΡΠ°ΡΡ ΡΠ°Π±ΠΎΡΡ Ρ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ.
Π Π°ΡΡΠΈΡΡΠ΅ΠΌΠΎΡΡΡ ΠΏΠ»Π°Π³ΠΈΠ½Π° ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΡΡΡΠΎΠΈΡΡ ΡΠ²ΠΎΠΈ ΡΠ°Π±Π»ΠΈΡΡ ΡΠ°ΠΊ, ΠΊΠ°ΠΊ Π²Π°ΠΌ Ρ ΠΎΡΠ΅ΡΡΡ. ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Ρ Π·Π°Ρ ΠΎΡΠΈΡΠ΅ ΡΠ³ΡΡΠΏΠΏΠΈΡΠΎΠ²Π°ΡΡ ΡΡΡΠΎΠΊΠΈ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ Π²ΠΌΠ΅ΡΡΠ΅ ΠΏΠΎΠ΄ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ, ΡΠΎΠ·Π΄Π°ΡΡ ΠΏΡΠΎΡΡΡΠ΅ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠ΅ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ Π΄Π»Ρ ΠΎΠ±ΡΡΡΠ½Π΅Π½ΠΈΡ Π²Π°ΡΠΈΡ Π΄Π°Π½Π½ΡΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ°, ΡΠ°Π·Π±ΠΈΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΡΡΠΎΠΊΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π΄ΡΡΠ³ΠΈΡ Π·Π°ΠΌΠ΅ΡΠ°ΡΠ΅Π»ΡΠ½ΡΡ ΡΡΠ½ΠΊΡΠΈΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠΌΠΎΠ³ΡΡ ΡΠ»ΡΡΡΠΈΡΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΌ. ΠΡΠΎ ΠΎΡΠ»ΠΈΡΠ½ΡΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ², ΠΊΠΎΡΠΎΡΡΠΌ Ρ ΡΠΆΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°Π· ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΡΡ.
Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ Π’Π°Π±ΡΠ»ΡΡΠΎΡΠ° Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π°ΠΊΡΠΈΠ²Π½Ρ Π½Π° GitHub, Π²ΡΠΏΡΡΠΊΠ°Ρ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ ΠΊΠ°ΠΆΠ΄ΡΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΌΠ΅ΡΡΡΠ΅Π² ΠΈ ΠΊΡΡΡ ΠΊΠΎΠΌΠΌΠΈΡΠΎΠ² ΠΈ ΠΈΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠΉ ΠΎΡΠΈΠ±ΠΎΠΊ Π·Π° Π³ΠΎΠ΄. ΠΠ΅ΡΡΠΈΡ 2.7 ΠΏΠ»Π°Π³ΠΈΠ½Π° Π±ΡΠ»Π° Π²ΡΠΏΡΡΠ΅Π½Π° Π² ΠΎΠΊΡΡΠ±ΡΠ΅ 2016 Π³ΠΎΠ΄Π°, ΠΈ ΠΌΠΎΠΆΠ½ΠΎ Ρ ΡΠ²Π΅ΡΠ΅Π½Π½ΠΎΡΡΡΡ ΠΏΡΠ΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΡΡ, ΡΡΠΎ ΡΠ°ΠΌ ΠΏΠ»Π°Π³ΠΈΠ½ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°ΡΡ ΡΠ°Π·Π²ΠΈΠ²Π°ΡΡΡΡ Ρ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ. ΠΡΠΎ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π²Π°ΠΆΠ½ΡΠΌ ΡΠ°ΠΊΡΠΎΡΠΎΠΌ Π΄Π»Ρ Π²Π°Ρ ΠΏΡΠΈ Π²ΡΠ±ΠΎΡΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Π° ΡΠ°Π±Π»ΠΈΡΡ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΈΠ½ΠΎΠ³Π΄Π° Π²Π°ΠΌ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΈΠ»ΠΈ Π²Ρ ΡΡΠΎΠ»ΠΊΠ½Π΅ΡΠ΅ΡΡ Ρ ΠΎΡΠΈΠ±ΠΊΠ°ΠΌΠΈ.
ΠΠ΅Π±-ΡΠ°ΠΉΡ
ΠΠ΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΠΈ
GitHub
FancyGrid
FancyGrid Π΄ΠΎΠΏΠΎΠ»Π½ΡΠ΅Ρ Π²Π°ΡΠΈ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ jQuery Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΌΠΈ ΡΡΠ½ΠΊΡΠΈΡΠΌΠΈ ΠΈ ΡΡΠ½ΠΊΡΠΈΡΠΌΠΈ. ΠΡΠΆΠ½Π° Π»ΠΈ Π²Π°ΠΌ ΠΏΡΠΎΡΡΠ°Ρ ΡΠ°Π±Π»ΠΈΡΠ° Ρ Π»Π΅Π³ΠΊΠΈΠΌ ΡΡΠΈΠ»Π΅ΠΌ ΠΈΠ»ΠΈ ΡΠ°Π±Π»ΠΈΡΠ° Ρ ΡΡΠ½ΠΊΡΠΈΡΠΌΠΈ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΠΈ, ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ ΠΈΠ»ΠΈ ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ, Ρ FancyGrid Π΅ΡΡΡ Π²Π°ΡΠΈΠ°Π½ΡΡ, ΡΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ Π΄Π»Ρ Π²Π°ΡΠΈΡ
ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΠΎΡΠ»ΠΈΡΠ½ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΡΠ°Π±Π»ΠΈΡΠ°ΠΌΠΈ.
Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΏΠΎΡΠΎΠ±ΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Fancy Grid, Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΠ»Π°Π³ΠΈΠ½. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ Π΄Π»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡ, ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½ΠΈΡ Π½ΠΎΠ²ΡΡ ΡΡΠ½ΠΊΡΠΈΠΉ ΠΈΠ»ΠΈ Π΄Π»Ρ ΠΈΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΠΈ Ρ Highcharts Π΄Π»Ρ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π΄Π°Π½Π½ΡΡ .
ΠΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ FancyGrid ΠΎΠΏΠΈΡΡΠ²Π°Π΅Ρ Π²ΡΠ΅ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ ΡΠ°Π±Π»ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΡΡΡΠΎΠΈΡΡ, Π²ΠΊΠ»ΡΡΠ°Ρ ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΡΡΠ°Π½ΠΈΡΠ°ΠΌ, Π³ΡΡΠΏΠΏΠΈΡΠΎΠ²ΠΊΡ, Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠ΅ ΡΠΎΠ±ΡΡΠΈΡ, ΠΏΡΠΎΠ²Π΅ΡΠΊΡ Π΄Π°Π½Π½ΡΡ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄ΡΡΠ³ΠΎΠ΅. ΠΠ΄Π΅ΡΡ ΠΊΡΡΠ° Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ β Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ, ΡΡΠΎΠ±Ρ ΠΎΡΠ΅Π»ΠΎΠΌΠΈΡΡ Π²Π°Ρ β Π½ΠΎ ΠΎΠ½ΠΈ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π±ΡΡΡΡΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠΌΠΎΠ³ΡΡ Π²Π°ΠΌ Π±ΡΡΡΡΠΎ Π½Π°ΡΠ°ΡΡ ΡΠ°Π±ΠΎΡΡ. ΠΠ½ ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΈΠ· ΠΊΠΎΡΠΎΠ±ΠΊΠΈ Ρ Π½Π°ΡΡΡΠΎΠΉΠΊΠ°ΠΌΠΈ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ.
ΠΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎ ΠΎΡΠΌΠ΅ΡΠΈΡΡ, ΡΡΠΎ Π΄Π»Ρ ΠΏΠ»Π°Π³ΠΈΠ½Π° Π½Π΅Ρ ΠΎΡΠΊΡΡΡΠΎΠ³ΠΎ ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΡ GitHub. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ Π·Π°Π³ΡΡΠ·ΠΈΡΡ Π΅Π³ΠΎ Ρ ΠΈΡ
Π²Π΅Π±-ΡΠ°ΠΉΡΠ° Π΄Π»Ρ Π»ΠΈΡΠ½ΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ, Π½ΠΎ Π΄Π»Ρ ΠΊΠΎΠΌΠΌΠ΅ΡΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡΠΈΠΎΠ±ΡΠ΅ΡΡΠΈ Π»ΠΈΡΠ΅Π½Π·ΠΈΡ Π½Π° Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅. Highcharts (ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠΉ Π΄Π»Ρ 2D-Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌ) ΡΠ°ΠΊΠΆΠ΅ ΡΡΠ΅Π±ΡΠ΅Ρ Π»ΠΈΡΠ΅Π½Π·ΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π΄Π»Ρ Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ, ΠΏΠΎΡΡΠΎΠΌΡ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΏΠΎΠ΄ΡΠΌΠ°ΡΡ, Π³ΠΎΡΠΎΠ²Ρ Π»ΠΈ Π²Ρ ΠΏΡΠΈΠΎΠ±ΡΠ΅ΡΡΠΈ ΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π΄Π»Ρ ΡΠ²ΠΎΠ΅Π³ΠΎ ΠΏΡΠΎΠ΅ΠΊΡΠ°.
ΠΡΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΡ ΠΌΠΎΠΌΠ΅Π½ΡΠΎΠ²: Ρ ΠΎΠ±Π½Π°ΡΡΠΆΠΈΠ», ΡΡΠΎ Π·Π°Π³ΡΡΠ·ΠΊΠ° ΠΈΡ Π²Π΅Π±-ΡΠ°ΠΉΡΠ° ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ Ρ Π·Π°Π΄Π΅ΡΠΆΠΊΠΎΠΉ (ΠΈΠ½ΠΎΠ³Π΄Π° ΠΎΠ½ Π½Π΅ Π·Π°Π³ΡΡΠΆΠ°Π»ΡΡ ΠΈΠ»ΠΈ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΡΡΠ΅Π±ΠΎΠ²Π°Π»ΠΎΡΡ Π²ΡΠ΅ΠΌΡ). ΠΡΠΎ Π²ΠΏΠΎΠ»Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΏΡΠΎΡΡΠΎ ΠΈΠ·ΠΎΠ»ΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠΉ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠΎΠΉ, Π½ΠΎ Π²Π°ΠΆΠ½ΠΎ ΠΎΡΠΌΠ΅ΡΠΈΡΡ (ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π½ΠΈΠΊΡΠΎ Π½Π΅ Π»ΡΠ±ΠΈΡ ΠΆΠ΄Π°ΡΡ ΡΠ΅Π»ΡΡ Π²Π΅ΡΠ½ΠΎΡΡΡ, ΠΏΠΎΠΊΠ° Π·Π°Π³ΡΡΠ·ΡΡΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΡ/ΠΏΡΠΈΠΌΠ΅ΡΡ). ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΠΌΠΎΠ±ΠΈΠ»ΡΠ½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° Π½Π΅ Π·Π°Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½Π°. Π’ΡΡΠ΄Π½ΠΎ ΡΠΊΠ°Π·Π°ΡΡ, ΡΠ²ΡΠ·Π°Π½ΠΎ Π»ΠΈ ΡΡΠΎ Ρ ΡΠ΅ΠΌ, ΡΡΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Π»ΡΡ Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ², ΠΈΠ»ΠΈ ΠΏΡΠΎΡΡΠΎ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ ΡΡΡΠ°ΡΠ΅Π»Π°. ΠΡΠ»ΠΈ Π²Ρ ΠΈΡΠ΅ΡΠ΅ Π±Π΅ΡΠΏΡΠΎΠ±Π»Π΅ΠΌΠ½ΡΠΉ, ΠΏΠΎΡΡΡΡΠ°ΡΡΠΈΠΉ ΠΎΠΏΡΡ ΡΠ°Π±ΠΎΡΡ Π·Π° ΡΡΠΎΠ»ΠΎΠΌ Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΎΠΉ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ², ΡΠΎ Π΄ΡΡΠ³ΠΈΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠΈΠΌΠΈ.
Π ΡΠ΅Π»ΠΎΠΌ, ΠΎΠ΄Π½Π°ΠΊΠΎ, FancyGrid ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ Π²ΡΠ΅ΠΎΠ±ΡΠ΅ΠΌΠ»ΡΡΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Ρ ΡΠΈΡΠΎΠΊΠΈΠΌΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΠΌΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΡΠ²ΠΎΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ°.
ΠΠ΅Π±-ΡΠ°ΠΉΡ/Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΠΈ
jQuery KingTable
KingTable β ΡΡΠΎ ΡΠ»ΠΎΠΆΠ½ΠΎΠ΅ ΡΠ°Π±Π»ΠΈΡΠ½ΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅, ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ΅ Π½Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ², ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ»ΠΎΠΆΠ½ΡΡ ΡΡΠ»ΠΎΠ²ΠΈΠΉ ΠΏΠΎΠΈΡΠΊΠ°/ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΠΈ, ΠΈΠ΄Π΅Π°Π»ΡΠ½ΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠ΅Π΅ Π΄Π»Ρ ΡΡΠ΅ΡΠ½ΡΡ Π·Π°ΠΏΠΈΡΠ΅ΠΉ, ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠ°ΠΌΠΈ ΠΈΠ»ΠΈ Π΄ΡΡΠ³ΠΈΡ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΉ, Π² Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΡΡΠ΅ΠΏΠ΅Π½ΠΈ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ Π½Π° Π΄Π°Π½Π½ΡΠ΅.
Π ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΡ Π΄ΡΡΠ³ΠΈΡ Π½Π°ΡΠΈΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², KingTable ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Π·Π°Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½ Π½Π° GitHub, Π° Π½Π° ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠΉ Π²ΠΈΠΊΠΈ-ΡΡΡΠ°Π½ΠΈΡΠ΅ ΠΎΠΏΠΈΡΠ°Π½Ρ Π²ΡΠ΅ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ ΠΈ Π²Π°ΡΠΈΠ°Π½ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΏΠ»Π°Π³ΠΈΠ½Π°.
Π‘ ΡΠΎΡΠΊΠΈ Π·ΡΠ΅Π½ΠΈΡ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΠΈ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΠΎΡΡΠ°Π²Π»ΡΠ΅ΡΡΡ Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΎΠΉ ΡΠ΅ΠΌ (Π½ΠΎ ΠΎΠ±ΡΠ°Ρ ΡΠ΅Π»Ρ ΡΠΎΡΡΠΎΠΈΡ Π² ΡΠΎΠΌ, ΡΡΠΎΠ±Ρ Π½Π°ΡΡΡΠΎΠΈΡΡ Π΅Π³ΠΎ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ Π²Π°ΡΠΈΠΌΠΈ ΠΏΠΎΡΡΠ΅Π±Π½ΠΎΡΡΡΠΌΠΈ) ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ ΡΠΈΠ»ΡΡΡΠ°ΠΌΠΈ ΠΈ ΡΠΎΠ±ΡΡΠΈΡΠΌΠΈ, ΠΊ ΠΊΠΎΡΠΎΡΡΠΌ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠΈΡΡΡΡ, ΡΡΠΎΠ±Ρ ΡΠΏΡΠΎΡΡΠΈΡΡ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ Π΄Π°Π½Π½ΡΠΌΠΈ. Π§ΡΠΎΠ±Ρ Π±ΡΡΡ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΡΠΌ, ΡΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΎΡΠ΅Π½Ρ ΠΏΠΎΡ
ΠΎΠΆ Π½Π° ΡΠΈΠ»ΡΠ½ΠΎ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° Ρ ΠΏΡΠ΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ, ΡΡΠΎ Π²Π°ΠΌ ΡΠ΄ΠΎΠ±Π½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ²ΠΎΠΈ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠ΅ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠ΅ ΡΠΈΠ»ΡΡΡΡ ΠΈ ΠΌΠ΅Ρ
Π°Π½ΠΈΠ·ΠΌΡ Π΄Π°Π½Π½ΡΡ
. ΠΡΠ»ΠΈ Π²Ρ ΠΈΡΠ΅ΡΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΡΡΠΈΠΉ Π±Π°Π·ΠΎΠ²ΡΠ΅ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Π°ΠΌ Π±ΠΎΠ»ΡΡΠ΅ ΠΏΠΎΠ΄ΠΎΠΉΠ΄ΡΡ Π΄ΡΡΠ³ΠΈΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ. ΠΠ΄Π½Π°ΠΊΠΎ, Π΅ΡΠ»ΠΈ Π²Ρ Ρ
ΠΎΡΠΈΡΠ΅ ΠΈΠΌΠ΅ΡΡ ΠΏΠΎΠ»Π½ΡΠΉ ΠΊΠΎΠ½ΡΡΠΎΠ»Ρ Π½Π°Π΄ ΡΠ΅ΠΌ, ΠΊΠ°ΠΊ Π±ΡΠ΄Π΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π²Π°ΡΠ° ΡΠ°Π±Π»ΠΈΡΠ°, ΡΠΎ ΡΡΠΎ ΠΎΡΠ»ΠΈΡΠ½ΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅.
ΠΠΎΠ±ΠΈΠ»ΡΠ½Π°Ρ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΠΎΡΡΡ β Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΡΠ»Π΅ΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΡΠΎΠΈΡ ΠΎΠ±ΡΡΠ΄ΠΈΡΡ. ΠΠ»Π°Π³ΠΈΠ½ Π½Π΅ Π΄Π΅Π»Π°Π΅Ρ Π½ΠΈΡΠ΅Π³ΠΎ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΠ³ΠΎ Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ², ΠΏΠΎΡΡΠΎΠΌΡ Π²Π°ΡΠ° ΡΠ°Π±Π»ΠΈΡΠ° Π±ΡΠ΄Π΅Ρ ΡΠ΅Π°Π³ΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ ΠΎΠ±ΡΡΠ½ΠΎ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΡΠΎΠΊΡΡΡΠΈΠ²Π°ΡΡ Π²Π±ΠΎΠΊ ΠΈΠ»ΠΈ ΡΠΆΠΈΠΌΠ°ΡΡ ΡΡΠΎΠ»Π±ΡΡ Π½Π° Π½Π΅Π±ΠΎΠ»ΡΡΠΈΡ ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ ). ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Ρ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ Π½Π°ΡΡΡΠΎΠΈΡΡ ΡΡΠΎ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ, Π½ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ Π½Π΅ ΡΠΏΡΠ°Π²ΠΈΡΡΡ Ρ ΡΡΠΈΠΌ Π·Π° Π²Π°Ρ. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, Π² Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½ΠΎΠΉ ΡΠ΅ΠΌΠ΅ KingTable ΠΈΠΌΠ΅Π΅Ρ ΠΎΡΠ»ΠΈΡΠ½ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ ΡΠ°Π±ΠΎΡΠ΅Π³ΠΎ ΡΡΠΎΠ»Π° Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Ρ ΡΡΠ°Π΄ΠΈΡΠΈΠΎΠ½Π½ΠΎΠΉ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΠΎΠΉ, Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ, ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΠ΅ΠΌ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π»Π΅Π²ΠΎΠΉ ΠΈ ΠΏΡΠ°Π²ΠΎΠΉ (ΠΈΠ»ΠΈ A / D) ΠΊΠ»Π°Π²ΠΈΡ, Π° ΡΠ°ΠΊΠΆΠ΅ Π΄ΡΡΠ³ΠΈΠΌΠΈ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΠΌΠΈ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡΠΌΠΈ.
ΠΠ°Π΄ KingTable ΡΠΆΠ΅ Π½Π΅ΠΊΠΎΡΠΎΡΠΎΠ΅ Π²ΡΠ΅ΠΌΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ, ΠΈ Π·Π° Π³ΠΎΠ΄ Π±ΡΠ»ΠΎ ΡΠ΄Π΅Π»Π°Π½ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΊΠΎΠΌΠΌΠΈΡΠΎΠ² ΠΈ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠΉ. ΠΠ½ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΌΠ΅Π½ΡΡΠ΅, ΡΠ΅ΠΌ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ Π΄ΡΡΠ³ΠΈΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ, ΡΠΏΠΎΠΌΡΠ½ΡΡΡΠ΅ Π·Π΄Π΅ΡΡ, Π½ΠΎ Π²ΡΠ΅ ΠΆΠ΅ ΡΡΠΎ Π½Π°Π΄Π΅ΠΆΠ½ΡΠΉ ΠΈ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡΠΎΡΡΠΉ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΠΉΡΠΈ Π΄Π»Ρ ΡΠ²ΠΎΠΈΡ
Π±ΡΠ΄ΡΡΠΈΡ
ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ².
ΠΠ΅Π±-ΡΠ°ΠΉΡ/GitHub
ΠΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ (Wiki)
Stackable.js
Stackable.js β ΡΡΠΎ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΠ΅ ΡΡΡΡΠΎΠΉΡΡΠ²Π° ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery, ΡΠ΅Π»Ρ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ β ΡΠ΄Π΅Π»Π°ΡΡ Π²Π°ΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ ΡΠ΄ΠΎΠ±Π½ΡΠΌΠΈ Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ² ΠΏΡΡΠ΅ΠΌ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ ΠΈΡ ΠΌΠ°ΠΊΠ΅ΡΠ° Π΄Π»Ρ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΡ ΡΡΡΡΠΎΠΉΡΡΠ².
Π ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ Π΄ΡΡΠ³ΠΈΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², Π΄ΠΎΠ±Π°Π²Π»ΡΡΡΠΈΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΡ, stackable.js ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ Π²Π°ΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π±ΡΠ»ΠΈ ΠΏΠΎΠ»Π΅Π·Π½Ρ. ΠΠ½ ΡΠ°Π·ΠΌΠ΅ΡΠ°Π΅Ρ ΠΊΠ°ΠΆΠ΄ΡΡ Π·Π°ΠΏΠΈΡΡ ΡΡΡΠΎΠΊΠΈ ΠΎΠ΄Π½Ρ ΠΏΠΎΠ²Π΅ΡΡ Π΄ΡΡΠ³ΠΎΠΉ, Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΊΠ»ΡΡ/Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»Π΅Π½Ρ ΡΡΠ΄ΠΎΠΌ Π΄Π»Ρ ΠΏΡΠΎΡΡΠΎΡΡ.
ΠΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΎΠΏΡΠΈΠΉ ΠΈ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½Π°, Π½ΠΎ Π²ΡΡ Π΅Π΅ ΡΠ΅Π»Ρ ΡΠΎΡΡΠΎΠΈΡ Π² ΡΠΎΠΌ, ΡΡΠΎΠ±Ρ ΠΏΡΠ΅Π²ΡΠ°ΡΠΈΡΡ Π²Π°ΡΠΈ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π²ΠΎ ΡΡΠΎ-ΡΠΎ Π±ΠΎΠ»Π΅Π΅ ΡΠ΄ΠΎΠ±Π½ΠΎΠ΅ Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ².
Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π» ΠΈ ΠΊΠΎΡΡΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π» ΠΏΠ»Π°Π³ΠΈΠ½ Π² ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅Π³ΠΎ Π³ΠΎΠ΄Π°, ΠΏΠΎΡΡΠΎΠΌΡ ΠΎΠ½ Π½Π΅ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΊΠ°ΠΊ ΡΡΡΠ°ΡΠ΅Π²ΡΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½. ΠΠ΄Π½Π°ΠΊΠΎ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΡΡΠΎ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ / Π±Π°Π·ΠΎΠ²ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½, Ρ Π½Π΅ ΠΎΠΆΠΈΠ΄Π°Ρ, ΡΡΠΎ Π² Π±ΡΠ΄ΡΡΠ΅ΠΌ Π±ΡΠ΄Π΅Ρ ΡΠ»ΠΈΡΠΊΠΎΠΌ ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ ΡΡΠ½ΠΊΡΠΈΠΉ. ΠΡΠ»ΠΈ Π²Ρ ΠΈΡΠ΅ΡΠ΅ ΡΠ»ΠΎΠΆΠ½ΡΠΉ, Π²ΡΠ΅ΠΎΠ±ΡΠ΅ΠΌΠ»ΡΡΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡ Π²Π°ΠΌ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Π°ΠΌ Π»ΡΡΡΠ΅ ΠΏΠΎΠΏΡΠΎΠ±ΠΎΠ²Π°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π΄ΡΡΠ³ΠΈΡ
ΠΈΠ· Π½Π°ΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ°.
GitHub
ΠΠ΅Π±-ΡΠ°ΠΉΡ/Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
JQuery ReStable
ΠΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ, ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π²Π°ΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΠΌΠΈ, ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΡΡ ΠΊΠ°ΠΆΠ΄ΡΡ Π·Π°ΠΏΠΈΡΡ ΡΡΡΠΎΠΊΠΈ Π² ΡΠ΅ΡΠΈΡ ΠΈΠ· li
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π΄Π»Ρ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ ΠΌΠ°ΠΊΠ΅ΡΠ° ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ.
ΠΠ°ΠΊ ΠΈ stackable.js, ΡΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΡΠΈΠ·Π²Π°Π½ ΡΠ΄Π΅Π»Π°ΡΡ Π²Π°ΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ Π±ΠΎΠ»Π΅Π΅ ΡΠ΄ΠΎΠ±Π½ΡΠΌΠΈ Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ². ΠΠ»Π°Π³ΠΈΠ½ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ, Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Ρ ΠΌΠ°ΠΊΠ΅Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ ΠΏΡΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ Π½Π° ΠΌΠ°Π»Π΅Π½ΡΠΊΠΎΠΌ ΡΠΊΡΠ°Π½Π΅. ΠΠ½ ΡΠΊΠ»Π°Π΄ΡΠ²Π°Π΅Ρ ΡΡΠΎΠ»Π±ΡΡ ΠΎΠ΄ΠΈΠ½ ΠΏΠΎΠ²Π΅ΡΡ Π΄ΡΡΠ³ΠΎΠ³ΠΎ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ, ΡΡΠΎ ΡΠΏΡΠΎΡΠ°Π΅Ρ ΠΈΡ ΡΡΠ΅Π½ΠΈΠ΅.
Π‘Π°ΠΌ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ
Π½Π°ΡΡΡΠΎΠ΅ΠΊ: ΠΎΠ½ Π½Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅Ρ Π½ΠΈΠΊΠ°ΠΊΠΈΡ
ΡΡΠ½ΠΊΡΠΈΠΉ ΠΈ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ ΡΠ΅Π°Π»ΡΠ½ΡΡ
ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² Π΄Π»Ρ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ; ΡΡΠΎ ΠΏΡΠΎΡΡΠΎΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Π² ΡΡΠΈΠ»Π΅ drop-and-go. ΠΠΎΠΊΠ° Ρ Π²Π°Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½Π°Ρ HTML-ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ° ΠΈ Π²Ρ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΡΠ΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ jQuery, ΡΡΠΎΠ±Ρ Π·Π°ΠΏΡΡΡΠΈΡΡ Π²ΡΠ΅, Π²ΡΠ΅ ΡΠ»Π°Π΄ΠΈΡΡΡ ΡΠ°ΠΌΠΎ ΡΠΎΠ±ΠΎΠΉ.
ReStable β Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΈ ΠΏΠΎΡΡΠΎΠΌΡ Ρ Π½Π΅Π³ΠΎ Π΅ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΊΠΎΠΌΠΌΠΈΡΠΎΠ² Π½Π° GitHub. ΠΡΠΎ Π½Π΅ ΠΏΡΠΎΠ΅ΠΊΡ ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²Π°/ΠΊΠΎΠΌΠ°Π½Π΄Ρ, ΡΡΠΎ ΡΠ°ΠΌΠΎ ΠΏΠΎ ΡΠ΅Π±Π΅ Ρ ΠΎΡΠΎΡΠΎ, Π½ΠΎ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΡΠΈΡΡΠ²Π°ΡΡ ΡΡΠΎ, Π΅ΡΠ»ΠΈ Π²Π°ΠΌ ΠΊΠΎΠ³Π΄Π°-Π½ΠΈΠ±ΡΠ΄Ρ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° Π΄Π»Ρ ΠΏΠΎΠΌΠΎΡΠΈ. ΠΠ°ΠΊ ΠΈ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ², Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ Β«ΠΊΠ°ΠΊ Π΅ΡΡΡΒ» ΠΈ Π½Π°Π΄Π΅ΡΡΡΡΡ Π½Π° Π»ΡΡΡΠ΅Π΅.
ΠΠ΅Π±-ΡΠ°ΠΉΡ/Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
GitHub
FooTable
FooTable β ΡΡΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ, Π²Π΄ΠΎΡ Π½ΠΎΠ²Π»Π΅Π½Π½ΡΠΉ Boostrap, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°Π΅Ρ ΠΏΠΎΠΈΡΠΊ, ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΡ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΠΏΠΎΠ»Π΅Π·Π½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ Π΄Π»Ρ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ Π²Π°ΡΠΈΡ ΡΠ°Π±Π»ΠΈΡ.
FooTable ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΊΠ°ΠΊ ΡΠ°Π±Π»ΠΈΡΠ° Boostrap, ΠΊΠΎΡΠΎΡΡΡ ΠΌΡ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°Π»ΠΈ ΡΠ°Π½Π΅Π΅, Π½ΠΎ ΡΠ°Π·Π½ΠΈΡΠ° Ρ FooTable Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΡΠΎΠΌ, ΡΡΠΎ ΠΎΠ½Π° ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΊΠ°ΠΊ Ρ Boostrap, ΡΠ°ΠΊ ΠΈ Π±Π΅Π· Π½Π΅Π³ΠΎ, ΡΠΎ Π΅ΡΡΡ Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π²ΠΊΠ»ΡΡΠ°ΡΡ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ ΡΠ°ΠΉΠ»Ρ Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠΉ Π·Π°Π³ΡΡΠ·ΠΊΠΈ, ΡΡΠΎΠ±Ρ Π½Π°ΡΠ°ΡΡ ΡΠ°Π±ΠΎΡΡ.
ΠΠ»Π°Π³ΠΈΠ½ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΡ, ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΡΡΠ°Π½ΠΈΡΠ°ΠΌ, ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΡ ΠΈ Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅. ΠΡΠ΅ ΡΡΠΈ ΡΡΠ½ΠΊΡΠΈΠΈ ΠΏΡΠΈ ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ Π΄Π°ΡΡ Π²Π°ΠΌ ΠΎΡΠ»ΠΈΡΠ½ΡΡ ΡΠ°Π±Π»ΠΈΡΡ, ΠΊΠΎΡΠΎΡΡΡ Π²Ρ ΠΏΠΎΡΠ΅Π½ΡΠΈΠ°Π»ΡΠ½ΠΎ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π²Π½Π΅ΡΠ½Π΅Π³ΠΎ ΡΠ΅ΡΠ΅Π½ΠΈΡ Π΄Π»Ρ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡ.
ΠΠ° Π²Π΅Π±-ΡΠ°ΠΉΡΠ΅ ΠΎΠΏΠΈΡΠ°Π½Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ, Ρ ΠΊΠΎΡΠΎΡΡΠΌΠΈ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠ³ΡΠ°ΡΡ, Π½ΠΎ Π² ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ FooTable Π²Ρ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ Π±ΠΎΠ»ΡΡΡΡ ΡΠ°ΡΡΡ ΡΠΎΠ³ΠΎ, ΡΡΠΎ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ. Π§ΡΠΎΠ±Ρ Π±ΡΡΡ ΠΎΡΠΊΡΠΎΠ²Π΅Π½Π½ΡΠΌ, Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ ΠΎΡΠ΅Π½Ρ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½Π° Π½Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΠΈ ΠΏΡΠ΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅Ρ, ΡΡΠΎ Π²Ρ Π·Π½Π°ΠΊΠΎΠΌΡ Ρ ΡΠΎΠ±ΡΡΠΈΡΠΌΠΈ, Π½Π°ΡΡΡΠΎΠΉΠΊΠ°ΠΌΠΈ ΠΈ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΡΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ. ΠΡΠ»ΠΈ Π²Ρ ΠΈΡΠ΅ΡΠ΅ ΠΏΡΠΎΡΡΠΎΠΉ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠ°ΠΊ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΏΡΠΎΡΡΠΎΠΉ Π³ΠΎΡΠΎΠ²ΠΎΠΉ Π°ΠΊΡΠΈΠ²Π°ΡΠΈΠΈ, ΡΠ°ΠΊ ΠΈ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½ΠΎΠΉ, ΠΎΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΡΡΠΎΡ.
FooTable β Π΄Π»ΠΈΠ½Π½ΡΠΉ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΉ ΠΏΡΠΎΠ΅ΠΊΡ Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ ΡΠΎΡΠ½ΡΠΌΠΈ ΠΊΠΎΠΌΠΌΠΈΡΠΎΠ² ΠΎΡ Π΄Π΅ΡΡΡΠΊΠΎΠ² ΡΡΠ°ΡΡΠ½ΠΈΠΊΠΎΠ². ΠΠ΄Π΅Ρ ΠΏΠΎΡΡΠΎΡΠ½Π½Π°Ρ Π΄Π΅ΡΡΠ΅Π»ΡΠ½ΠΎΡΡΡ ΠΈ ΡΠΎΠ²Π΅ΡΡΠ΅Π½ΡΡΠ²ΠΎΠ²Π°Π½ΠΈΠ΅. ΠΡΠ»ΠΈ Π²Ρ ΠΈΡΠ΅ΡΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ» ΠΏΡΠΎΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½, ΠΈΡΠ΅ΡΠΈΡΠΎΠ²Π°Π½ ΠΈ ΡΠ»ΡΡΡΠ΅Π½ (Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠΎΠΌΠ°Π½Π΄Ρ ΠΎΠΏΡΡΠ½ΡΡ
ΡΡΠ°ΡΡΠ½ΠΈΠΊΠΎΠ²), ΡΠΎ ΡΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΡΠΌ Π΄Π»Ρ Π²Π°Ρ. ΠΠ΅ΡΡΠΈΡ 3 ΡΡΠΎΠ³ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½Π° Π±ΡΠ»Π° ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΏΠ΅ΡΠ΅ΡΠ°Π±ΠΎΡΠ°Π½Π°, ΠΏΠΎΡΡΠΎΠΌΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΠΉΡΠΈ ΡΠ»ΡΡΠ°ΠΉΠ½ΡΠ΅ ΠΎΡΠΈΠ±ΠΊΠΈ/ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ, Π½ΠΎ, ΡΡΠ΄Ρ ΠΏΠΎ ΡΠΎΠΌΡ, ΡΡΠΎ Ρ Π²ΠΈΠ΄Π΅Π», ΠΎΠ½ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ ΡΡΠ°Π·Ρ ΠΏΠΎΡΠ»Π΅ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ Ρ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ Π½Π°ΡΡΡΠΎΠΉΠΊΠΎΠΉ.
ΠΠ΅Π±-ΡΠ°ΠΉΡ/Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
GitHub
Tabella.js
Tabella β ΡΡΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈΡ ΡΠ°Π±Π»ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΎΠΊΡΡΠΈΡΡΠ΅ΡΡΡ Π½Π° ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½ΠΈΠΈ ΡΡΠ½ΠΊΡΠΈΠΉ ΠΊΠ°ΡΠ°Π½ΠΈΡ/ΠΏΠ΅ΡΠ΅Π»ΠΈΡΡΡΠ²Π°Π½ΠΈΡ Π΄Π»Ρ ΠΏΡΠΎΡΡΠΎΠΉ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ Π΄Π»ΠΈΠ½Π½ΡΡ /ΡΠ»ΠΎΠΆΠ½ΡΡ ΡΠ°Π±Π»ΠΈΡ.
Π ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ Π΄ΡΡΠ³ΠΈΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ Tabella Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ²ΠΎΠ΅ΠΉ ΡΠ°Π±Π»ΠΈΡΡ. ΠΡ Π²ΡΠ±ΠΈΡΠ°Π΅ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΡΠΉ Ρ ΠΎΡΠΈΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° Π΄Π»Ρ ΡΠ²ΠΎΠ΅ΠΉ ΡΠ°Π±Π»ΠΈΡΡ, Π° Π·Π°ΡΠ΅ΠΌ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅ΡΠ΅ ΡΠ²ΠΎΠΈ Π΄Π°Π½Π½ΡΠ΅ Π² Π²ΠΈΠ΄Π΅ ΠΎΠ±ΡΠ΅ΠΊΡΠ° (Ρ ΡΠΊΠ°Π·Π°Π½ΠΈΠ΅ΠΌ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ ΡΡΠΎΠ»Π±ΡΠΎΠ²). ΠΡΠ»ΠΎ Π±Ρ Ρ ΠΎΡΠΎΡΠΎ, Π΅ΡΠ»ΠΈ Π±Ρ ΡΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΌΠΎΠ³ ΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ Π½Π΅ΠΎΠ±ΡΠ°Π±ΠΎΡΠ°Π½Π½ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅ JSON ΠΈΠ»ΠΈ ΠΏΠ΅ΡΠ΅Π΄Π°Π²Π°ΡΡ ΠΈΡ Π² ΡΡΡΠ΅ΡΡΠ²ΡΡΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π΄Π»Ρ ΠΎΡΠΈΡΡΠΊΠΈ ΠΈ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π°, Π½ΠΎ Π² ΡΠ΅Π»ΠΎΠΌ ΠΎΠ½ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Ρ ΠΎΡΠΎΡΠΎ, ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΡ Π²Π°ΠΌ ΡΠ°Π±Π»ΠΈΡΡ, ΡΠ΄ΠΎΠ±Π½ΡΡ Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ².
ΠΡΠ»ΠΈ Π²Π°ΡΠ° Π³Π»Π°Π²Π½Π°Ρ ΡΠ΅Π»Ρ β ΡΠ΄Π΅Π»Π°ΡΡ Π΄Π»ΠΈΠ½Π½ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΠΎΠΉ, ΡΠΎ ΡΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ Π² Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ ΠΏΡΠΎΡΡΠΎΠΌ, Π½ΠΎ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΠΎΠΌ ΠΏΠ°ΠΊΠ΅ΡΠ΅.
Π ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΠΈ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π½Π° Github Π½Π΅ Π±ΡΠ»ΠΎ Π½ΠΈΠΊΠ°ΠΊΠΈΡ
Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ Ρ 2015 Π³ΠΎΠ΄Π°, Π½ΠΎ, ΡΡΠΈΡΡΠ²Π°Ρ Π΅Π³ΠΎ Π±Π°Π·ΠΎΠ²ΡΠΉ Π½Π°Π±ΠΎΡ ΡΡΠ½ΠΊΡΠΈΠΉ, ΡΡΠΎ ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎ. ΠΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½Π° ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ°, Π²Π°ΠΌ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΠΏΡΠΈΠ΄Π΅ΡΡΡ ΠΏΠΎΠ·Π°Π±ΠΎΡΠΈΡΡΡΡ ΠΎ ΡΠ΅Π±Π΅, Π½ΠΎ ΡΡΠΎΠ³ΠΎ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΎΠΆΠΈΠ΄Π°ΡΡ ΠΎΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΡ
ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ².
ΠΠ° ΡΡΠΎΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎ ΡΡΠΎΠΈΡ ΠΎΠ±ΡΠ°ΡΠΈΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Π΅ΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΡΡΠΎ-ΡΠΎ Π½Π΅ΠΎΠ±ΡΡΠ½ΠΎΠ΅, ΡΡΠΎΠ±Ρ Π²Π°Ρ ΡΡΠΎΠ» ΡΠ°Π±ΠΎΡΠ°Π» Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ .
GitHub
ΠΠ΅Π±-ΡΠ°ΠΉΡ/ΠΠ΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ
ΠΠΎΠ΄Π²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΈΡΠΎΠ³ΠΎΠ²
ΠΡΠΎ Π»ΠΈΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΠ· ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΡ ΠΌΠΎΠ΄ΡΠ»Π΅ΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π² ΡΠ²ΠΎΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠ°Ρ Π΄Π»Ρ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ ΠΈ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΠΈ ΠΈ Π²Π½Π΅ΡΠ½Π΅Π³ΠΎ Π²ΠΈΠ΄Π° Π²Π°ΡΠΈΡ ΡΠ°Π±Π»ΠΈΡ. ΠΠ΅Π·Π°Π²ΠΈΡΠΈΠΌΠΎ ΠΎΡ ΡΠΎΠ³ΠΎ, Π·Π°ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠΎΠ²Π°Π½Ρ Π»ΠΈ Π²Ρ ΠΏΡΠΎΡΡΠΎ Π² Π»Π΅Π³ΠΊΠΎΠΌ ΡΡΠΈΠ»Π΅ ΠΈΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΏΠΎΠΈΡΠΊ, ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΡ, ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ° ΡΡΠΎΠ»Π±ΡΠΎΠ², Π·Π°Π³ΡΡΠ·ΠΊΠ° Ajax/JSON, Π΅ΡΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ΄Π΅Π»Π°Π΅Ρ Π²Π°ΡΡ ΠΆΠΈΠ·Π½Ρ ΠΏΡΠΎΡΠ΅ ΠΈ ΡΠ»ΡΡΡΠΈΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΌ.
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ Π»ΠΈ Π²Ρ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ Π΄ΡΡΠ³ΠΈΠ΅ Π½Π°Π΄ΡΡΡΠΎΠΉΠΊΠΈ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΡΠ°Π±Π»ΠΈΡΠ°ΠΌΠΈ? ΠΡ Π±ΡΠ΄Π΅ΠΌ ΡΠ°Π΄Ρ ΡΡΠ»ΡΡΠ°ΡΡ ΠΎΡ Π²Π°Ρ, Π΅ΡΠ»ΠΈ Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈ ΠΎΡΠ»ΠΈΡΠ½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡ, ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ Π½Π΅Ρ Π² ΡΠΏΠΈΡΠΊΠ΅ Π²ΡΡΠ΅.
ΠΠ°ΠΊΠΎΠ½Π΅Ρ, Π΅ΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΡΠ»ΡΡΡΠΈΡΡ ΡΠ²ΠΎΠΈ Π½Π°Π²ΡΠΊΠΈ JavaScript, ΠΎΠ·Π½Π°ΠΊΠΎΠΌΡΡΠ΅ΡΡ Ρ Π½Π°ΡΠ΅ΠΉ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΎΠΉ ΠΊΠ½ΠΈΠ³ ΠΏΠΎ JavaScript!
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ΠΉ
Π‘Π°ΠΉΠΌΠΎΠ½ ΠΠΎΠ΄ΡΠΈΠ½Π³ΡΠΎΠ½
Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ ΡΡΠ΅ΠΊΠ° ΠΈ Π²Π΅Π±-ΡΠ½ΡΡΠ·ΠΈΠ°ΡΡ. ΠΠ½Π΅ Π½ΡΠ°Π²ΠΈΡΡΡ Π²ΡΠ΅, ΡΡΠΎ ΡΠ²ΡΠ·Π°Π½ΠΎ Ρ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, ΠΈ ΠΌΠΎΡ ΡΡΡΠ°ΡΡΡ ΡΠ²ΡΠ·Π°Π½Π° Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ΠΌ ΠΏΠΎΡΡΡΡΠ°ΡΡΠΈΡ
Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ². Π‘ΠΎΡΡΠ΅Π΄ΠΎΡΠΎΡΠΈΠ²ΡΠΈΡΡ Π² ΠΏΠ΅ΡΠ²ΡΡ ΠΎΡΠ΅ΡΠ΅Π΄Ρ Π½Π° WordPress, Ρ ΡΠΎΠ·Π΄Π°Ρ ΡΠ΅ΠΌΡ, ΠΏΠ»Π°Π³ΠΈΠ½Ρ ΠΈ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½ΡΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΡ.
jameshjQuery
10 Π»ΡΡΡΠΈΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡ jQuery, ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π΅Π»ΡΠ·Ρ ΠΏΡΠΎΠΏΡΡΡΠΈΡΡ Π² 2018 Π³ΠΎΠ΄Ρ
ΠΡΠ΅ΡΠ΅ ΡΠΏΠΎΡΠΎΠ± ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠΏΠ»ΠΎΡΠ½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΡΠ°Π·Π½ΠΎΠΎΠ±ΡΠ°Π·Π½ΡΠΌΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌΠΈ ΠΈ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΠΌ ΠΌΠ°ΠΊΠ΅ΡΠΎΠΌ?
ΠΠ΄Π΅ΡΡ Ρ ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»ΠΈΠ» 10 ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡ jQuery, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠΌΠΎΠ³ΡΡ Π²Π°ΠΌ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄ΡΡΠ³ΠΎΠ΅!
ΠΡΠ»ΠΎ Π²ΡΠ΅ΠΌΡ, ΠΊΠΎΠ³Π΄Π° ΡΠ°Π±Π»ΠΈΡΡ ΡΠΈΡΠΎΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈΡΡ Π² ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠΈ ΠΈ Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅ΡΠ°Ρ Π΄Π»Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΠ΅Π»Π΅ΠΉ. Π’Π΅ΠΏΠ΅ΡΡ, Π² Π½Π°ΡΠ΅ Π²ΡΠ΅ΠΌΡ, ΠΌΠ°ΠΊΠ΅ΡΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΡΠ°Π±Π»ΠΈΡ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΠΌΠ΅ΡΡΠ²Ρ, ΠΈ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»ΡΡ. ΠΠΎΡΡΠΎΠΌΡ, Π΅ΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½Ρ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ ΡΠ°Π±Π»ΠΈΡΡ Π² ΠΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅, ΡΡΠΎ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΠ½ΡΡ Π΄Π°Π½Π½ΡΡ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠ΅Π³ΠΎ Π²ΡΠΏΡΡΠΊΠ°.
Ninja Tables β WordPress Table builder Π‘ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½Π΅ΠΌ ΠΊΠΎΠ½ΡΠ΅ΠΏΡΠΈΡ ΠΏΡΠΎΡΠ΅ΡΡΠ° Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΠΈ ΡΠ°Π±Π»ΠΈΡ ΡΠΈΠ»ΡΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»Π°ΡΡ. Π£Π΄ΠΎΠ±Π½ΡΠΉ Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ
ΡΡΡΡΠΎΠΉΡΡΠ² ΡΡΠΎΠ» ΡΠ΅ΠΏΠ΅ΡΡ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ. Π Π½Π°ΡΡΠΎΡΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°Π΅ΡΡΡ Π³ΠΎΡΠ°Π·Π΄ΠΎ Π±ΠΎΠ»ΡΡΠ΅ Π²ΠΎΠΏΡΠΎΡΠΎΠ². ΠΡΠ΄ΡΡΠΈ ΡΡΠ°ΡΠΎΠΉ ΡΠ°ΡΡΡΡ HTML, ΡΠ°Π±Π»ΠΈΡΡ, ΠΊΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, Π½Π΅ Π»ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄ΡΡ Π΄Π»Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΠ΅ ΡΡΡΡΠΎΠΉΡΡΠ²Π°, ΠΈ ΠΎΠ±ΡΡΠ½ΠΎ Π½Π΅ ΠΏΡΠ΅Π΄Π»Π°Π³Π°ΡΡ ΠΊΠ°ΠΊΠΈΡ
-Π»ΠΈΠ±ΠΎ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΡ
ΡΡΠ½ΠΊΡΠΈΠΉ ΠΈΠ· ΠΊΠΎΡΠΎΠ±ΠΊΠΈ. Π’Π°Π±Π»ΠΈΡΡ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Ρ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π²Π°ΡΠΈΡ
Π΄Π°Π½Π½ΡΡ
, ΠΈ Π΄Π»Ρ Π½Π΅ΠΊΠΎΡΠΎΡΡΡ
ΡΠ»ΡΡΠ°Π΅Π² ΠΈΡ
ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π²ΠΏΠΎΠ»Π½Π΅ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ.
ΠΠ΄Π½Π°ΠΊΠΎ ΡΠ°ΡΡΠΎ Π±ΡΠ²Π°Π΅Ρ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ, ΡΡΠΎΠ±Ρ ΡΠ°Π±Π»ΠΈΡΡ Π±ΡΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΌΠΈ ΠΈ ΡΠ΄ΠΎΠ±Π½ΡΠΌΠΈ Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ², ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°Ρ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΠΉ ΠΌΠ°ΠΊΠ΅Ρ ΠΈΠ»ΠΈ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΏΠΎΠΈΡΠΊ, ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΡ, ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ° ΠΈΠ»ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ. Π‘Π»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎ, Π² ΡΡΠΎΠΌ ΠΏΠΎΡΡΠ΅ Ρ ΡΠΎΠ±ΠΈΡΠ°ΡΡΡ ΠΏΡΠΎΠΉΡΠΈΡΡ ΠΏΠΎ ΠΏΠΎΠ΄Π±ΠΎΡΠΊΠ΅ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΡ ΠΌΠΎΠ΄ΡΠ»Π΅ΠΉ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ jQuery Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ, ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ ΠΈ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ Π»ΡΠ±ΠΎΠ³ΠΎ ΡΠΈΠΏΠ° ΡΠ°Π±Π»ΠΈΡ.
ΠΡΡΡΠΈΠ΅ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡ jQuery
ΠΠ΄Π΅ΡΡ Ρ ΡΠΎΠ±ΡΠ°Π» Π΄Π»Ρ Π²Π°Ρ 10 Π»ΡΡΡΠΈΡ
ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡ jQuery Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ
ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ Π½Π° ΡΠ²ΠΎΠΈΡ
Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ°Ρ
. Π― Π½Π°Π΄Π΅ΡΡΡ, ΡΡΠΎ ΡΡΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ Π²Π°ΠΌ, ΠΈ ΠΎΠ½ΠΈ Π²Π°ΠΌ ΠΏΠΎΠ½ΡΠ°Π²ΡΡΡΡ! ΠΠ°Π²Π°ΠΉΡΠ΅ ΡΠ³Π»ΡΠ±ΠΈΠΌΡΡ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ Π² ΠΏΠΎΡΡ ΠΈ Π²ΡΡΡΠ½ΠΈΠΌ Π»ΡΡΡΠΈΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡ jQuery.
1. Dynatable
jQuery DynatableΠΠ»Π°Π³ΠΈΠ½ Dynatable jQuery Π΄Π°Π΅Ρ Π²Π°ΠΌ ΠΊΠΎΠ½ΡΡΠΎΠ»Ρ Π½Π°Π΄ Π·Π°Π΄Π°ΡΠ°ΠΌΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΈ, ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ ΠΆΠ΅, ΡΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎ Π·Π°ΡΠ»ΡΠΆΠΈΠ²Π°Π΅Ρ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ. Π Π½Π΅ΠΊΠΎΡΠΎΡΡΡ ΡΠ»ΡΡΠ°ΡΡ , ΠΊΠΎΠ³Π΄Π° Π²Ρ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΡΠ²Π»Π΅ΡΠ΅Π½Ρ JavaScript/jQuery, Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΈΠ»ΠΈ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ ΠΌΠΎΠ³ΡΡ Π²Π°Ρ ΠΎΡΠΏΡΠ³Π½ΡΡΡ.
Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Dynatble, Π²Ρ ΠΎΠ±Π½Π°ΡΡΠΆΠΈΡΠ΅, ΡΡΠΎ Π²ΡΠ΅ Π³ΠΎΡΠΎΠ²ΠΎ ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ, ΠΈ Π²Π°ΠΌ Π½Π΅ ΠΎ ΡΠ΅ΠΌ Π±Π΅ΡΠΏΠΎΠΊΠΎΠΈΡΡΡΡ. ΠΡΠ΅ ΠΏΡΠΎΡΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ, ΠΈ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π΅Π³ΠΎ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, ΠΈ, ΡΡΠΎ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½ΠΎ, Π²Π°ΠΌ Π½Π΅ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ Π½Π°ΡΡΡΠΎΠΉΡΠΈΠΊ Π΄Π»Ρ ΠΏΠΎΠ»ΠΈΡΠΎΠ²ΠΊΠΈ Π»ΡΠ±ΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ.
ΠΠΎ-ΠΏΠ΅ΡΠ²ΡΡ
, Π½Π΅ΡΠΌΠΎΡΡΡ Π½Π° ΡΠΎ, ΡΡΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΡΠ°ΡΡΠΉ, ΠΎΠ½ Π²ΡΠ΅ Π΅ΡΠ΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΈ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΡΠ½ΠΊΡΠΈΠΉ Ρ ΠΎΡΠ»ΠΈΡΠ½ΡΠΌΠΈ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΌΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΠΌΠΈ. ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΠΏΠ»Π°Π³ΠΈΠ½ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΡ
Π²Π°ΡΡΠ°ΡΡΡΡ 70 572 Π·Π°Π³ΡΡΠ·ΠΊΠ°ΠΌΠΈ ΠΈ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ Π²Π°ΠΌ ΡΠΎΡΠ½ΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ.
Dynatable ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠ²ΠΎΠΈΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ ΠΈΠ½ΡΠ΅Π»Π»Π΅ΠΊΡΡΠ°Π»ΡΠ½ΡΡ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΡ ΠΏΠΎ ΠΎΠ΄Π½ΠΎΠΌΡ ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌ ΡΡΠΎΠ»Π±ΡΠ°ΠΌ, ΠΈ Π²Ρ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΅Π»ΠΊΠ½ΡΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΎΠ΄ΠΈΠ½ ΡΠ°Π· ΠΏΠΎ Π²ΠΎΠ·ΡΠ°ΡΡΠ°Π½ΠΈΡ, Π΅ΡΠ΅ ΡΠ°Π· ΠΏΠΎ ΡΠ±ΡΠ²Π°Π½ΠΈΡ ΠΈ Π΅ΡΠ΅ ΡΠ°Π·, ΡΡΠΎΠ±Ρ ΠΎΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΡ ΠΏΠΎ ΡΡΠΎΠΌΡ ΡΡΠΎΠ»Π±ΡΡ. ΠΡΠΎ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΎΡΠ»ΠΈΡΠ½ΡΠΌ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ Π΄Π»Ρ Π²Π°ΡΠΈΡ ΡΠ΅Π»Π΅ΠΉ.
ΠΠ°ΠΊΠΎΠΌΡΠ΅ ΠΊΡΡΠΎΡΠΊΠΈ: ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ Π·Π°ΠΏΡΠΎΡ ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠ°Ρ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ°.
ΠΠΎΠ»ΡΡΠΈΡΠ΅ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ: ΠΠ΅Π±-ΡΠ°ΠΉΡ ΠΈ GitHub .
2. Π’Π°Π±Π»ΠΈΡΠ° Bootstrap
CSS ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ ΡΠΈΡΠΎΠΊΠΎ ΠΏΠΎΠΏΡΠ»ΡΡΠ΅Π½, Π° Bootstrap β ΠΎΠ΄Π½Π° ΠΈΠ· Π²Π΅Π΄ΡΡΠΈΡ ΡΡΠ΅Π΄ CSS. ΠΠ»Π°Π³ΠΈΠ½ Bootstrap table β ΡΡΠΎ ΠΌΠ½ΠΎΠ³ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ ΠΈ Π»Π΅Π³ΠΊΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ Π²Π°ΠΌ Π²ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠ΅ Π΄Π»Ρ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ ΠΏΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅.
ΠΠ°ΡΠ°Π»ΡΠ½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ jQuery ΠΠ΄Π½ΠΎΠΉ ΠΈΠ· ΡΠ°ΠΌΡΡ
Π²Π°ΠΆΠ½ΡΡ
ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠ΅ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½Π° ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠΎ, ΡΡΠΎ ΠΌΠΎΡΠ½ΠΎΡΡΡ ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π° ΠΏΠΎΡΡΡΡΠ°ΡΡΠΈΠ΅, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΡΠΈΠ»Ρ ΡΠ²ΠΎΠΈΡ
ΡΠ°Π±Π»ΠΈΡ, ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈΡ
ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΌΠΈ. Π Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊ ΡΡΠΎΠΌΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΡ, ΠΏΠΎΠΈΡΠΊ, ΡΡΠ»ΠΎΠ²Π½ΠΎΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΡΠΎΠ»Π±ΡΠΎΠ² ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅. ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΊΡΡΡΡ ΡΡΠΎΠ»Π±ΡΡ, ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΏΡΠΎΡΡΠΎΠΉ.
ΠΠ»Π°Π³ΠΈΠ½ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ ΡΡΡΡΡΠ°ΠΌΠΈ ΡΡΠ°ΡΡΠ½ΠΈΠΊΠΎΠ² ΠΈ ΠΈΠΌΠ΅Π΅Ρ ΡΡΡΡΡΠΈ ΠΊΠΎΠΌΠΌΠΈΡΠΎΠ². Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° ΠΏΠ»Π°Π³ΠΈΠ½Π° β ΡΡΠΎ Π½Π΅ΠΏΡΠ΅ΡΡΠ²Π½ΡΠΉ ΠΏΡΠΎΡΠ΅ΡΡ, ΠΈ ΡΡΠΎ ΡΠ°Π·Π²ΠΈΠ²Π°ΡΡΠΈΠΉΡΡ ΠΏΡΠΎΠ΅ΠΊΡ Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ.
ΠΡΠΎΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ ΠΈΡΡΠΎΡΠΈΡΠ΅ΡΠΊΠΈ ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°Π» ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ ΡΠ²ΠΎΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ, ΠΈ ΠΎΠ½ ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ ΡΠΎΠ²Π΅ΡΡΠ΅Π½ΡΡΠ²ΠΎΠ²Π°Π»ΡΡ, ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π΅Π³ΠΎ Π»ΡΡΡΠ΅. ΠΡΠ±ΠΎΡ ΡΡΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΌΡΠ΄ΡΡΠΌ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠΌ Π΄Π»Ρ Π²Π°Ρ. ΠΠ»Π°Π³ΠΈΠ½ ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠΉ Π΄Π»Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½ΠΈΡ Π±ΠΎΠ»ΡΡΠΎΠ³ΠΎ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π° ΠΏΠΎΠ»Π΅Π·Π½ΡΡ ΡΡΠ»ΡΠ³.
ΠΠ°ΠΊΠΎΠΌΡΠ΅ ΠΊΡΡΠΎΡΠΊΠΈ : ΠΠ°Ρ ΠΎΠ΄ΡΠΈΠ²ΠΎΠ΅ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅. ΠΠΊΡΠΏΠΎΡΡ Π² CSV ΠΈ JSON.
ΠΠΎΠ»ΡΡΠΈΡΡ ΠΏΠ»Π°Π³ΠΈΠ½: Π²Π΅Π±-ΡΠ°ΠΉΡ ΠΈ Demo .
3. Π‘ΠΎΡΡΠΈΡΠΎΠ²ΡΠΈΠΊ ΡΠ°Π±Π»ΠΈΡ jQuery
jQuery Table Sorter β ΡΡΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡ jQuery, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠ΅Π²ΡΠ°ΡΠ°Π΅Ρ HTML-ΡΠ°Π±Π»ΠΈΡΡ Ρ ΡΠ΅Π³Π°ΠΌΠΈ THEAD TBODY Π² ΡΠΎΡΡΠΈΡΡΠ΅ΠΌΡΡ Π±Π΅Π· ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΌΠΎΠΆΠ΅Ρ Π°Π½Π°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ ΠΈ ΡΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΠΈΠΏΠΎΠ² Π΄Π°Π½Π½ΡΡ , Π²ΠΊΠ»ΡΡΠ°Ρ ΡΠ²ΡΠ·Π°Π½Π½ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅ Π² ΡΡΠ΅ΠΉΠΊΠ΅. ΠΠ»Π°Π³ΠΈΠ½ Table Sorter ΠΈΠΌΠ΅Π΅Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΡΠ½ΠΊΡΠΈΠΉ. ΠΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠΎΠ»Π±ΡΠΎΠ² ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ΅Π».
ΠΠ΄Π½ΠΈΠΌ ΠΈΠ· Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½ΡΡ Π°ΡΠΏΠ΅ΠΊΡΠΎΠ² ΠΏΠ»Π°Π³ΠΈΠ½Π° ΡΠ²Π»ΡΠ΅ΡΡΡ Π΅Π³ΠΎ ΠΊΡΠΎΡΡΠ±ΡΠ°ΡΠ·Π΅ΡΠ½ΠΎΡΡΡ, ΡΡΠΎ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ ΠΎΠ½ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Ρ IE 6.0+, FF2+, Safari 2.0+, Opera 9..0+ ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠΌΠ΅ΡΡ ΡΠΈΡΡΠ΅ΠΌΡ Π²ΠΈΠ΄ΠΆΠ΅ΡΠΎΠ² Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠ»Π°Π³ΠΈΠ½Π°, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ°ΡΡΠΈΡΡΠ΅Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ.
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ Π½Π° ΠΎΡΠΈΡΠΈΠ°Π»ΡΠ½ΠΎΠΌ ΡΠ°ΠΉΡΠ΅ ΠΈ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π΅Π³ΠΎ Π½Π° Github.
4. DataTables
ΠΡΠΎ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ Π²Π°ΠΌ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π»ΡΠ±ΡΡ ΡΠ°Π±Π»ΠΈΡ, ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ°, ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΡ, ΡΠ°Π·Π±ΠΈΠ²ΠΊΠ° Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠ΅ ΡΠ΅ΠΌΡ. ΠΠ»Π°Π³ΠΈΠ½ ΠΎΡΠ»ΠΈΡΠ°Π΅ΡΡΡ ΠΎΡ Π΄ΡΡΠ³ΠΈΡ ΠΈ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΠΎΠ±ΡΠΈΡΠ½ΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ, ΡΡΠΎΠ±Ρ Π²Ρ ΠΌΠΎΠ³Π»ΠΈ ΠΎΡΠ²ΠΎΠΈΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ²ΠΎΠ΅ΠΉ ΡΠ°Π±Π»ΠΈΡΡ.
Data Tables Plugin Π¨ΠΈΡΠΎΠΊΠΈΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ Π΄Π΅Π»Π°ΡΡ ΡΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΡΠ΄ΠΎΠ±Π½ΡΠΌ Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ². ΠΠ»Π°Π³ΠΈΠ½ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ, Π½ΠΎ ΠΈ ΡΠΎΠ»ΠΈΠ΄Π½ΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ. ΠΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΡ Ρ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ°ΠΌΠΈ CSS Π΄Π»Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΡΠΈΠ»Ρ ΠΏΠ»Π°Π³ΠΈΠ½Π° Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ Π²Π΅Π»ΠΈΡΠ΅ΡΡΠ²Π΅Π½Π½Π°.
ΠΠ΄Π½ΠΎΠΉ ΠΈΠ· Π·Π°ΠΌΠ΅ΡΠ°ΡΠ΅Π»ΡΠ½ΡΡ ΡΠ°ΡΡΠ΅ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½Π° ΡΠ²Π»ΡΠ΅ΡΡΡ Π΅Π³ΠΎ ΠΏΡΠ΅ΠΌΠΈΠ°Π»ΡΠ½Π°Ρ ΡΠΈΡΡΠ΅ΠΌΠ° ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΡΠ΅ΡΠ΅Π· ΠΎΡΡΠ΅ΡΡ ΠΎΠ± ΠΎΡΠΈΠ±ΠΊΠ°Ρ GitHub ΠΈΠ»ΠΈ ΠΏΡΡΠΌΠΎΠΉ ΠΊΠΎΠ½ΡΠ°ΠΊΡ Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠΌ ΡΠ΅ΡΠ΅Π· ΡΠΎΡΡΠΌ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ. ΠΠΎΠ»Π΅Π΅ ΡΠΎΠ³ΠΎ, Π΅ΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΠΈΠ½ΡΠ΅Π³ΡΠΈΡΠΎΠ²Π°ΡΡ DataTables Π² ΠΊΠΎΡΠΏΠΎΡΠ°ΡΠΈΠ²Π½ΡΡ ΡΠΈΡΡΠ΅ΠΌΡ ΠΈΠ»ΠΈ ΡΡΠΎ-ΡΠΎ ΠΊΡΠΈΡΠΈΡΠ΅ΡΠΊΠΈ Π²Π°ΠΆΠ½ΠΎΠ΅. Π ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΈΠΎΠ±ΡΠ΅ΡΡΠΈ ΠΊΠΎΡΠΏΠΎΡΠ°ΡΠΈΠ²Π½ΡΡ Π»ΠΈΡΠ΅Π½Π·ΠΈΡ, ΠΊΠΎΡΠΎΡΠ°Ρ Π΄Π°Π΅Ρ Π²Π°ΠΌ ΠΏΡΡΠΌΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ ΠΎΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ².
Π ΡΠ΅Π»ΠΎΠΌ, Ρ ΠΌΠΎΠ³Ρ ΡΠΊΠ°Π·Π°ΡΡ, ΡΡΠΎ DataTables ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ Π²Π°ΠΌ ΡΡΠ½ΠΊΡΠΈΠΈ, ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ Π½Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ², Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΠΈ ΠΏΠΎΠΌΠΎΡΠ½ΠΈΠΊΠΎΠΌ.
ΠΠΎΠ»ΡΡΠΈΡΡ ΠΏΠ»Π°Π³ΠΈΠ½: ΠΠ΅Π±-ΡΠ°ΠΉΡ ΠΈ Π΄Π΅ΠΌΠΎΠ²Π΅ΡΡΠΈΡ.
5. Sortable β ΠΏΠ»Π°Π³ΠΈΠ½ jQuery
Sortable β ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΡΠ°ΠΌΡΡ ΠΈΠ·Π²Π΅ΡΡΠ½ΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² jQuery, ΠΊΠΎΡΠΎΡΡΠΉ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π΄Π»Ρ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ ΡΠ°Π±Π»ΠΈΡ. ΠΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ ΡΡΠ½ΠΊΡΠΈΠΈ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ, Π²Π°ΠΌ ΠΏΡΠΎΡΡΠΎ Π½ΡΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery, ΠΈ Π²ΡΠ΅ Π±ΡΠ΄Π΅Ρ ΡΠ΄Π΅Π»Π°Π½ΠΎ! ?
ΠΠ»Π°Π³ΠΈΠ½ ΡΠΎΡΡΠΈΡΡΠ΅ΠΌΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ ΠΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ
ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ, ΠΎΡΠ½ΠΎΠ²Π°Π½Π½ΡΠΉ Π½Π° Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ΅ JavaScript ΠΈ CSS. ΠΡΠ½ΠΎΠ²Π½Π°Ρ ΠΎΠ±ΡΠ·Π°Π½Π½ΠΎΡΡΡ ΠΏΠ»Π°Π³ΠΈΠ½Π° β ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ° ΡΠ°Π±Π»ΠΈΡ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π»ΡΠ±ΠΎΠΉ ΡΡΠ΅Π½Π°ΡΠΈΠΉ ΠΈ ΡΡΠΈΠ»Ρ Ρ 6 ΠΏΠΎΡΡΡΡΠ°ΡΡΠΈΠΌΠΈ ΡΠ΅ΠΌΠ°ΠΌΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠ»Π°Π³ΠΈΠ½Π°.
ΠΡΠΎΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ ΡΠ΄ΠΎΠ±Π΅Π½ Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ², Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ ΠΌΠ°Π»ΠΎ ΠΌΠ΅ΡΡΠ° ΠΈ Π½Π΅ ΡΡΠ΅Π±ΡΠ΅Ρ Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠ΅ΠΉ. ΠΡΠΎ ΠΊΡΠΎΡΡ-Π±ΡΠ°ΡΠ·Π΅ΡΠ½Π°Ρ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΡ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΌΠΎΠΆΠ΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ Ρ IE8+ , Firefox 4+ , Current Webkit (Chrome, Safari) ΠΈ 9.0017 ΠΠΏΠ΅ΡΠ° ΡΠΎΠΆΠ΅.
Π§ΡΠΎΠ±Ρ Π²Π½Π΅Π΄ΡΠΈΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ Π² Π²Π°ΡΡ ΡΡΠ΅Π΄Ρ, Π²Π°ΠΌ ΠΏΡΠΎΡΡΠΎ Π½ΡΠΆΠ½ΠΎ Π²ΠΊΠ»ΡΡΠΈΡΡ ΡΡΠΈΠ»ΠΈ ΠΈ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΉ ΡΠΊΡΠΈΠΏΡ. ΠΡΠΈΠΌΠ΅Ρ Π±Π°Π·Ρ ΠΊΠΎΠ΄Π° ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½ Π½ΠΈΠΆΠ΅ Π΄Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ Π»ΡΡΡΠ΅Π³ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΡ.
ΠΠ°ΡΠ΅ΠΌ Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ Π°ΡΡΠΈΠ±ΡΡ sortable Π² ΡΠ°Π±Π»ΠΈΡΡ ΠΈ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΊΠ»Π°ΡΡΡ.
<ΡΠ°Π±Π»ΠΈΡΠ° Ρ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΎΠΉ Π΄Π°Π½Π½ΡΡ >
Π’Π΅ΠΏΠ΅ΡΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π±Π΅Π· ΠΏΠ΅ΡΠ΅Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠΎΡ ΠΊΠ°ΠΊ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ.
ΠΠΎΠ»ΡΡΠΈΡΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½: ΠΠ΅Π±-ΡΠ°ΠΉΡ ΠΈ GitHub.
6. JSON Π² ΡΠ°Π±Π»ΠΈΡΡ Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠΉ Π·Π°Π³ΡΡΠ·ΠΊΠΈ
JSON Π² ΡΠ°Π±Π»ΠΈΡΡ Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠΉ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΠΠ»Π°Π³ΠΈΠ½ jQuery ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ Π·Π°Π³ΡΡΠ·ΠΊΡ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΡ ΡΠ°Π±Π»ΠΈΡ ΠΈΠ· Π΄Π°Π½Π½ΡΡ ΡΠ°ΠΉΠ»Π° JSON. ΠΠ»Π°Π³ΠΈΠ½ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ, ΠΏΠΎΠ»Π½ΡΡ Π΄Π°Π½Π½ΡΡ , ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΠ·Π²Π»Π΅ΠΊΠ°ΡΡΡΡ ΠΈΠ· Π±ΡΠΊΡΠ½Π΄Π°.
JSON Π΄Π»Ρ Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠΉ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ jQuery.ΠΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΡΠ΅Π²ΠΎΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ, ΠΊΠΎΡΠΎΡΡΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Bootstrap Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠΌΠΈ. ΠΠ°ΠΌ ΠΏΡΠΎΡΡΠΎ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΎΠ°Π½Π°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ Π²Π°ΡΠΈ Π΄Π°Π½Π½ΡΠ΅ JSON ΠΈ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΡ ΠΈΡ Π² ΠΏΠ»Π°Π³ΠΈΠ½ ΡΠ°Π±Π»ΠΈΡΡ JSON to Bootstrap, ΠΈ ΠΎΠ½ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ.
Π‘ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠΎΠ³ΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΠΎΠ³ΠΎ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΊΠ°Π·Π°ΡΡ ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ, ΡΡΠΎΠ»Π±Π΅Ρ ΠΏΠ΅ΡΠ²ΠΈΡΠ½ΠΎΠ³ΠΎ ΠΊΠ»ΡΡΠ°, ΠΏΠΎΠΊΠ°Π·Π°ΡΡ/ΡΠΊΡΡΡΡ/ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ, ΡΠ΄Π°Π»ΠΈΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ ΠΈ Ρ. Π΄.
ΠΠΎΠ»ΡΡΠΈΡΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ:
7. TinyTable β ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ ΡΠ°Π±Π»ΠΈΡ jQuery
TinyTable β ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ ΠΈΠ½ΡΠ΅Π»Π»Π΅ΠΊΡΡΠ°Π»ΡΠ½ΡΡ
ΡΠ°Π±Π»ΠΈΡ jQuery, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π»ΡΠ±ΡΡ
Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΡ
ΡΠ°Π±Π»ΠΈΡ. ΠΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Π±ΡΠ΄ΡΡ ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΡΠΌΠΎΡΡΠ΅ΡΡΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΡΠ΅Π»Π΅ΡΠΎΠ½Π°/ΡΠ΅Π»Π΅ΡΠΎΠ½Π°, ΠΈ ΡΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ Π²Π°ΠΌ ΡΠ΄Π΅Π»Π°ΡΡ Π²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΠ΄ΠΎΠ±Π½ΠΎΠΉ Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ
ΡΡΡΡΠΎΠΉΡΡΠ².
ΠΠ»Π°Π³ΠΈΠ½ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΡΠ΅Ρ ΡΠΈΡΠΈΠ½Ρ ΡΠ°Π±Π»ΠΈΡΡ Π² ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΡΡ ΡΠΈΡΠΈΠ½Ρ ΠΎΠΊΠ½Π° Π±ΡΠ°ΡΠ·Π΅ΡΠ°. Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Β«ΠΏΠ΅ΡΠ΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅Β», ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ΄Π΅Ρ Ρ ΡΠ°Π½ΠΈΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π² ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠΌ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ΅, Π° ΠΏΡΠΈ Π΅Π΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠΌ ΡΠ΅Π»Π΅ΡΠΎΠ½Π΅ Π°ΠΊΡΠΈΠ²ΠΈΡΡΠ΅Ρ ΠΆΠ΅ΡΡ ΡΠΌΠ°Ρ ΠΈΠ²Π°Π½ΠΈΡ.
Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ Π²Π°ΡΠΈΠ°Π½Ρ β ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π² ΡΠ°Π±Π»ΠΈΡΡ Ρ Π΄Π²ΡΠΌΡ ΡΡΠΎΠ»Π±ΡΠ°ΠΌΠΈ, ΠΊΠΎΡΠΎΡΠ°Ρ ΡΠ°ΡΡΡΠ³ΠΈΠ²Π°Π΅Ρ Π²Π°Ρ ΡΠ°ΠΉΡ ΠΏΠΎ Π²ΡΠ΅ΠΉ Π΄Π»ΠΈΠ½Π΅. ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠ»Π°Π³ΠΈΠ½Π° Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠΌΠ΅ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΠΈ Π΄Π»ΠΈΠ½Π½ΡΡ ΡΠ°Π±Π»ΠΈΡ, ΡΠΊΡΠ°ΡΠ°Ρ ΠΈΡ .
ΠΠ»Π°Π³ΠΈΠ½ ΠΊΡΠΎΡΡΠ±ΡΠ°ΡΠ·Π΅ΡΠ½ΠΎ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌ Ρ IE9, IE10, IE11, Firefox, Safari, Opera ΠΈ Chrome ΠΈ Ρ. Π΄. ΠΡΠΎ ΠΈΠ½ΡΠ΅Π»Π»Π΅ΠΊΡΡΠ°Π»ΡΠ½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery, ΠΊΠΎΡΠΎΡΡΠΉ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΠ±ΡΠ°ΡΡ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ.
ΠΠ°Π³ΡΡΠ·ΠΈΡΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½: C ΠΠ΅Π±-ΡΠ°ΠΉΡ odecanyon.
8. Tablesaw β Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery
ΠΡΠΎ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery, ΠΊΠΎΡΠΎΡΡΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΠ΅ ΡΠ°Π±Π»ΠΈΡΠ½ΠΎΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ Ρ ΡΠΎΡ
ΡΠ°Π½Π΅Π½ΠΈΠ΅ΠΌ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅Π½Π½ΡΡ
ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΠΉ ΡΠΊΡΠ°Π½Π°. Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ ΡΠ»ΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΡΠ°Π±Π»ΠΈΡΡ Ρ Π½Π°Π΄Π»Π΅ΠΆΠ°ΡΠΈΠΌ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ ΡΠΊΡΠ°Π½Π°. ΠΠ»Π°Π³ΠΈΠ½
Tablesaw jQuery Π²ΠΊΠ»ΡΡΠ°Π΅Ρ Π² ΡΠ΅Π±Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΈΠΏΠΎΠ² ΡΠ΅ΠΆΠΈΠΌΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ Π²Π°ΠΌ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ, ΠΊΠ°ΠΊ Π±ΡΠ΄ΡΡ ΡΠ΅Π°Π³ΠΈΡΠΎΠ²Π°ΡΡ Π²Π°ΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ. ΠΡΠ°ΡΠΊΠΈΠΉ ΡΠΏΠΈΡΠΎΠΊ ΡΠ΅ΠΆΠΈΠΌΠΎΠ² ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½ Π½ΠΈΠΆΠ΅:
- Π‘ΡΠ΅ΠΊ β ΡΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°ΠΌ ΡΠ°Π±Π»ΠΈΡΡ ΡΠΊΠ»Π°Π΄ΡΠ²Π°ΡΡΡΡ Π² Π΄Π²Π° ΠΌΠ°ΠΊΠ΅ΡΠ° ΡΡΠΎΠ»Π±ΡΠ° Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°ΠΌΠΈ ΡΠ»Π΅Π²Π° ΠΈ Π΄Π°Π½Π½ΡΠΌΠΈ ΡΠΏΡΠ°Π²Π°. ΠΡΠΎ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ, ΠΊΠΎΠ³Π΄Π° ΠΎΠΊΠ½ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΠΌΠ΅Π½ΡΡΠ΅ 40 em ΠΈΠ»ΠΈ 640 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ Π² ΡΠΈΡΠΈΠ½Ρ.
- ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ ΡΡΠΎΠ»Π±ΡΠΎΠ² β ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡΡ ΡΡΠΎΠ»Π±ΡΠ°.
- Π Π΅ΠΆΠΈΠΌ ΡΠΌΠ°Ρ ΠΈΠ²Π°Π½ΠΈΡ β ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΆΠΈΠΌΠΎΠ² ΡΠΌΠ°Ρ ΠΈΠ²Π°Π½ΠΈΡ.
- ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ ΡΠ΅ΠΆΠΈΠΌΠ° β ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌΠΈ ΡΠ΅ΠΆΠΈΠΌΠ°ΠΌΠΈ.
- Sortable β ΠΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ Π΄Π°Π½Π½ΡΡ ΡΠ°Π±Π»ΠΈΡΡ.
- ΠΡΡ ΠΎΠ½Π½Π°Ρ ΠΌΠΎΠΉΠΊΠ° β ΠΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΡ Π²ΡΠ΅Ρ ΡΠ΅ΠΆΠΈΠΌΠΎΠ² Π² ΠΎΠ΄Π½ΠΎΠΌ ΡΡΡΡΠΎΠΉΡΡΠ²Π΅.
- ΠΡΠΌΠ΅ΡΠΈΡΡ Π²ΡΠ΅ β ΠΠΊΠ»ΡΡΠ°Π΅Ρ ΡΠ»Π°ΠΆΠΎΠΊ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ Π΄ΡΡΠ³ΠΈΡ
ΡΠ»Π°ΠΆΠΊΠΎΠ² Π² ΡΡΠΎΠ»Π±ΡΠ΅.
ΠΡΠΎΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ ΡΡΠ°Π» ΠΏΠ΅ΡΠ²ΠΎΠΊΠ»Π°ΡΡΠ½ΠΎΠΉ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΎΠΉ Π΄Π»Ρ IE9+, Android Browser 2.3 ΠΈ Blackberry OS 6+.
ΠΠΎΠ»ΡΡΠΈΡΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½: GitHub .
9. ΠΠ»Π°Π³ΠΈΠ½ Tablesorter β jQuery Table
ΠΠ»Π°Π³ΠΈΠ½ Tablesorter jQuery β ΡΡΠΎ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠΉ HTML-ΡΠ°Π±Π»ΠΈΡΡ Π² ΡΠ΄ΠΎΠ±Π½ΡΡ ΡΠΎΡΡΠΈΡΡΠ΅ΠΌΡΡ ΡΠ°Π±Π»ΠΈΡΡ. ΠΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½Π° Π² ΡΠΎΠΌ, ΡΡΠΎ Π΅ΠΌΡ Π½Π΅ Π½ΡΠΆΠ½ΠΎ ΠΏΠ΅ΡΠ΅Π·Π°Π³ΡΡΠΆΠ°ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΠΏΡΠΈ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ. ΠΠ»Π°Π³ΠΈΠ½ ΠΌΠΎΠΆΠ΅Ρ Π»Π΅Π³ΠΊΠΎ ΡΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈ Π°Π½Π°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΡΠΈΠΏΡ Π΄Π°Π½Π½ΡΡ , Π²ΠΊΠ»ΡΡΠ°Ρ ΡΠ²ΡΠ·Π°Π½Π½ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅ Π² ΡΡΠ΅ΠΉΠΊΠ΅.
tablesorter jQuery PluignΠΡΠΏΠΎΠ»ΡΠ·ΡΡ Tablesorter, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π½ΠΎΠ²ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Π°Π»ΡΠ°Π²ΠΈΡΠ½ΠΎ-ΡΠΈΡΡΠΎΠ²Π°Ρ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ°, ΡΡΠ½ΠΊΡΠΈΠΈ ΠΎΠ±ΡΠ°ΡΠ½ΠΎΠ³ΠΎ Π²ΡΠ·ΠΎΠ²Π° ΡΡΡΠ°Π½ΠΈΡΡ, Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²ΠΈΠ΄ΠΆΠ΅ΡΠΎΠ², Π»ΠΈΠΏΠΊΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠ΅ΠΌΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°, ΡΠΈΠ»ΡΡΡΡ ΡΡΠΎΠ»Π±ΡΠΎΠ² ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΠΈ Ρ. Π΄.
Tablesorter ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Bootstrap V2-4 ΠΈ ΠΈΠΌΠ΅Π΅Ρ ΠΏΠ°ΡΡΠ΅ΡΡ, Π΄ΠΎΡΡΡΠΏΠ½ΡΠ΅ Π΄Π»Ρ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°, URL-Π°Π΄ΡΠ΅ΡΠΎΠ², ΡΠΈΡΠ΅Π» Ρ ΠΏΠ»Π°Π²Π°ΡΡΠ΅ΠΉ Π·Π°ΠΏΡΡΠΎΠΉ, ΡΠ΅Π»ΡΡ
ΡΠΈΡΠ΅Π», Π²Π°Π»ΡΡΡ, IP-Π°Π΄ΡΠ΅ΡΠ°, Π΄Π°ΡΡ ΠΈ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΠΈ Ρ. Π΄. ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΉ ΠΏΠ°ΡΡΠ΅Ρ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ. ΠΠ»Π°Π³ΠΈΠ½ ΠΈΠΌΠ΅Π΅Ρ ΠΎΡΠ΅Π½Ρ ΠΌΠ°Π»Π΅Π½ΡΠΊΠΈΠΉ ΡΠ°Π·ΠΌΠ΅Ρ ΠΊΠΎΠ΄Π°, Π½Π°ΡΠΈΠ½Π°Ρ Π²ΡΠ΅Π³ΠΎ Ρ 25 ΠΠ Π² ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅.
ΠΠΎΠ»ΡΡΠΈΡΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½: GitHub .
10. FooTable β ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ ΡΠ°Π±Π»ΠΈΡΡ jQuery
FooTable β ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery, ΠΊΠΎΡΠΎΡΡΠΉ Π΄Π΅Π»Π°Π΅Ρ ΠΏΡΠΎΡΡΡΡ HTML-ΡΠ°Π±Π»ΠΈΡΡ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΠΎΠΉ. ΠΠ»Π°Π³ΠΈΠ½ Π²ΡΡΡΠΎΠ΅Π½ Π² jQuery ΠΈ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Ρ Bootstrap. ΠΡΠΎ ΡΠΌΠ½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡΠΎΡΡΠΉ Π΄Π΅Π»Π°Π΅Ρ Π²Π°ΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ ΡΠΌΠ½Π΅Π΅, ΡΠ΅ΠΌ ΠΊΠΎΠ³Π΄Π°-Π»ΠΈΠ±ΠΎ.
FooTable ΠΠ»Π°Π³ΠΈΠ½ jQueryFooTable ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠΊΡΡΠ²Π°ΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ ΡΡΠΎΠ»Π±ΡΡ Π½Π° Π½Π΅Π±ΠΎΠ»ΡΡΠΈΡ ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ ΠΈ ΡΡΡΡΠ°Π½ΡΡΡ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Π΄Π»Ρ Π±ΠΎΠ»ΡΡΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ. ΠΠΎΡΡΠΎΠΌΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΠΌΠΎΠ³ΡΡ ΡΠ°Π·Π²Π΅ΡΠ½ΡΡΡ ΠΊΠ°ΠΆΠ΄ΡΡ ΡΡΡΠΎΠΊΡ, ΡΡΠΎΠ±Ρ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠΊΡΡΡΡΡ ΡΡΠΎΠ»Π±ΡΠΎΠ².
ΠΠ΅Π·Π°Π²ΠΈΡΠΈΠΌΠΎ ΠΎΡ ΡΠΎΠ³ΠΎ, ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠΎΠ»Π±ΡΠΎΠ² Π΄Π°Π½Π½ΡΡ
Ρ Π²Π°Ρ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π² ΡΠ°Π±Π»ΠΈΡΠ΅, ΡΠΎΠ·Π΄Π°Π½Π½ΠΎΠΉ ΡΡΠΈΠΌ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΌ ΠΌΠΎΠ΄ΡΠ»Π΅ΠΌ, FooTable ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΡΠ΅Ρ Π²ΡΠ΅ ΡΡΠΈ HTML-ΡΠ°Π±Π»ΠΈΡΡ Π² ΡΠ°ΡΡΠΈΡΡΠ΅ΠΌΡΠ΅ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ.
ΠΠ»Π°Π³ΠΈΠ½ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠ²ΠΎΠΈΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ 3 Π³ΠΎΡΠΎΠ²ΡΠ΅ ΡΠ΅ΠΌΡ Π΄Π»Ρ ΡΡΠΎΠ»Π°, ΠΈ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡΡ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ CSS Π² Π»ΡΠ±ΠΎΠΌ ΠΌΠ΅ΡΡΠ΅ ΡΡΠΎΠ»Π°. ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ΅Π»Π΅ΠΊΡΠΎΡ CSS, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΡΡΡΠΎΠΈΡΡ ΡΠ°ΡΠ³Π΅ΡΠΈΠ½Π³ Π½Π° Π»ΡΠ±ΡΡ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π½Π° Π²Π°ΡΠ΅ΠΌ ΡΠ°ΠΉΡΠ΅.
ΠΠΎΠ»ΡΡΠΈΡΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½: GitHub .
ΠΡΠΎ ΡΠ°ΠΌΡΠ΅ Π²Π»ΠΈΡΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ jQuery, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ Π»ΡΠ±ΠΎΠΉ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ Π½Π° Π²Π°ΡΠ΅ΠΌ ΡΠ°ΠΉΡΠ΅. ΠΡΠ΅ ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»Π΅Π½Π½ΡΠ΅ Π·Π΄Π΅ΡΡ ΠΏΠ»Π°Π³ΠΈΠ½Ρ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Ρ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ. ΠΡΠ±ΠΎΠΉ ΠΈΠ· ΡΡΠΈΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², ΡΠΏΠΎΠΌΡΠ½ΡΡΡΡ Π²ΡΡΠ΅, ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π»ΡΡΡΠΈΠΌ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠΌ Π΄Π»Ρ Π²Π°Ρ.
ΠΠΎΡΠ»Π΅ ΠΏΡΠΎΡΡΠ΅Π½ΠΈΡ ΠΏΠΎΡΡΠ° Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΠ΄ΡΠΌΠ°ΡΡ ΠΎ Π»ΡΠ±ΠΎΠΌ ΠΏΠ»Π°Π³ΠΈΠ½Π΅ Π΄Π»Ρ WordPress, ΠΊΠΎΡΠΎΡΡΠΉ Π»ΡΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΡΠ»ΡΠΆΠΈΡ ΡΠΎΠΉ ΠΆΠ΅ ΡΠ΅Π»ΠΈ. Π― Π±Ρ ΠΏΠΎΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π» Π²Π°ΠΌ Ninja Tables WordPress Plugin , ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΎΠ·Π΄Π°Π½ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°ΡΠΈΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ jQuery ΠΈ ΠΏΠ»Π°ΡΡΠΎΡΠΌΡ Bootstrap Π² ΡΠ΄ΠΎΠ±Π½ΠΎΠΉ Π΄Π»Ρ WordPress ΠΌΠ°Π½Π΅ΡΠ΅.
ΠΠΎΠ»ΡΡΠΈΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ Ninja Tables
ΠΠ°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅
Π ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΡ
ΡΠ»ΡΡΠ°ΡΡ
ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΠΏΠΎΡΠΎΠ±ΠΎΠ² Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡ Π½Π° ΡΠ°ΠΉΡ, Π²ΡΠ΅ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ Π²Π°Ρ, ΠΊΠ°ΠΊΠΈΠ΅ ΡΠΈΠΏΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π²Ρ Ρ
ΠΎΡΠΈΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½Π° ΠΊΠ°ΠΊΠΎΠΉ ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ΅. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π΅ Π±ΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΌ WordPress ΠΈΠ»ΠΈ ΠΈΠΌ Π±ΡΡΡ.
ΠΡΠ»ΠΈ Π²Ρ Π½Π΅ ΡΠ²Π»ΡΠ΅ΡΠ΅ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΌ WordPress, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π»ΡΠ±ΠΎΠΉ ΠΈΠ· ΡΠΏΠΎΠΌΡΠ½ΡΡΡΡ Π²ΡΡΠ΅ Π² ΡΠΏΠΈΡΠΊΠ΅. ΠΠ»ΠΈ, Π΅ΡΠ»ΠΈ Π²Ρ ΡΠ²Π»ΡΠ΅ΡΠ΅ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΌ WordPress, Ρ Π½Π°ΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΡ Π²Π°ΠΌ Π±Π΅Π· Π²ΡΡΠΊΠΈΡ ΡΠΎΠΌΠ½Π΅Π½ΠΈΠΉ Π²ΡΠ±ΡΠ°ΡΡ Ninja Tables.
ΠΡΠ»ΠΈ Π²Ρ ΡΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ ΠΈΠ· Π½ΠΈΡ , ΡΠΎΠΎΠ±ΡΠΈΡΠ΅ ΠΌΠ½Π΅ ΠΎ ΡΠ²ΠΎΠ΅ΠΌ ΠΎΠΏΡΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΏΠ»Π°Π³ΠΈΠ½Π°. ΠΠ»ΠΈ, Π΅ΡΠ»ΠΈ Π²Ρ Π΅ΡΠ΅ Π½Π΅ ΠΏΡΠΎΠ±ΠΎΠ²Π°Π»ΠΈ, ΠΏΡΠΎΡΡΠΎ ΠΏΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ Π»ΡΠ±ΠΎΠΉ ΠΈΠ· Π½ΠΈΡ . Π‘ΠΎΠΎΠ±ΡΠΈΡΠ΅ Π½Π°ΠΌ ΠΎ Π²Π°ΡΠΈΡ ΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΡΡ , Π΅ΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ, ΠΈΠ»ΠΈ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΏΠΎ ΡΠ΅ΠΌΠ΅.
ΠΡΠ»ΠΈ Π²Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ WordPress, ΡΠΎ Π²Π°ΠΌ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎ ΡΡΠΎΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Ninja Tables.
ΠΠ»Π°Π³ΠΈΠ½ ΡΠ°Π±Π»ΠΈΡΡ jQuery
ΠΠ»Π°Π³ΠΈΠ½ ΡΠ°Π±Π»ΠΈΡΡ jQuery β ΡΡΡΠ°Π½ΠΈΡΠ° 1
ΠΠ°Π³ΡΡΠ·ΠΈΡΠ΅ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ jQuery Data Table, Data Grid, Table Sort ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΡΠ°Π±Π»ΠΈΡΠ°ΠΌΠΈ Π² Π½Π°ΡΠ΅ΠΌ ΡΠ°Π·Π΄Π΅Π»Π΅ jQuery Table Plugin. Π‘ΡΡΠ°Π½ΠΈΡΠ° 1 .
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
β Π’Π°Π±Π»ΠΈΡΠ° β 49 ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²
ΠΡΠΎΡΡΠΎΠΉ Π² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΠΉ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΠΎΠ»Π±ΡΠΎΠ² ΡΠ°Π±Π»ΠΈΡΡ HTML Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΊΠΈΠ²Π°Π½ΠΈΡ ΠΌΡΡΡΡ.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
β Π’Π°Π±Π»ΠΈΡΠ° β 41471 ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²
Tabulator β ΡΡΠΎ ΠΌΠ½ΠΎΠ³ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠΉ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΎΡΡΡΡ ΠΈΠ»ΠΈ ΡΠ»ΠΎΠΆΠ½ΡΡ ΡΠ°Π±Π»ΠΈΡ Π΄Π°Π½Π½ΡΡ ΠΈΠ· Π»ΡΠ±ΡΡ Π΄Π°Π½Π½ΡΡ JSON.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
β Π’Π°Π±Π»ΠΈΡΠ° β 154 ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²
ΠΡΠΎΡΡΠΎΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠΉ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΠΉ, Π²ΡΡΠΎΠΊΠΎΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ, ΠΌΠ½ΠΎΠ³ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΠΉ ΠΈ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ/ΡΠ΅ΡΠΊΠΈ Π΄Π°Π½Π½ΡΡ ΠΈΠ· Π±ΠΎΠ»ΡΡΠΈΡ ΠΎΠ±ΡΠ΅ΠΌΠΎΠ² Π΄Π°Π½Π½ΡΡ .
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
β Π’Π°Π±Π»ΠΈΡΠ° β 500 ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²
ΠΠ΅Π³ΠΊΠΈΠΉ, Π½ΠΎ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ ΡΠ°Π·Π±ΠΈΠ²ΠΊΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠ°Π·Π΄Π΅Π»ΠΈΡΡ Π±ΠΎΠ»ΡΡΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΡΡΠΎΠΊ ΡΠ°Π±Π»ΠΈΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ, ΡΡΠΎΠ±Ρ ΡΠ»ΡΡΡΠΈΡΡ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡΡ Π²Π°ΡΠ΅ΠΉ Π±ΠΎΠ»ΡΡΠΎΠΉ HTML-ΡΠ°Π±Π»ΠΈΡΡ.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
β Π’Π°Π±Π»ΠΈΡΠ° β 39044 ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²
Bootstrap Table β ΡΡΠΎ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΉ, Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ½ΡΠΉ, ΡΠ°ΡΡΠΈΡΡΠ΅ΠΌΡΠΉ, ΠΌΠ½ΠΎΠ³ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ ΠΈ Π»Π΅Π³ΠΊΠΎ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ ΡΠ°Π±Π»ΠΈΡΡ Π΄Π°Π½Π½ΡΡ jQuery Π΄Π»Ρ Bootstrap 4, Bootstrap 3 ΠΈ Bootstrap 2.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
β Π’Π°Π±Π»ΠΈΡΠ° β 39623 ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²
ΠΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ fancyTable jQuery Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅Ρ ΠΌΠΎΠ»Π½ΠΈΠ΅Π½ΠΎΡΠ½ΡΡ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΡ Π½Π° ΡΡΠΎΡΠΎΠ½Π΅ ΠΊΠ»ΠΈΠ΅Π½ΡΠ°, ΡΠ°Π·Π±ΠΈΠ²ΠΊΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ ΠΏΠΎΠΈΡΠΊ Π² ΡΠ΅Π°Π»ΡΠ½ΠΎΠΌ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Π² Π²Π°ΡΡ Π±ΠΎΠ»ΡΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π΄Π°Π½Π½ΡΡ .
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
β Π’Π°Π±Π»ΠΈΡΠ° β 16839 ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²
tui.grid β ΡΡΠΎ Π½Π°Π΄Π΅ΠΆΠ½ΡΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ ΡΠ΅ΡΠΊΠΈ Π΄Π°Π½Π½ΡΡ , ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ Π±ΠΎΠ»ΡΡΠΈΠ΅ Π΄Π°Π½Π½ΡΠ΅ Π² Π²ΡΡΠΎΠΊΠΎΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΠΌΠ½ΠΎΠ³ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΠΉ ΡΠ΅ΡΠΊΠ΅ Π΄Π°Π½Π½ΡΡ Π·Π° ΠΌΠΈΠ½ΡΡΡ.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
β Π’Π°Π±Π»ΠΈΡΠ° β 201 ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²
ΠΠ»Π°Π³ΠΈΠ½ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ ΡΠ°Π±Π»ΠΈΡ jQuery, ΠΊΠΎΡΠΎΡΡΠΉ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ Π²ΡΠ±ΠΈΡΠ°Π΅Ρ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠΈΠΉ ΠΌΠ΅ΡΠΎΠ΄ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π΄Π°Π½Π½ΡΡ ΠΈ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΡΠ»ΠΎΠΆΠ½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Ρ rowspan/colspan.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
β Π’Π°Π±Π»ΠΈΡΠ° β 528 ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²
ΠΠ΅Π³ΠΊΠΈΠΉ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠ΅Π²ΡΠ°ΡΠ°Π΅Ρ Π²Π°ΡΠΈ HTML-ΡΠ°Π±Π»ΠΈΡΡ (ΠΈΠ»ΠΈ Π΄Π°Π½Π½ΡΠ΅ JSON) Π² ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Π΄Π°Π½Π½ΡΡ Ρ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΠΌΠΈ ΡΡΠ½ΠΊΡΠΈΡΠΌΠΈ.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
β Π’Π°Π±Π»ΠΈΡΠ° β 375 ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²
ΠΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ JavaScript, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΎΠ·Π΄Π°Π΅Ρ ΠΌΠ½ΠΎΠ³ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π΄Π°Π½Π½ΡΡ , ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Π»ΡΠ±ΠΎΠΉ ΡΠΈΠΏ Π΄Π°Π½Π½ΡΡ , Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ ΡΡΠ°ΡΠΈΡΠ΅ΡΠΊΡΡ ΡΠ°Π±Π»ΠΈΡΡ HTML, ΠΌΠ°ΡΡΠΈΠ²Ρ JS, ΠΎΠ±ΡΠ΅ΠΊΡΡ JS ΠΈ Π΄Π°Π½Π½ΡΠ΅ Ajax JSON.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
β Π’Π°Π±Π»ΠΈΡΠ° β 70857 ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²
handsontable β ΡΡΠΎ ΠΌΠΎΡΠ½Π°Ρ, Π³ΠΈΠ±ΠΊΠ°Ρ, ΠΌΠ½ΠΎΠ³ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½Π°Ρ, ΠΏΠΎΡ ΠΎΠΆΠ°Ρ Π½Π° Excel Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΡΠ΅ΡΠΎΠΊ/ΡΠ°Π±Π»ΠΈΡ Π΄Π°Π½Π½ΡΡ CRUD Π΄Π»Ρ JavaScript, Angular, React ΠΈ Vue.js.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
β Π’Π°Π±Π»ΠΈΡΠ° β 382 ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²
ΠΠ΅Π³ΠΊΠΈΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ»Π°ΠΆΠΊΠΈ Π΄Π»Ρ Π²ΡΠ±ΠΎΡΠ° ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΡΡΠΎΠΊ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ HTML.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
β Π’Π°Π±Π»ΠΈΡΠ° β 172 ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²
ΠΠ»Π°Π³ΠΈΠ½ jQuery, ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΡΡΠΈΠΉ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ API Π΄Π»Ρ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΡ ΡΠΈΡΠ΅Π» Π² HTML-ΡΠ°Π±Π»ΠΈΡΡ.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
β Π’Π°Π±Π»ΠΈΡΠ° β 1739 ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²
ΠΡΡΠ΅ΠΊΡΠΈΠ²Π½ΡΠΉ, Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery Π΄Π»Ρ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈΡ ΡΠ°Π±Π»ΠΈΡ Π΄Π°Π½Π½ΡΡ Π΄Π»Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ Π±ΠΎΠ»ΡΡΠΈΡ Π½Π°Π±ΠΎΡΠΎΠ² Π΄Π°Π½Π½ΡΡ Π² ΡΠ°Π±Π»ΠΈΡΠ½ΠΎΠΌ Π²ΠΈΠ΄Π΅ Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΡ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ, ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΠΈ, ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ ΠΈ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΊΠΈΠ²Π°Π½ΠΈΡ.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
β Π’Π°Π±Π»ΠΈΡΠ° β 331 ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²
ΠΠ΅Π³ΠΊΠΈΠΉ, Π½ΠΎ ΠΌΠΎΡΠ½ΡΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery JSON to Table, ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΡΡΡΠΎ ΡΠΎΠ·Π΄Π°Π΅Ρ HTML-ΡΠ°Π±Π»ΠΈΡΡ ΠΈΠ· ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½Π½ΡΡ Π²Π°ΠΌΠΈ ΠΌΠ°ΡΡΠΈΠ²ΠΎΠ² JSON ΠΈΠ»ΠΈ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ² JSON.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
β Π’Π°Π±Π»ΠΈΡΠ° β 4667 ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²
ΠΠ»Π°Π³ΠΈΠ½ jQuery, ΡΠΏΡΠΎΡΠ°ΡΡΠΈΠΉ ΡΠΊΡΠΏΠΎΡΡ ΡΠ°Π±Π»ΠΈΡ Π² ΡΠΎΡΠΌΠ°ΡΡ JSON, XML, CSV, TSV, TXT, SQL, DOC, XLS, XLSX, PNG ΠΈΠ»ΠΈ PDF.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
β Π’Π°Π±Π»ΠΈΡΠ° β 48763 ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²
ΠΠΎΡΠ½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery ΠΈ Vanilla JavaScript, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΡΠ΅ΡΠΊΠ° Π΄Π°Π½Π½ΡΡ CRUD (ΡΠ°Π±Π»ΠΈΡΠ°), ΠΈΠ· Π»ΠΎΠΊΠ°Π»ΡΠ½ΡΡ Π΄Π°Π½Π½ΡΡ JS ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ ΡΠ°ΠΉΠ»ΠΎΠ² JSON, CSV, XSLX.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
β Π’Π°Π±Π»ΠΈΡΠ° β 2383 ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²
ΠΡΠΎΡΠ΅ΡΠ½ΡΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠ΅Π²ΡΠ°ΡΠ°Π΅Ρ ΠΎΠ±ΡΡΠ½ΡΡ HTML-ΡΠ°Π±Π»ΠΈΡΡ Π² ΡΠ΅Π΄Π°ΠΊΡΠΈΡΡΠ΅ΠΌΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΎΠΉ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΡ Π΄Π°Π½Π½ΡΡ ΠΈ ΠΏΡΠΎΠ²Π΅ΡΠΊΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
β Π’Π°Π±Π»ΠΈΡΠ° β 49074 ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²
ΠΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΠΊΠΎΠ½Π²Π΅ΡΡΠ΅Ρ ΡΠ°Π±Π»ΠΈΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ jQuery Π² CSV, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΊΡΠΏΠΎΡΡΠΈΡΡΠ΅Ρ Π²Π°ΡΡ html-ΡΠ°Π±Π»ΠΈΡΡ Π² Π·Π°Π³ΡΡΠΆΠ°Π΅ΠΌΡΠΉ ΡΠ°ΠΉΠ» CSV.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
β Π’Π°Π±Π»ΠΈΡΠ° β 2928 ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²
ΠΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery, ΠΊΠΎΡΠΎΡΡΠΉ Π²ΠΊΠ»ΡΡΠ°Π΅Ρ ΡΠ»Π°ΠΆΠΎΠΊ Β«ΠΡΠΌΠ΅ΡΠΈΡΡ Π²ΡΠ΅Β», ΡΡΠΎΠ±Ρ Π²ΡΠ±ΡΠ°ΡΡ Π²ΡΠ΅ ΡΠΊΠ°Π·Π°Π½Π½ΡΠ΅ ΡΡΡΠΎΠΊΠΈ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ HTML.
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- Π‘Π»Π΅Π΄ΡΡΡΠΈΠΉ
- ΠΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ
Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ HTML-ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ jQuery β stats.seandolinar.com
ΠΠ»Ρ ΠΏΡΠΎΠ΅ΠΊΡΠ°, Π½Π°Π΄ ΠΊΠΎΡΠΎΡΡΠΌ Ρ ΡΠ°Π±ΠΎΡΠ°Π», ΠΌΠ½Π΅ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ Π±ΡΡΡΡΠΎΠ΅ ΠΈ ΠΏΡΠΎΡΡΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ Π΄Π°Π½Π½ΡΡ
, ΠΎΡΠΏΡΠ°Π²Π»Π΅Π½Π½ΡΡ
ΠΎΠ±ΡΠ°ΡΠ½ΠΎ ΠΈΠ· Π²ΡΠ·ΠΎΠ²Π° AJAX. Π― ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» jQuery Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ HTML ΠΈ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ Π΅Ρ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ jQuery Π±ΡΠ»ΠΎ Π±ΡΡΡΡΠΎ, ΠΈ ΠΎΠ½ ΡΠΆΠ΅ Π΅ΡΡΡ Π² ΠΌΠΎΠ΅ΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ΅.
ΠΠΎΡΠ»Π΅ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π½ΠΈΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΎΠ² ΠΊ ΡΡΠΎΠΌΡ Ρ ΡΠ΅ΡΠΈΠ», ΡΡΠΎ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΠΌΠ°ΡΡΠΈΠ²Ρ Π±ΡΠ΄ΡΡ ΡΠ°ΠΌΡΠΌ ΠΏΡΠΎΡΡΡΠΌ ΡΠΏΠΎΡΠΎΠ±ΠΎΠΌ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ Π΄Π°Π½Π½ΡΡ . ΠΠ°Π½Π½ΡΠ΅ Π²ΡΠ³Π»ΡΠ΄ΡΡ ΡΠ°ΠΊ:
ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅ = { k: ['ΠΠΌΡ', 'Π ΠΎΠ΄ Π·Π°Π½ΡΡΠΈΠΉ', 'ΠΠ°ΡΠΏΠ»Π°ΡΠ°', 'Π‘ΠΎΡΠ΅Π΄ ΠΏΠΎ ΠΊΠΎΠΌΠ½Π°ΡΠ΅'], v: [['Π§Π΅Π½Π΄Π»Π΅Ρ', 'ΠΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ ΠΏΠΎ Π·Π°ΠΊΡΠΏΠΊΠ°ΠΌ ΠΠ’', '120 000 Π΄ΠΎΠ»Π»Π°ΡΠΎΠ²', 'ΠΠΆΠΎΡΠΈ'], ['ΠΠΆΠΎΡΠΈ', 'ΠΠ΅Π·ΡΠ°Π±ΠΎΡΠ½ΡΠΉ Π°ΠΊΡΠ΅Ρ', '50 000 Π΄ΠΎΠ»Π»Π°ΡΠΎΠ²', 'Π§Π΅Π½Π΄Π»Π΅Ρ'], ['ΠΠΎΠ½ΠΈΠΊΠ°', 'Π¨Π΅Ρ', '80 000 Π΄ΠΎΠ»Π»Π°ΡΠΎΠ²', 'Π ΡΠΉΡΠ΅Π»'], ['Π ΡΠΉΡΠ΅Π»', 'ΠΠΎΠΌΠΎΡΠ½ΠΈΠΊ ΠΏΠΎΠΊΡΠΏΠ°ΡΠ΅Π»Ρ', '70 000 Π΄ΠΎΠ»Π»Π°ΡΠΎΠ²', 'ΠΠΎΠ½ΠΈΠΊΠ°'], ['Π ΠΎΡΡ', 'ΠΠΈΠ½ΠΎΠ·Π°Π²ΡΡ', '100 000 Π΄ΠΎΠ»Π»Π°ΡΠΎΠ²', 'ΠΠ΅Ρ ΡΠΎΡΠ΅Π΄Π° ΠΏΠΎ ΠΊΠΎΠΌΠ½Π°ΡΠ΅']] }
ΠΡΠΎ ΠΎΠ±ΡΠ΅ΠΊΡ JavaScript Ρ Π΄Π²ΡΠΌΡ ΠΊΠ»ΡΡΠ°ΠΌΠΈ: ΠΎΠ΄ΠΈΠ½ Π΄Π»Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, ΠΊΠΎΡΠΎΡΡΠΉ Ρ ΡΠΎΠΊΡΠ°ΡΠΈΠ» k
, ΠΈ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π΄Π°Π½Π½ΡΡ
, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΠΌΠ΅ΡΡ ΠΊΠ»ΡΡ v
. ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ β ΡΡΠΎ ΠΏΡΠΎΡΡΠΎ ΠΌΠ°ΡΡΠΈΠ² ΡΡΡΠΎΠΊ, Π° Π·Π½Π°ΡΠ΅Π½ΠΈΡ β ΡΡΠΎ ΠΌΠ°ΡΡΠΈΠ² ΠΌΠ°ΡΡΠΈΠ²ΠΎΠ². Π― ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π» ΡΡΠΎΡ ΠΊΠΎΠ΄ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΡΡΠΈΠΌΠΈ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°ΠΌΠΈ, ΠΏΠΎΡΡΠΎΠΌΡ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π²ΡΡΡΠΎΠ΅Π½ΠΎ Π±ΠΎΠ»ΡΡΠ΅ ΠΏΡΠΎΠ²Π΅ΡΠΎΠΊ, Π½ΠΎ ΠΈΡΡΠΎΡΠ½ΠΈΠΊ Π΄Π°Π½Π½ΡΡ
Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΆΠ΅ΡΡΠΊΠΈΠΉ.
Π§ΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΠΊΠ»Π°ΡΡ Table
, Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΠ» Π°ΡΡΠΈΠ±ΡΡΡ:
Π’Π°Π±Π»ΠΈΡΠ° ΡΡΠ½ΠΊΡΠΈΠΉ () { //ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ Π°ΡΡΠΈΠ±ΡΡΡ this.header = []; ΡΡΠΎ.Π΄Π°Π½Π½ΡΠ΅ = [[]]; this.tableClass = '' }
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΡΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° ΠΏΡΠΎΡΠΎΡΠΈΠΏΠ° Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠ·Π»ΠΈΡΠ½Π΅, Π½ΠΎ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΠΎΠ²ΡΠΎΡΠ½ΠΎ ΠΈ ΡΠ°ΡΡΠΈΡΡΡΡ. Π― ΠΏΠ»Π°Π½ΠΈΡΡΡ ΠΎΠ±Π½ΠΎΠ²ΠΈΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π½ΠΎΠ²ΡΠΌΠΈ Π΄Π°Π½Π½ΡΠΌΠΈ ΠΈ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π΄ΡΡΠ³ΠΈΠΌΠΈ ΡΡΠ½ΠΊΡΠΈΡΠΌΠΈ. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠ° ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡΠΎΡΠ΅ ΠΈ ΡΠΈΡΠ΅.
Π£ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ ΡΡΠΈ ΠΌΠ΅ΡΠΎΠ΄Π° ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΎΡΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ ΠΎΠ±ΡΠ΅ΠΊΡΡ Table
ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡ ΡΠ²ΠΎΠΈ Π°ΡΡΠΈΠ±ΡΡΡ ΠΈ ΠΈΠΌΠ΅ΡΡ Π½Π°Π±ΠΎΡ Π΄Π°Π½Π½ΡΡ
.
Table.prototype.setHeader = ΡΡΠ½ΠΊΡΠΈΡ (ΠΊΠ»ΡΡΠΈ) { //ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ Π΄Π°Π½Π½ΡΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° this.header = ΠΊΠ»ΡΡΠΈ Π²Π΅ΡΠ½ΡΡΡ ΡΡΠΎ } Table.prototype.setData = ΡΡΠ½ΠΊΡΠΈΡ (Π΄Π°Π½Π½ΡΠ΅) { //ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΠΌ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅ ΡΡΠΎ.Π΄Π°Π½Π½ΡΠ΅ = Π΄Π°Π½Π½ΡΠ΅ Π²Π΅ΡΠ½ΡΡΡ ΡΡΠΎ } Table.prototype.setTableClass = ΡΡΠ½ΠΊΡΠΈΡ (tableClass) { //Π·Π°Π΄Π°Π΅ΠΌ ΠΈΠΌΡ ΠΊΠ»Π°ΡΡΠ° ΡΠ°Π±Π»ΠΈΡΡ this.tableClass = ΠΊΠ»Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π²Π΅ΡΠ½ΡΡΡ ΡΡΠΎ }
ΠΠΎ Π²ΡΠ΅Ρ
ΠΌΠ΅ΡΠΎΠ΄Π°Ρ
, ΠΊΠΎΡΠΎΡΡΠ΅ Ρ Π½Π°ΠΏΠΈΡΠ°Π», Π²ΠΎΠ·Π²ΡΠ°ΡΠ°Π΅Ρ ΡΡΠΎ
. ΠΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠ²ΡΠ·ΡΠ²Π°ΡΡ ΠΌΠ΅ΡΠΎΠ΄Ρ, ΡΡΠΎ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠΏΡΠΎΡΠ°Π΅Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ ΠΊΠΎΠ΄Π°. ΠΡΠ½ΠΎΠ²Π½Π°Ρ ΡΠ°ΡΡΡ ΠΊΠΎΠ΄Π° Π½Π°Ρ
ΠΎΠ΄ΠΈΡΡΡ Π² ΠΌΠ΅ΡΠΎΠ΄Π΅
build
.
Table.prototype.build = ΡΡΠ½ΠΊΡΠΈΡ (ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ) { //ΡΠ΅Π»Π΅ΠΊΡΠΎΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ = ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ || '.table-ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ' //ΡΠΎΠ·Π΄Π°Π΅Ρ ΡΠ°Π±Π»ΠΈΡΡ ΡΠ°Π±Π»ΠΈΡΠ° ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ = $('
β).addClass(this.tableClass) var tr = $(β
β) //ΡΠΎΠ·Π΄Π°Π΅Ρ ΡΡΡΠΎΠΊΡ var th = $(β
β).append(Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ)) //ΡΠΎΠ·Π΄Π°Π΅Ρ var tbody = $(β
β) //Π·Π°ΠΏΠΎΠ»Π½ΡΠ΅Ρ ΡΠ΅Π»ΠΎ ΡΠ°Π±Π»ΠΈΡΡ
this. data.forEach (ΡΡΠ½ΠΊΡΠΈΡ (d) {
var row = tr.clone() // ΡΠΎΠ·Π΄Π°Π΅Ρ ΡΡΡΠΎΠΊΡ
d.forEach (ΡΡΠ½ΠΊΡΠΈΡ (e, j) {
row.append(td.clone().text(e)) // Π·Π°ΠΏΠΎΠ»Π½ΡΠ΅Ρ ΡΡΡΠΎΠΊΡ
})
tbody.append(row) //ΠΏΠΎΠΌΠ΅ΡΠ°Π΅Ρ ΡΡΡΠΎΠΊΡ Π² tbody
})
$(container).append(table.append(tbody)) //ΠΏΠΎΠΌΠ΅ΡΠ°Π΅Ρ Π²ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π² ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ Π²Π΅ΡΠ½ΡΡΡ ΡΡΠΎ
}
Π― Π°Π½Π½ΠΎΡΠΈΡΠΎΠ²Π°Π» Π±ΠΎΠ»ΡΡΡΡ ΡΠ°ΡΡΡ ΠΊΠΎΠ΄Π°, Π½ΠΎ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΡΡΠΎ ΡΠΎΠ·Π΄Π°Π΅Ρ ΠΎΠ±ΡΠ΅ΠΊΡΡ jQuery Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΠ°ΡΡΠΈ ΡΡΡΡΠΊΡΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ: ΡΠ°Π±Π»ΠΈΡΠ° ( ΡΠ°Π±Π»ΠΈΡΠ°
), ΡΡΡΠΎΠΊΠ° ( tr
), ΡΡΠ΅ΠΉΠΊΠ° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ( th
) ΠΈ ΠΎΠ±ΡΡΠ½Π°Ρ ΡΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ ( td
). ΠΠ΅ΡΠΎΠ΄ clone()
Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ jQuery ΡΠΎΠ·Π΄Π°Π» Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΡΠ»Π΅ΠΌΠ΅Π½Ρ HTML. Π ΠΏΡΠΎΡΠΈΠ²Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΠΎΠ½ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°ΡΡ ΡΠ΄Π°Π»ΡΡΡ, ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈ ΡΠΎΡ ΠΆΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½Ρ.
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠΎ ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ ΠΏΡΠΎΡΠΎΡΠΈΠΏ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΏΡΠΎΡΡΠΎ, ΠΌΡ ΡΠΆΠ΅ ΡΠ΄Π΅Π»Π°Π»ΠΈ ΡΠ»ΠΎΠΆΠ½ΡΡ ΡΠ°ΡΡΡ. ΠΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ ΠΊΠ»ΡΡΠ΅Π²ΠΎΠ΅ ΡΠ»ΠΎΠ²ΠΎ new
Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡΠ° Π½ΠΎΠ²ΠΎΠ³ΠΎ ΠΎΠ±ΡΠ΅ΠΊΡΠ°. ΠΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π½Π°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ
Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΡΡ
Π’Π°Π±Π»ΠΈΡΠ°
ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠΌΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ°Π½ΠΈΠΏΡΠ»ΠΈΡΠΎΠ²Π°ΡΡ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½ΠΎ Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ.
//ΡΠΎΠ·Π΄Π°Π΅Ρ Π½ΠΎΠ²ΡΠΉ ΠΎΠ±ΡΠ΅ΠΊΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΠ°Π±Π»ΠΈΡΠ° ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ = Π½ΠΎΠ²Π°Ρ ΡΠ°Π±Π»ΠΈΡΠ° () //ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ Π΄Π°Π½Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΈ ΡΡΡΠΎΠΈΡ Π΅Π΅ ΡΡΠΎΠ» .setHeader(Π΄Π°Π½Π½ΡΠ΅.k) .setData(Π΄Π°Π½Π½ΡΠ΅.v) .setTableClass (Β«Π¨ΠΎΠ½Β») .ΡΡΡΠΎΠΈΡΡ()
ΠΡΡΠ΅ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½ ΠΊΠΎΡΠΎΡΠΊΠΈΠΉ ΡΡΠ°Π³ΠΌΠ΅Π½Ρ ΠΊΠΎΠ΄Π° Ρ ΡΠ΅ΠΏΠΎΡΠΊΠΎΠΉ ΠΌΠ΅ΡΠΎΠ΄ΠΎΠ². ΠΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π½Π°ΠΌ Π½Π΅ ΠΏΠΈΡΠ°ΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠ΅ ΡΡΡΠΎΠΊΠΈ ΠΊΠΎΠ΄Π° Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΌΠ΅ΡΠΎΠ΄Π°, ΠΊΠΎΡΠΎΡΡΠΉ Π²ΡΠ³Π»ΡΠ΄Π΅Π» Π±Ρ ΠΊΠ°ΠΊ ΡΠ°Π±Π»ΠΈΡΠ°.setData()
. Π― ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» setHeader()
Π΄Π»Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ ΠΌΠ°ΡΡΠΈΠ²Π° ( data.k
), ΠΊΠΎΡΠΎΡΡΠΉ Π·Π°ΠΏΠΎΠ»Π½ΡΠ΅Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΠ°Π±Π»ΠΈΡΡ. ΠΠ΅ΡΠΎΠ΄ setData()
ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΠΌΠ°ΡΡΠΈΠ² ΠΌΠ°ΡΡΠΈΠ²Π° ( data.v
) Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΈΡΡΠΎΡΠ½ΠΈΠΊΠ° Π΄Π°Π½Π½ΡΡ
Π΄Π»Ρ ΠΎΡΡΠ°Π»ΡΠ½ΠΎΠΉ ΡΠ°ΡΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ.
ΠΠ°ΠΊΠΎΠ½Π΅Ρ, ΠΌΠ΅ΡΠΎΠ΄ build()
ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ Π΄Π°Π½Π½ΡΠ΅, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΡ ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΠ»ΠΈ, Π΄Π»Ρ ΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ Π·Π°ΠΏΡΡΠΊΠ° ΠΊΠΎΠ΄Π°, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΠ°Π½ΠΈΠΏΡΠ»ΠΈΡΡΠ΅Ρ HTML, ΠΈ ΡΡΠΎ ΡΠΎ, ΡΡΠΎ Π²Ρ Π²ΠΈΠ΄ΠΈΡΠ΅ Π² ΡΠ²ΠΎΠ΅ΠΌ Π²Π΅Π±-Π±ΡΠ°ΡΠ·Π΅ΡΠ΅.
ΠΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ΅, Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ HTML. (Π Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ CSS, ΡΡΠΎΠ±Ρ ΡΠ°Π±Π»ΠΈΡΠ° Π²ΡΠ³Π»ΡΠ΄Π΅Π»Π° ΠΏΡΠΈΠ»ΠΈΡΠ½ΠΎ. ) Π‘Π°ΠΌΠΎΠ΅ Π³Π»Π°Π²Π½ΠΎΠ΅, ΡΡΠΎ
div
ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ ΠΈΠΌΠ΅Π΅Ρ ΠΊΠ»Π°ΡΡ "ΡΡΠΎΠ»-ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ"
. ΠΠ»Π°ΡΡ Table
ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΈΡΠ΅Ρ ΡΡΠΎΡ ΠΊΠ»Π°ΡΡ Π΄Π»Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΡΡΡΠΎΠΈΡΡ ΡΡΠΎ, ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ² ΡΡΡΠΎΠΊΡ Π²ΡΠ±ΠΎΡΠ° jQuery Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ° Π² ΠΌΠ΅ΡΠΎΠ΄Π΅ table.build([ΡΡΡΠΎΠΊΠ° Π²ΡΠ±ΠΎΡΠ° jQuery])
.
ΠΡΡΠ΅ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π° ΡΠ°Π±ΠΎΡΠ°Ρ Π²Π΅ΡΡΠΈΡ Π²ΡΠ΅Π³ΠΎ ΠΊΠΎΠ΄Π° Π²ΡΡΠ΅. ΠΠΎΠ»Π½ΡΠΉ ΠΊΠΎΠ΄, ΠΊΠΎΡΠΎΡΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΏΠΎΡΡΠ°, ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡΠΈ Π½Π° ΠΌΠΎΠ΅ΠΌ GitHub.
β) //ΡΠΎΠ·Π΄Π°Π΅Ρ ΡΡΠ΅ΠΉΠΊΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ var td = $(β | β) //ΡΠΎΠ·Π΄Π°Π΅Ρ ΡΡΠ΅ΠΉΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ var header = tr.clone() //ΡΠΎΠ·Π΄Π°Π΅Ρ ΡΡΡΠΎΠΊΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° //Π·Π°ΠΏΠΎΠ»Π½ΡΠ΅Ρ ΡΡΡΠΎΠΊΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° this.header.forEach (ΡΡΠ½ΠΊΡΠΈΡ (d) { header.append(th.clone().text(d)) }) // ΠΏΡΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΡΠ΅ΠΌ ΡΡΡΠΎΠΊΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° table.append($(β |
---|
ΠΡΡΡΠΈΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡ jQuery, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΡΠΎΠΈΡ ΠΏΠΎΠΏΡΠΎΠ±ΠΎΠ²Π°ΡΡ
ΠΠ»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄Π°Π½Π½ΡΡ Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ°Ρ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ div Π²ΠΌΠ΅ΡΡΠΎ HTML-ΡΠ°Π±Π»ΠΈΡ. Π¦Π΅Π»Ρ ΡΠΎΡΡΠΎΠΈΡ Π² ΡΠΎΠΌ, ΡΡΠΎΠ±Ρ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠΈΡΡ ΠΊΠΎΠ½Π΅ΡΠ½ΠΎΠΌΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π»ΡΡΡΠΈΠΉ ΠΎΠΏΡΡ.
ΠΠΌΠ΅Π½Π½ΠΎ ΠΏΠΎΡΡΠΎΠΌΡ ΠΌΡ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΡΠ΅ΠΌ ΠΏΠ»Π°Π³ΠΈΠ½Ρ ΡΠ°Π±Π»ΠΈΡ jQuery Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ². ΠΡΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ ΡΠ°ΠΊΠΈΠΌ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ, ΠΊΠ°ΠΊ Π²Ρ, ΡΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ, ΡΠΏΡΠ°Π²Π»ΡΡΡ ΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ Π΄Π°Π½Π½ΡΠ΅ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π±Π΅Π· ΡΡΠΈΠ»ΠΈΠΉ.
ΠΠΎΠΌΠ°Π½Π΄Π° ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΠΎΠ² ΠΈΠ· wpDataTables ΡΠΎΠ±ΡΠ°Π»Π° Π»ΡΡΡΠΈΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡ jQuery, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡΠ½ΡΡ
Π΄Π°Π½Π½ΡΡ
.
ΠΠ·Π³Π»ΡΠ½ΠΈΡΠ΅ Π½Π° Π½ΠΈΡ !
ΠΠ»Π°Π³ΠΈΠ½Ρ Neat jQuery Table
FreezeheaderFreezeheader, ΠΊΠ°ΠΊ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΈΠ· Π½Π°Π·Π²Π°Π½ΠΈΡ, Π·Π°ΠΌΠΎΡΠ°ΠΆΠΈΠ²Π°Π΅Ρ ΡΡΡΠΎΠΊΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π² ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠΉ HTML-ΡΠ°Π±Π»ΠΈΡΠ΅. ΠΡΠΎ ΠΏΡΠΎΡΡΠΎΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery, ΡΠ°ΠΊΠΆΠ΅ ΠΈΠ·Π²Π΅ΡΡΠ½ΡΠΉ ΠΊΠ°ΠΊ ΡΠ°Π±Π»ΠΈΡΠ° ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ².
jQueryTableditjQueryTabledit β Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ HTML-ΡΠ°Π±Π»ΠΈΡ, ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠΉ Ρ Bootstrap. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ Π΄Π°Π½Π½ΡΠ΅ ΠΊΠ°ΠΊ Π² ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΠ΅, ΡΠ°ΠΊ ΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π΄Π»Ρ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅ΠΆΠΈΠΌΠ°ΠΌΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ°.
Π’Π°Π±Π»ΠΈΡΠ° ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ²ΠΡΠΎΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery ΡΠΎΠ·Π΄Π°Π΅Ρ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°ΠΌΠΈ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ Π΄Π»Ρ Π»ΡΠ±ΠΎΠΉ Π΄ΠΎΠΏΡΡΡΠΈΠΌΠΎΠΉ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ HTML.
WaTableWaTable β ΡΡΠΎ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡ jQuery. ΠΠ½ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ Π²Π°ΡΠΈΠ°Π½ΡΡ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ, ΡΠ°Π·Π±ΠΈΠ²ΠΊΠΈ ΠΏΠΎ ΡΡΡΠ°Π½ΠΈΡΠ°ΠΌ ΠΈ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΠΈ.
Π₯ΠΎΡΠΈΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π΄Π°Π½Π½ΡΡ Π² WordPress?
wpDataTables ΠΌΠΎΠΆΠ΅Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ Π·Π° Π²Π°Ρ. ΠΡΡΡ Π²Π΅ΡΠΊΠ°Ρ ΠΏΡΠΈΡΠΈΠ½Π°, ΠΏΠΎ ΠΊΠΎΡΠΎΡΠΎΠΉ ΡΡΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ WordPress β1 Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΡ
ΡΠ°Π±Π»ΠΈΡ ΠΈ Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌ.
Π ΠΎΡΠ΅Π½Ρ Π»Π΅Π³ΠΊΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ-ΡΠΎ Π²ΡΠΎΠ΄Π΅ ΡΡΠΎΠ³ΠΎ:
- ΠΡ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ
- ΠΠ°ΡΡΡΠΎΠΈΡΡ ΠΈ Π½Π°ΡΡΡΠΎΠΈΡΡ
- ΠΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°ΡΡ Π² ΠΏΠΎΡΡΠ΅ ΠΈΠ»ΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅
Π ΡΡΠΎ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΊΡΠ°ΡΠΈΠ²ΠΎ, Π½ΠΎ ΠΈ ΠΏΡΠ°ΠΊΡΠΈΡΠ½ΠΎ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π±ΠΎΠ»ΡΡΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΌΠΈΠ»Π»ΠΈΠΎΠ½Π°ΠΌΠΈ ΡΡΡΠΎΠΊ, ΠΈΠ»ΠΈ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΠ΅ ΡΠΈΠ»ΡΡΡΡ ΠΈ ΠΏΠΎΠΈΡΠΊ, ΠΈΠ»ΠΈ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΡΠ΅ΠΌΡΠΌΠΈ.
Β«ΠΠ°, Π½ΠΎ Ρ ΠΏΡΠΎΡΡΠΎ ΡΠ»ΠΈΡΠΊΠΎΠΌ Π»ΡΠ±Π»Ρ Excel, Π° Π½Π° ΡΠ°ΠΉΡΠ°Ρ Π½ΠΈΡΠ΅Π³ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ Π½Π΅ΡΒ». ΠΠ°, Π΅ΡΡΡ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠ»ΠΎΠ²Π½ΠΎΠ΅ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅, ΠΊΠ°ΠΊ Π² Excel ΠΈΠ»ΠΈ Google Sheets.
Π― Π³ΠΎΠ²ΠΎΡΠΈΠ» Π²Π°ΠΌ, ΡΡΠΎ Π²Ρ ΡΠΎΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌΡ Ρ Π²Π°ΡΠΈΠΌΠΈ Π΄Π°Π½Π½ΡΠΌΠΈ? Π ΡΡΠΎ ΡΠΎΠ»ΡΠΊΠΎ ΠΌΠ°Π»Π°Ρ ΡΠ°ΡΡΡ. ΠΡΡΡ ΠΌΠ½ΠΎΠ³ΠΎ Π΄ΡΡΠ³ΠΈΡ ΡΡΠ½ΠΊΡΠΈΠΉ Π΄Π»Ρ Π²Π°Ρ.
Π’Π°Π±Π»ΠΈΡΠ° Π΄Π°Π½Π½ΡΡ Bootstrap ΠΡΠΎΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΡΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΠΈ. Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡΡΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ, ΠΏΡΠΎΠ»ΠΈΡΡΡΠ²Π°ΡΡ ΠΈ ΡΠΈΠ»ΡΡΡΠΎΠ²Π°ΡΡ HTML-ΡΠ°Π±Π»ΠΈΡΡ. ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ Π΄Π»Ρ Π·Π½Π°ΡΠΊΠΎΠ² FontAwesome, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ
Π² Π·Π½Π°ΡΠΊΠ°Ρ
ΡΠ°Π±Π»ΠΈΡ.
Datatable β ΡΡΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ ΡΠ°Π±Π»ΠΈΡΡ Π΄Π°Π½Π½ΡΡ . ΠΠ½ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ°Π±Π»ΠΈΡ jQuery, ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΠΈ ΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠΈ AJAX.
Bootstrap TableΠΡΠΎ ΠΎΡΠ΅Π½Ρ Π»Π΅Π³ΠΊΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Ρ Π±ΠΎΠ³Π°ΡΡΠΌ Π½Π°Π±ΠΎΡΠΎΠΌ ΡΡΠ½ΠΊΡΠΈΠΉ. ΠΠ½ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅Ρ Π΄Π°Π½Π½ΡΠ΅ Π² ΡΠ°Π±Π»ΠΈΡΠ½ΠΎΠΌ ΡΠΎΡΠΌΠ°ΡΠ΅. ΠΠ½ ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ Π±ΠΎΠ³Π°ΡΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ Π΄Π»Ρ ΡΠ°Π΄ΠΈΠΎ, ΡΠ»Π°ΠΆΠΊΠΎΠ², ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ ΡΠ°Π±Π»ΠΈΡ Bootstrap, ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ Ρ. Π΄. SQL, MS Word, MS Excel, MS Powerpoint ΠΈΠ»ΠΈ PDF.
StickyTableHeadersStickyTableHeaders β ΡΡΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π·Π°ΡΡΠ°Π²Π»ΡΠ΅Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΏΡΠΈΠΊΡΠ΅ΠΏΠ»ΡΡΡΡΡ ΠΊ Π²Π΅ΡΡ Π½Π΅ΠΉ ΡΠ°ΡΡΠΈ ΡΠΊΡΠ°Π½Π° ΠΏΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ jQuery. ΠΡΠΎ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ Π΄Π»Ρ Π±ΠΎΠ»ΡΡΠΈΡ ΡΠ°Π±Π»ΠΈΡ.
jQuery edit Table ΠΡΠΎ Π»Π΅Π³ΠΊΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery, ΠΊΠΎΡΠΎΡΡΠΉ Π·Π°ΠΏΠΎΠ»Π½ΡΠ΅Ρ ΠΏΡΠΎΠ±Π΅Π», ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»Π΅ Π²Π²ΠΎΠ΄Π° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡ Π΄Π°Π½Π½ΡΡ
ΠΎΡΡΡΡΡΡΠ²ΡΠ΅Ρ. Π Π΅Π΄Π°ΠΊΡΠΈΡΡΠ΅ΠΌΠ°Ρ ΡΠ°Π±Π»ΠΈΡΠ° jQuery ΠΌΠΎΠΆΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΊΠ°ΠΊ Π² ΡΠΎΡΠ΅Π²Π½ΠΎΠ²Π°Π½ΠΈΡΡ
AJAX, ΡΠ°ΠΊ ΠΈ/ΠΈΠ»ΠΈ HTTP POST. ΠΡΠΎ ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²Π°ΠΌ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΡΠΎΠ»Π±ΡΠΎΠ². Π’Π°ΠΊΠΆΠ΅ Π΅ΡΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π΄Π°ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΠΎΠ»Π½ΡΡ ΡΠ²ΠΎΠ±ΠΎΠ΄Ρ.
Dynatable ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈΠΌ, ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠΌ ΠΈ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠΌ Π² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ. ΠΠ½ ΡΠ°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ HTML5 ΠΈ JSON. ΠΠ½ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠ°ΡΡΠΈΡΡΠ΅ΠΌΡΠΉ API. ΠΡΠΎ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ Π΄Π»Ρ Π±ΠΎΠ»ΡΡΠΈΡ Π½Π°Π±ΠΎΡΠΎΠ² Π΄Π°Π½Π½ΡΡ , ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΎΠ±Π»Π΅Π³ΡΠ°Π΅Ρ ΠΏΡΠΎΡΠΌΠΎΡΡ ΠΈ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅.
Dynatable ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΏΠ»Π°ΡΡΠΎΡΠΌΡ Π΄Π»Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΈΠ· ΠΊΠΎΡΠΎΠ±ΠΊΠΈ, ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ ΠΏΠΎΠΈΡΠΊ ΠΏΠΎ ΡΠ°Π±Π»ΠΈΡΠ΅ jQuery. ΠΡΠΎ ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ Π΄Π»Ρ Π»ΡΠ±ΠΎΠΉ ΡΠΎΡΡΠΈΡΡΠ΅ΠΌΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ jQuery ΠΈ Π΄Π»Ρ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΠΈ.
Π’Π°Π±Π»ΠΈΡΠ° HighChart HighchartTable β Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΡΡΠΈΡ
ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡ. ΠΠ½ ΠΏΡΠΎΡΡΡΠΌ ΡΠΏΠΎΡΠΎΠ±ΠΎΠΌ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΡΠ΅Ρ ΡΠ°Π±Π»ΠΈΡΡ Π΄Π°Π½Π½ΡΡ
HTML Π² Π³ΡΠ°ΡΠΈΠΊΠΈ Highchart. ΠΠ½ ΠΈΠΌΠ΅Π΅Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ Π°ΡΡΠΈΠ±ΡΡΠΎΠ², ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΡ
Π½Π°ΡΡΡΠ°ΠΈΠ²Π°ΡΡ Π³ΡΠ°ΡΠΈΠΊ.
jQuery Table Sorter
jQuery Table Sorter ΡΠ°ΠΊΠΆΠ΅ ΡΠ²Π»ΡΠ΅ΡΡΡ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²ΠΎΠΉ DataTables. ΠΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery ΡΠΎΠ·Π΄Π°Π΅Ρ HTML-ΡΠ°Π±Π»ΠΈΡΡ ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅Ρ Π² Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ THEAD ΠΈ TBODY. ΠΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π±Π΅Π· Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎΠ³ΠΎ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΎΡΠ΅Π½Ρ Π³ΠΈΠ±ΠΊΠΈΠΉ ΠΈ ΠΌΠΎΠΆΠ΅Ρ Π°Π½Π°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ ΠΈ ΡΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΡΠΈΠΏΡ Π΄Π°Π½Π½ΡΡ . ΠΠ½ Π΄Π°ΠΆΠ΅ ΡΠΏΠΎΡΠΎΠ±Π΅Π½ ΠΎΠ±ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡ ΡΠ²ΡΠ·Π°Π½Π½ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅ Π² ΡΡΠ΅ΠΉΠΊΠ΅. ΠΠ½ ΠΌΠΎΠΆΠ΅Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π² ΡΠ°Π±Π»ΠΈΡΡ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΡ ΠΏΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌ ΡΡΠΎΠ»Π±ΡΠ°ΠΌ ΠΈ ΠΏΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌ ΡΠ΅Π»Π°ΠΌ.
Π’Π°ΠΊΠΆΠ΅ ΡΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΠΎΡΠ»ΠΈΡΠ½ΡΡ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΡ Ρ ΡΠ°Π·Π½ΡΠΌΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌΠΈ. Π‘ΡΠ΅Π΄ΠΈ ΠΏΡΠΎΡΠ΅Π³ΠΎ, ΠΎΠ½ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Ρ Internet Explorer 6.0+, Firefox 2+, Opera 9.0+ ΠΈ Safari 2.0+. ΠΠ½ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΡΠ°ΡΡΠΈΡΡΠ΅ΠΌΠΎΡΡΡ ΡΠ΅ΡΠ΅Π· ΡΠΈΡΡΠ΅ΠΌΡ Π²ΠΈΠ΄ΠΆΠ΅ΡΠΎΠ².
ReStable ReStable β ΠΎΡΠ΅Π½Ρ ΠΏΡΠΎΡΡΠΎΠΉ ΠΈ Π»Π΅Π³ΠΊΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΡ
ΡΠ°Π±Π»ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Ρ
ΠΎΡΠΎΡΠΎ ΡΠΌΠΎΡΡΡΡΡΡ Π½Π° Π½Π΅Π±ΠΎΠ»ΡΡΠΈΡ
ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ
. ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠΎΠ³ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½Π° Π»ΡΠ±Π°Ρ Π°Π΄Π°ΠΏΡΠΈΠ²Π½Π°Ρ ΡΠ°Π±Π»ΠΈΡΠ° jQuery ΡΠ²ΠΎΡΠ°ΡΠΈΠ²Π°Π΅ΡΡΡ Π² ΡΠΏΠΈΡΠΎΠΊ.
ΠΡΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡ jQuery, ΡΠ΄ΠΎΠ±Π½ΡΡ Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ².
Π’Π°Π±Π»ΠΈΡΠ° ΡΠΈΠ»ΡΡΡΠΎΠ² jQueryΠΠ»Π°Π³ΠΈΠ½ jQuery Filter Table ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ Π²Π°ΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΆΠΈΠ²ΠΎΠ³ΠΎ ΠΏΠΎΠΈΡΠΊΠ° ΠΈ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΠΈ HTML-ΡΠ°Π±Π»ΠΈΡ Π² ΠΏΠ»Π°Π³ΠΈΠ½Π΅ jQuery. ΠΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΡΠ°ΠΊΠΆΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ Π² Π²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΠΉ ΡΠΈΠ»ΡΡΡ jQuery. ΠΡΠΎ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ Π²ΡΡΠΊΠΈΠΉ ΡΠ°Π·, ΠΊΠΎΠ³Π΄Π° Π²Ρ Π²Π²ΠΎΠ΄ΠΈΡΠ΅ ΡΡΠΎ-Π»ΠΈΠ±ΠΎ Π² ΡΠΈΠ»ΡΡΡ jQuery, Π»ΡΠ±ΡΠ΅ ΡΡΡΠΎΠΊΠΈ, Π½Π΅ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΠ΅ ΡΠΈΠ»ΡΡΡ, Π±ΡΠ΄ΡΡ ΡΠΊΡΡΡΡ Π² ΡΠ°Π±Π»ΠΈΡΠ΅.
Stupid TableStupidTable β ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ ΡΠ°Π±Π»ΠΈΡ. ΠΠ½ Π΄ΠΎ Π°Π±ΡΡΡΠ΄Π° Π»Π΅Π³ΠΊΠΈΠΉ ΠΈ Π΄ΠΎ Π³Π»ΡΠΏΠΎΡΡΠΈ ΠΏΡΠΎΡΡΠΎΠΉ. ΠΠ°ΠΆΠ½ΠΎ ΡΠΎΠ»ΡΠΊΠΎ ΡΠΎ, ΡΡΠΎ Π²Ρ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅ΡΠ΅ ΠΎΡΠ½ΠΎΠ²Ρ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ ΡΠ°Π±Π»ΠΈΡ JavaScript. ΠΡΠΈ ΡΡΠΎΠΌ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΠΎΠ²Π°ΡΡ ΡΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΡΠ°Π±Π»ΠΈΡΡ jQuery. ΠΠ°ΡΡΠ°Π²ΡΡΠ΅ Π΅Π³ΠΎ Π΄Π΅Π»Π°ΡΡ ΡΡΠΎΠ»ΡΠΊΠΎ ΠΈΠ»ΠΈ ΠΌΠ΅Π½ΡΡΠ΅, ΠΊΠ°ΠΊ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅!
Stacktable.js ΠΡΡΠ³ΠΎΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡ β Stacktable.js. ΠΡΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΡ Π²ΡΡΠΎΡΡ ΠΈ/ΠΈΠ»ΠΈ ΡΠΈΡΠΈΠ½Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠ°Π±Π»ΠΈΡΡ jQuery. ΠΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠΏΠΎΡΠΎΠ± ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΡ ΡΠΈΡΠΎΠΊΠΈΡ
ΡΠ°Π±Π»ΠΈΡ jQuery Π² ΡΠΎΡΠΌΠ°Ρ, Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄ΡΡΠΈΠΉ Π΄Π»Ρ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΡ
ΡΠΊΡΠ°Π½ΠΎΠ². ΠΠ½ ΡΠΎΠ·Π΄Π°ΡΡ ΠΊΠΎΠΏΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΈ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΡΠ΅Ρ Π΅Π΅ Π² ΡΠΎΡΠΌΠ°Ρ ΠΊΠ»ΡΡΠ°/Π·Π½Π°ΡΠ΅Π½ΠΈΡ Ρ Π΄Π²ΡΠΌΡ ΡΡΠΎΠ»Π±ΡΠ°ΠΌΠΈ.
HTML-ΡΠ°Π±Π»ΠΈΡΡ FooTablemakes ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Ρ Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ². ΠΠ΅Π·Π°Π²ΠΈΡΠΈΠΌΠΎ ΠΎΡ ΡΠΎΠ³ΠΎ, ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠΎΠ»Π±ΡΠΎΠ² Π΄Π°Π½Π½ΡΡ Ρ Π²Π°Ρ Π΅ΡΡΡ Π² ΡΠ°Π±Π»ΠΈΡΠ΅, ΠΏΠ»Π°Π³ΠΈΠ½ FooTable ΡΠ΄Π΅Π»Π°Π΅Ρ Π΅Π΅ ΠΏΠΎΡΡΡΡΠ°ΡΡΠ΅ΠΉ. ΠΠ½ ΠΏΡΠ΅Π²ΡΠ°ΡΠ°Π΅Ρ ΡΠ°Π±Π»ΠΈΡΡ HTML Π² ΠΊΡΠ°ΡΠΈΠ²ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°ΡΡΠΈΡΡΡΡ ΠΈ ΡΠ΅Π°Π³ΠΈΡΠΎΠ²Π°ΡΡ.
ΠΠ»Π°Π³ΠΈΠ½ JSON To Bootstrap TableΠΠ»Π°Π³ΠΈΠ½ JSON To Bootstrap Table β ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΡΠ°ΠΌΡΡ ΠΏΡΠΎΡΡΡΡ Π² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡ jQuery. ΠΡΠΎ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΡ ΡΠ°Π±Π»ΠΈΡ ΠΈΠ· Π΄Π°Π½Π½ΡΡ ΡΠ°ΠΉΠ»Π° JSON. ΠΠ½ Π±ΡΠ΄Π΅Ρ ΠΈΠ·Π²Π»Π΅ΠΊΠ°ΡΡ Π΄Π°Π½Π½ΡΠ΅ ΠΈΠ· Π±ΡΠΊΡΠ½Π΄Π° (ΡΠ°ΠΉΠ» JSON, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΠ±ΡΡΠ½ΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΡΡ JavaScript) ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π½Π° ΠΈΡ ΠΎΡΠ½ΠΎΠ²Π΅ ΡΠ°Π±Π»ΠΈΡΡ.
ΠΠ°ΠΌ Π½ΡΠΆΠ½ΠΎ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΡΠΎΠ°Π½Π°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ Π²Π°ΡΠΈ Π΄Π°Π½Π½ΡΠ΅ JSON ΠΈ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΡ ΠΈΡ
ΠΏΠ»Π°Π³ΠΈΠ½Ρ JSON To Bootstrap Table. ΠΠ»Π°Π³ΠΈΠ½ jQuery Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ
ΡΡΡΡΠΎΠΉΡΡΠ² Π·Π°ΡΠ΅ΠΌ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ, Π²ΠΊΠ»ΡΡΠ°Ρ ΡΡΠ½ΠΊΡΠΈΡ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ Bootstrap ΠΈ ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΡΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ ΡΠ°Π±Π»ΠΈΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡ ΡΠ΅Π½ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ CSS3 ΠΈ jQuery. ΠΠ½ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΠΈΡΡΡΠ΅ ΡΡΡΠ΅ΠΊΡΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ CSS3 Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠ°Π±Π»ΠΈΡ. ΠΠ½ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΡΠΈΠ»ΠΈ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ Π΄Π»Ρ ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠΎΠ² Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΠ΅ΠΉ ΡΠ°Π±Π»ΠΈΡ.
Π‘ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠΎΠ³ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½Π° ΡΠ°Π±Π»ΠΈΡ jQuery Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΡΠ΅Π½Π°ΠΌΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΠΌΠ΅ΡΡ ΡΠ°Π·Π½ΡΠ΅ ΡΠ²Π΅ΡΠΎΠ²ΡΠ΅ ΡΡΠΈΠ»ΠΈ. ΠΡ Π΄Π°ΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π·Π½Π°ΡΠΊΠΈ ΠΈ Π±Π°Π½Π½Π΅ΡΡ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΌΠ΅ΡΠΈΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ ΠΏΠ»Π°Π½Ρ.
ΠΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½Π° ΠΏΠΎΠΌΠΎΡΡ, ΡΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ Π²Π°ΠΌ ΡΠ°ΡΡΠΎ Π·Π°Π΄Π°Π²Π°Π΅ΠΌΡΠ΅ Π²ΠΎΠΏΡΠΎΡΡ ΠΈ ΠΈΡΡ ΠΎΠ΄Π½ΡΠ΅ ΡΠ°ΠΉΠ»Ρ, Ρ ΠΊΠΎΡΠΎΡΡΠΌΠΈ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡΡΡΡ. ΠΠ½ ΡΠ°ΠΊΠΆΠ΅ Π²ΠΊΠ»ΡΡΠ°Π΅Ρ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠ΅ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ Π½Π° Π±ΡΠ΄ΡΡΠ΅Π΅.
Π’Π°Π±ΡΠ»ΡΡΠΎΡ Π’Π°Π±ΡΠ»ΡΡΠΎΡ β Π΅ΡΠ΅ ΠΎΠ΄Π½Π° Π·Π°ΠΏΠΈΡΡ Π² Π½Π°ΡΠ΅ΠΉ ΡΡΠ°ΡΡΠ΅ ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½Π°Ρ
ΡΠ°Π±Π»ΠΈΡ jQuery. ΠΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ
ΠΈ ΡΠ°ΡΡΠΈΡΡΠ΅ΠΌΡΡ
ΡΠ°Π±Π»ΠΈΡ. ΠΠ½ΠΈ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΈΠ· HTML, ΠΌΠ°ΡΡΠΈΠ²Π° JavaScript, ΠΈΡΡΠΎΡΠ½ΠΈΠΊΠ° Π΄Π°Π½Π½ΡΡ
AJAX ΠΈΠ»ΠΈ Π΄Π°Π½Π½ΡΡ
JSON.
ΠΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ ΡΠΈΡΠΎΠΊΠΈΠΌ Π½Π°Π±ΠΎΡΠΎΠΌ ΡΡΠ½ΠΊΡΠΈΠΉ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΠ½ΠΊΡΠΈΡ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΠΈ, ΡΡΠ½ΠΊΡΠΈΡ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ, Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΡ ΡΠΈΡΠΈΠ½Ρ ΡΡΠΎΠ»Π±ΡΠΎΠ², ΠΈΠ½ΡΠ΅Π»Π»Π΅ΠΊΡΡΠ°Π»ΡΠ½ΡΡ Π·Π°Π³ΡΡΠ·ΠΊΡ Π΄Π°Π½Π½ΡΡ ΡΠ°Π±Π»ΠΈΡΡ, Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ ΡΡΡΠ°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ jQuery ΠΈ ΠΏΡΡΠΌΠΎΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π²Π²ΠΎΠ΄Π° ΡΠ°Π±Π»ΠΈΡΡ.
Π’Π°Π±ΡΠ»ΡΡΠΎΡ ΠΈΠΌΠ΅Π΅Ρ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ ΠΈ Π² ΡΠ΅Π»ΠΎΠΌ ΠΎΡΠ΅Π½Ρ Π³ΠΈΠ±ΠΊΠΈΠΉ. ΠΠ° Π΅Π³ΠΎ Π²Π΅Π±-ΡΠ°ΠΉΡΠ΅ ΠΎΠΏΠΈΡΠ°Π½Ρ Π²ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ, ΠΈ ΠΏΠΎΡΡΠΎΠΌΡ ΠΌΡ ΡΠ΅ΡΠΈΠ»ΠΈ Π²ΠΊΠ»ΡΡΠΈΡΡ Π΅Π³ΠΎ Π² ΡΡΠΎΡ ΡΠΏΠΈΡΠΎΠΊ.
ΠΠΎΠΊΡΠΌΠ΅Π½ΡΡ ΠΎΡΠ΅Π½Ρ ΠΏΡΠΎΡΡΡ Π΄Π»Ρ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΡ ΠΈ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π²ΠΌΠ΅ΡΡΠ΅ Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΌΠΈ ΠΏΡΠΈΠΌΠ΅ΡΠ°ΠΌΠΈ. ΠΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ Π΄Π»ΠΈΠ½Π½Π°Ρ ΠΈ ΡΠ»ΠΎΠΆΠ½Π°Ρ, Π½ΠΎ ΠΎΠ½Π° ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π²ΡΠ΅, ΡΡΠΎ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π·Π½Π°ΡΡ, ΡΡΠΎΠ±Ρ Π½Π°ΡΠ°ΡΡ ΡΠ°Π±ΠΎΡΡ Ρ ΡΡΠΈΠΌ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ ΡΠ°Π±Π»ΠΈΡΡ jQuery.
FancyGrid FancyGrid β ΡΡΠΎ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡ jQuery, ΠΊΠΎΡΠΎΡΡΠΉ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅Ρ Π΄ΡΡΠ³ΠΈΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ ΠΊ Π²Π°ΡΠΈΠΌ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΌ ΡΠ°Π±Π»ΠΈΡΠ°ΠΌ. ΠΡΠΎ Π΄Π°Π΅Ρ ΡΠ°Π±Π»ΠΈΡΠ°ΠΌ Π΄Π°Π½Π½ΡΡ
Π±ΠΎΠ»ΡΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ.
ΠΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½Π° ΠΏΡΠΎΡΡΠ°Ρ, ΡΠ»Π΅Π³ΠΊΠ° ΠΎΡΠΎΡΠΌΠ»Π΅Π½Π½Π°Ρ ΡΠ°Π±Π»ΠΈΡΠ°, FancyGrid ΠΏΠΎΠ·Π°Π±ΠΎΡΠΈΡΡΡ ΠΎ ΡΠΎΠΌ, ΡΡΠΎΠ±Ρ Π²Ρ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΈ ΠΏΡΠΈΡΡΠ΄Π»ΠΈΠ²ΡΡ HTML-ΡΠ°Π±Π»ΠΈΡΡ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ. ΠΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½Π° ΡΠ°Π±Π»ΠΈΡΠ° Ρ ΡΠΈΠ»ΡΡΡΠ°ΠΌΠΈ ΠΈΠ»ΠΈ ΡΡΠ½ΠΊΡΠΈΡΠΌΠΈ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ ΠΈ ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ, FancyGrid ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡ Π²Π°ΠΌ ΡΡΠΎ. Π Π»ΡΠ±ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π²Π°ΡΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΠΏΠΎΠ»ΡΡΠ°Ρ ΠΎΡΠ»ΠΈΡΠ½ΡΠΉ ΠΎΠΏΡΡ ΡΠ°Π±ΠΎΡΡ Π·Π° ΡΡΠΎΠ»ΠΎΠΌ.
FancyGrid ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ ΡΠΏΠΎΡΠΎΠ±Π°ΠΌΠΈ, Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ, ΡΡΠΎΠ±Ρ ΡΡΠΈΠ»ΠΈΠ·ΠΎΠ²Π°ΡΡ ΡΠ²ΠΎΠΈ ΡΡΠΎΠ»Ρ, ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈΠ· Π½ΠΈΡ ΠΊΡΠ°ΡΠΈΠ²ΡΠ΅ ΡΡΠΎΠ»Ρ. ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ Π΄Π»Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ Π½ΠΎΠ²ΡΡ ΡΡΠ½ΠΊΡΠΈΠΉ. ΠΠ»ΠΈ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠ½ΡΠ΅Π³ΡΠΈΡΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ Ρ Highcharts Π΄Π»Ρ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π΄Π°Π½Π½ΡΡ .
jQueryTreetablejQueryTreetable ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ Π΄Π΅ΡΠ΅Π²ΠΎ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ HTML. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΡΡΠΊΡΡΡΡ ΠΊΠ°ΡΠ°Π»ΠΎΠ³ΠΎΠ² ΠΈΠ»ΠΈ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ.
jQueryKingTable ΠΡΠΎΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΡΠ»ΠΈΡΠ½ΡΠΌ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ Π΄Π»Ρ ΡΠ΅Ρ
, ΠΊΡΠΎ Ρ
ΠΎΡΠ΅Ρ ΠΈΠΌΠ΅ΡΡ ΠΏΠΎΠ»Π½ΡΠΉ ΠΊΠΎΠ½ΡΡΠΎΠ»Ρ Π½Π°Π΄ ΡΠ΅ΠΌ, ΠΊΠ°ΠΊ Π±ΡΠ΄Π΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΈΡ
ΡΠ°Π±Π»ΠΈΡΠ° Π΄Π°Π½Π½ΡΡ
. ΠΠ½ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΠΎ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄ΠΈΡ Π΄Π»Ρ ΡΡΠ΅ΡΠ½ΡΡ
Π·Π°ΠΏΠΈΡΠ΅ΠΉ, ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠ°ΠΌΠΈ ΠΈΠ»ΠΈ Π΄ΡΡΠ³ΠΈΡ
Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ Π² Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΡΡΠ΅ΠΏΠ΅Π½ΠΈ ΡΠΎΡΡΠ΅Π΄ΠΎΡΠΎΡΠ΅Π½Ρ Π½Π° Π΄Π°Π½Π½ΡΡ
.
ΠΡΠΎ ΡΠ»ΠΎΠΆΠ½ΡΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ, ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ Π½Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ², ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΡΠ°Π±Π»ΠΈΡΠ½ΡΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ»ΠΎΠΆΠ½ΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΡ ΠΏΠΎΠΈΡΠΊΠ° ΠΈ ΡΡΡΠΎΠ³ΠΈΠΌΠΈ ΡΡΠ»ΠΎΠ²ΠΈΡΠΌΠΈ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΠΈ.
Π ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΡ Π΄ΡΡΠ³ΠΈΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΡ ΠΌΠΎΠ΄ΡΠ»Π΅ΠΉ ΡΠ°Π±Π»ΠΈΡ jQuery, ΡΡΠΎΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ ΡΠ°Π±Π»ΠΈΡ jquery ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Π·Π°Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½ Π½Π° GitHub. ΠΠΌΡ Π΄Π°ΠΆΠ΅ ΠΏΠΎΡΠ²ΡΡΠ΅Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ° Π² ΠΠΈΠΊΠΈΠΏΠ΅Π΄ΠΈΠΈ, Π³Π΄Π΅ ΠΎΠΏΠΈΡΠ°Π½Ρ Π²ΡΠ΅ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π° ΠΈ Π²Π°ΡΠΈΠ°Π½ΡΡ Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ.
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ Π²ΠΊΠ»ΡΡΠ°ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ ΡΠ΅ΠΌ, Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Ρ ΠΈΡ ΠΏΠΎΠ΄ ΡΠ²ΠΎΠΈ Π½ΡΠΆΠ΄Ρ. ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΈΠ»ΡΡΡΠΎΠ² ΠΈ ΡΠΎΠ±ΡΡΠΈΠΉ, ΠΊ ΠΊΠΎΡΠΎΡΡΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠΈΡΡΡΡ, ΡΡΠΎΠ±Ρ ΡΠΏΡΠΎΡΡΠΈΡΡ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ Π΄Π°Π½Π½ΡΠΌΠΈ.
ΠΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΡΠ΅Ρ
, ΠΊΡΠΎ ΡΠΌΠ΅Π΅Ρ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ²ΠΎΠΈ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠ΅ ΡΠΈΠ»ΡΡΡΡ ΠΈ ΠΌΠ΅Ρ
Π°Π½ΠΈΠ·ΠΌΡ Π΄Π°Π½Π½ΡΡ
. ΠΡΠΎ ΡΠΈΠ»ΡΠ½ΠΎ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ². ΠΡΠ»ΠΈ Π²Ρ ΠΈΡΠ΅ΡΠ΅ Π±Π°Π·ΠΎΠ²ΡΠ΅ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ, Π΄ΡΡΠ³ΠΈΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄ΡΡΠΈΠΌΠΈ.
ΠΡΠΎ Π»ΠΈΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΠ· ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΡ ΠΌΠΎΠ΄ΡΠ»Π΅ΠΉ ΡΠ°Π±Π»ΠΈΡ jQuery, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΡΠ²ΠΎΠΈΡ ΡΠ°Π±Π»ΠΈΡ Π΄Π°Π½Π½ΡΡ . ΠΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π² ΡΠ²ΠΎΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠ°Ρ Π΄Π»Ρ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ ΠΈ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΠΈ ΠΈ Π²Π½Π΅ΡΠ½Π΅Π³ΠΎ Π²ΠΈΠ΄Π° Π²Π°ΡΠΈΡ ΡΠ°Π±Π»ΠΈΡ. ΠΡΠ»ΠΈ Π²Π°Ρ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π»Π΅Π³ΠΊΠΈΠ΅ ΡΡΠΈΠ»ΠΈ ΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΡΠ°ΡΠΈΠ²ΡΡ ΡΠ°Π±Π»ΠΈΡ, Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ Π΅ΡΡΡ ΠΏΠ»Π°Π³ΠΈΠ½.
Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Ρ, Π΅ΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΡΠΈΠ»ΡΡΡΡ, ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ° ΡΡΠΎΠ»Π±ΡΠΎΠ², Π·Π°Π³ΡΡΠ·ΠΊΠ° AJAX/JSON ΠΈ Ρ. Π΄., Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΡΠ°ΠΊΠΆΠ΅ Π΅ΡΡΡ ΠΏΠ»Π°Π³ΠΈΠ½. ΠΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΡ ΠΏΠΎΠΈΡΠΊΠ° β Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ Π΅ΡΡΡ ΠΏΠ»Π°Π³ΠΈΠ½. ΠΠΎΡΠΎΡΠ΅ Π³ΠΎΠ²ΠΎΡΡ, ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»Π΅Π½Π½ΡΠ΅ Π²ΡΡΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡ ΡΠ΄Π΅Π»Π°ΡΡ Π²Π°ΡΡ ΠΆΠΈΠ·Π½Ρ ΠΏΡΠΎΡΠ΅, Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΎΠΏΡΡ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Π»ΡΡΡΠ΅.
ΠΡΠ»ΠΈ Π²Ρ ΡΡΠ²ΡΡΠ²ΡΠ΅ΡΠ΅, ΡΡΠΎ Π²Π°ΠΌ Π½ΡΠΆΠ½Π° ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½Π°Ρ ΠΏΠΎΠΌΠΎΡΡ, Π²Ρ Π²ΡΠ΅Π³Π΄Π° ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΠΏΡΠΎΠ±ΠΎΠ²Π°ΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ wpDataTables . ΠΠ·Π½Π°ΠΊΠΎΠΌΡΡΠ΅ΡΡ ΠΏΠΎΠ±Π»ΠΈΠΆΠ΅ ΡΠΎ Π²ΡΠ΅ΠΌΠΈ ΡΡΠ½ΠΊΡΠΈΡΠΌΠΈ Π½Π°ΡΠ΅Π³ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½Π° ΠΈΠ»ΠΈ ΠΏΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΡ ΠΎΠ±Π»Π΅Π³ΡΠ΅Π½Π½ΡΡ Π²Π΅ΡΡΠΈΡ Π² ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΠΈ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² WordPress, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΏΡΠ°ΠΊΡΠΈΡΠ½ΡΠΉ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄.
wpDataTables Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ ΠΊΠ°ΠΊΠΈΡ -Π»ΠΈΠ±ΠΎ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΠΉ Π² ΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΠΈ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π° ΡΡΠΎΠ»Π±ΡΠΎΠ² ΠΈ ΡΡΡΠΎΠΊ ΠΈΠ»ΠΈ ΡΡΡΡΠΊΡΡΡΡ Π΄Π°Π½Π½ΡΡ ΠΈ ΠΌΠΎΠΆΠ΅Ρ Π΅ΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΡΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΡΡ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ. ΠΠ»Π°Π³ΠΈΠ½ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΠΈΠΏΠΎΠ² Π΄Π°Π½Π½ΡΡ ΠΈ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΠΈΠΏΡ Π²Π²ΠΎΠ΄Π° Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅. Π― ΡΠΏΠΎΠΌΠΈΠ½Π°Π», ΡΡΠΎ ΡΡΠΎ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎ? ΠΡ, Ρ ΡΠ΄Π΅Π»Π°Π» ΡΠ΅ΠΉΡΠ°Ρ.
ΠΡΠ»ΠΈ Π²Π°ΠΌ ΠΏΠΎΠ½ΡΠ°Π²ΠΈΠ»Π°ΡΡ ΡΡΠ° ΡΡΠ°ΡΡΡ ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½Π°Ρ Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡ jQuery, Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΡΠΎΡΠΈΡΠ°ΡΡ ΡΡΡ ΠΎ ΡΠ°Π±Π»ΠΈΡΠ°Ρ Bootstrap.
ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΈΡΠ°Π»ΠΈ ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠ²ΡΠ·Π°Π½Π½ΡΡ ΡΠ΅ΠΌΠ°Ρ , ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ ΡΠ°Π±Π»ΠΈΡΡ CSS, Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Ρ CSS, ΡΠ°Π±Π»ΠΈΡΡ HTML, ΠΊΠ°ΠΊ ΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS, ΡΠ²Π΅Ρ ΡΠΎΠ½Π° ΡΠ°Π±Π»ΠΈΡΡ, ΠΏΠ»Π°Π³ΠΈΠ½Ρ ΡΠ°Π±Π»ΠΈΡ ΡΠ΅Π½ WordPress ΠΈ ΠΏΡΠΈΠΌΠ΅ΡΡ ΡΠ°Π±Π»ΠΈΡ Π΄Π°Π½Π½ΡΡ .
ΠΠΏΡΠΈΠΈ ΡΠ°Π±Π»ΠΈΡΡ Β· Π’Π°Π±Π»ΠΈΡΠ° Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠΉ Π·Π°Π³ΡΡΠ·ΠΊΠΈ
ΠΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π½Π° GitHub
API ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² ΡΠ°Π±Π»ΠΈΡΡ Bootstrap Table.
ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Ρ Π² jQuery.fn.bootstrapTable.defaults
.
β
Π°ΡΠΊΡ
ajaxOptions
ΠΡΡΠΈΠ±ΡΡ:
Π΄Π°Π½Π½ΡΠ΅-ajax-ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ
Π’ΠΈΠΏ:
ΠΠ±ΡΠ΅ΠΊΡ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ Π·Π°ΠΏΡΠΎΡΠ° ajax.
Π‘ΠΏΠΈΡΠΎΠΊ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ: jQuery.ajax.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
{}
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΏΡΠΈΠΈ AJAX
ΠΊΠ½ΠΎΠΏΠΊΠΈ
ΠΡΡΠΈΠ±ΡΡ:
ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π€ΡΠ½ΠΊΡΠΈΡ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΡΠΎΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ/Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° Β«ΠΏΠ°Π½Π΅Π»Ρ ΠΊΠ½ΠΎΠΏΠΎΠΊΒ» (ΡΠΏΡΠ°Π²Π° Π²Π²Π΅ΡΡ Ρ ΡΠ°Π±Π»ΠΈΡΡ). ΠΡΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΡΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΎΠΏΡΠΈΠΈ ΡΠ°Π±Π»ΠΈΡΡ buttonsOrder, Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠΉ ΠΊΠ»ΡΡ/ΠΈΠΌΡ Π΄Π»Ρ ΡΠΎΠ±ΡΡΠΈΡ!
ΠΠ°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΠ°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΈΠΌΠ΅Π΅Ρ ΡΠΈΡΠΎΠΊΠΈΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ, ΡΡΡΠ΅ΡΡΠ²ΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ:
-
ΡΠ΅ΠΊΡΡ
- ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅: ΠΡΠΎΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ° ΡΠ°Π±Π»ΠΈΡΡ showButtonText.
- Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
-
Π·Π½Π°ΡΠΎΠΊ
- ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅: ΠΡΠΎΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ° ΡΠ°Π±Π»ΠΈΡΡ showButtonIcons.
- Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
β Π’ΡΠ΅Π±ΡΠ΅ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΊΠ»Π°ΡΡ Π·Π½Π°ΡΠΊΠΎΠ², Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ.fa-ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ
- ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅: ΠΡΠΎΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ° ΡΠ°Π±Π»ΠΈΡΡ showButtonIcons.
-
Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΡ
- ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅: Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ° Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅
false
, ΡΡΠΎΠ±Ρ ΡΠΊΡΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ. ΠΠ½ΠΎΠΏΠΊΠ° ΡΠ½ΠΎΠ²Π° ΡΡΠ°Π½Π΅Ρ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΠΏΡΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ Π°ΡΡΠΈΠ±ΡΡΠ° Π΄Π°Π½Π½ΡΡdata-show-BUTTONNAME="true"
.
- ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅: Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ° Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅
-
Π°ΡΡΠΈΠ±ΡΡΡ
- ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅: ΠΡΠ° ΠΎΠΏΡΠΈΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ html, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ.
Π½Π°Π·Π²Π°Π½ΠΈΠ΅
- Π’ΠΈΠΏ:
ΠΠ±ΡΠ΅ΠΊΡ
- ΠΡΠΈΠΌΠ΅Ρ:
{Π½Π°Π·Π²Π°Π½ΠΈΠ΅: 'ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ'}
- ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅: ΠΡΠ° ΠΎΠΏΡΠΈΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ html, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ.
-
HTML
- ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅: ΠΡΠ»ΠΈ Π²Ρ Π½Π΅ Ρ
ΠΎΡΠΈΡΠ΅ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ Π³Π΅Π½Π΅ΡΠΈΡΠΎΠ²Π°ΡΡ HTML-ΠΊΠΎΠ΄, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΡ ΠΎΠΏΡΠΈΡ, ΡΡΠΎΠ±Ρ Π²ΡΡΠ°Π²ΠΈΡΡ ΡΠ²ΠΎΠΉ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΉ HTML-ΠΊΠΎΠ΄.
ΠΠΏΡΠΈΡ
event
ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΡΠΎΠ»ΡΠΊΠΎ Π² ΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅, Π΅ΡΠ»ΠΈ Π²Π°Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ HTML ΡΠΎΠ΄Π΅ΡΠΆΠΈΡname="BUTTONNAME"
.ΠΡΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΡΠΎΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ, ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ Π±ΡΠ΄ΡΡ ΠΈΠ³Π½ΠΎΡΠΈΡΠΎΠ²Π°ΡΡΡΡ:
-
ΡΠ΅ΠΊΡΡ
-
Π·Π½Π°ΡΠΎΠΊ
-
Π°ΡΡΠΈΠ±ΡΡΡ
-
- Π’ΠΈΠΏ:
Π€ΡΠ½ΠΊΡΠΈΡ|Π‘ΡΡΠΎΠΊΠ°
- ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅: ΠΡΠ»ΠΈ Π²Ρ Π½Π΅ Ρ
ΠΎΡΠΈΡΠ΅ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ Π³Π΅Π½Π΅ΡΠΈΡΠΎΠ²Π°ΡΡ HTML-ΠΊΠΎΠ΄, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΡ ΠΎΠΏΡΠΈΡ, ΡΡΠΎΠ±Ρ Π²ΡΡΠ°Π²ΠΈΡΡ ΡΠ²ΠΎΠΉ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΉ HTML-ΠΊΠΎΠ΄.
ΠΠΏΡΠΈΡ
-
ΡΠΎΠ±ΡΡΠΈΠ΅
- ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅: Π‘Π»Π΅Π΄ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ, Π΅ΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠΎΠ±ΡΡΠΈΠ΅ ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠ΅
- Π’ΠΈΠΏ:
Π€ΡΠ½ΠΊΡΠΈΡ|ΠΠ±ΡΠ΅ΠΊΡ|Π‘ΡΡΠΎΠΊΠ°
ΠΠ°ΡΠ°ΠΌΠ΅ΡΡ
event
ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ ΡΡΠ΅ΠΌΡ ΡΠΏΠΎΡΠΎΠ±Π°ΠΌΠΈ. ΠΠ΄Π½ΠΎ ΡΠΎΠ±ΡΡΠΈΠ΅ ΡΠΊΠ»ΠΈΠΊ
ΡΠΎΠ±ΡΡΠΈΠ΅:{ 'ΡΠΎΠ±ΡΡΠΈΠ΅': () => { } }
ΠΠ΄Π½ΠΎ ΡΠΎΠ±ΡΡΠΈΠ΅ Ρ ΡΠ°ΠΌΠΎΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΠΌΡΠΌ ΡΠΈΠΏΠΎΠΌ ΡΠΎΠ±ΡΡΠΈΡ:
{ 'ΠΌΠ΅ΡΠΎΠΏΡΠΈΡΡΠΈΠ΅': { 'ΠΌΡΡΠΈΠ½ΡΠΉ Π²Π²ΠΎΠ΄': () => { } } }
ΠΠ΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΎΠ±ΡΡΠΈΠΉ Ρ ΡΠ°ΠΌΠΎΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΠΌΡΠΌΠΈ ΡΠΈΠΏΠ°ΠΌΠΈ ΡΠΎΠ±ΡΡΠΈΠΉ:
{ 'ΠΌΠ΅ΡΠΎΠΏΡΠΈΡΡΠΈΠ΅': { 'ΠΊΠ»ΠΈΠΊ': () => {}, 'mouseenter': () => { }, 'mouseleave': () => { } } }
ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ°: ΠΠΌΠ΅ΡΡΠΎ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΡ ΡΡΠ½ΠΊΡΠΈΠΉ Π²Ρ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΈΠΌΠ΅Π½Π° ΡΡΠ½ΠΊΡΠΈΠΉ.
Π‘ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠΈΡΠΎΠ²Π°Π½Π½Π°Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠ°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΡΠ°ΠΊ:
{ btnRemoveEvenRows: { 'ΡΠ΅ΠΊΡΡ': 'Π£Π΄Π°Π»ΠΈΡΡ ΡΠ΅ΡΠ½ΡΠ΅ ΡΡΡΠΎΠΊΠΈ', 'Π·Π½Π°ΡΠΎΠΊ': 'ΡΠ°-ΠΌΡΡΠΎΡ', 'ΡΠΎΠ±ΡΡΠΈΠ΅': () => { //ΠΠΠΠ‘Π’ΠΠ£ΠΠ’Π, Π§Π’ΠΠΠ« Π£ΠΠΠΠΠ’Π¬ Π§ΠΠ’ΠΠ«Π Π‘Π’Π ΠΠΠ }, 'Π°ΡΡΠΈΠ±ΡΡΡ': { 'title': 'Π£Π΄Π°Π»ΠΈΡΡ Π²ΡΠ΅ ΡΡΡΠΎΠΊΠΈ Ρ ΡΠ΅ΡΠ½ΡΠΌ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΠΎΠΌ' } } }
-
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
{}
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ½ΠΎΠΏΠΊΠΈ
ΠΊΠ½ΠΎΠΏΠΊΠΈΠΡΡΠΎΠ²Π½ΡΡΡ
ΠΡΡΠΈΠ±ΡΡ:
Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΠΊΠ°ΠΆΠΈΡΠ΅, ΠΊΠ°ΠΊ Π²ΡΡΠΎΠ²Π½ΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ².
Β«Π»Π΅Π²ΡΠΉΒ»
,Β«ΠΏΡΠ°Π²ΡΠΉΒ»
ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Β«ΠΏΡΠ°Π²ΠΎΒ»
ΠΡΠΈΠΌΠ΅Ρ: ΠΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΎΠΊ
ΠΊΠ½ΠΎΠΏΠΊΠΈΠΠ»Π°ΡΡ
ΠΡΡΠΈΠ±ΡΡ:
ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄Π°Π½Π½ΡΡ -ΠΊΠ»Π°ΡΡ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΊΠ»Π°ΡΡ (Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ ΠΏΠΎΡΠ»Π΅
'btn-'
) ΠΊΠ½ΠΎΠΏΠΎΠΊ ΡΠ°Π±Π»ΠΈΡΡ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Β«Π²ΡΠΎΡΠΈΡΠ½ΡΠΉΒ»
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ½ΠΎΠΏΠΊΠΈ ΠΠ»Π°ΡΡ
ΠΊΠ½ΠΎΠΏΠΊΠΈΠΠ°ΠΊΠ°Π·Π°ΡΡ
ΠΡΡΠΈΠ±ΡΡ:
Π΄Π°Π½Π½ΡΠ΅-ΠΊΠ½ΠΎΠΏΠΊΠΈ-Π·Π°ΠΊΠ°Π·
Π’ΠΈΠΏ:
ΠΠ°ΡΡΠΈΠ²
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΠΊΠ°ΠΆΠΈΡΠ΅, ΠΊΠ°ΠΊ Π·Π°ΠΊΠ°Π·Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ².
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
['paginationSwitch', 'ΠΎΠ±Π½ΠΎΠ²ΠΈΡΡ', 'ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΡ', 'ΠΏΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΡΠΉ ΡΠ΅ΠΆΠΈΠΌ', 'ΡΡΠΎΠ»Π±ΡΡ']
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ½ΠΎΠΏΠΊΠΈ ΠΠ°ΠΊΠ°Π·
ΠΊΠ½ΠΎΠΏΠΊΠΈΠΡΠ΅ΡΠΈΠΊΡ
ΠΡΡΠΈΠ±ΡΡ:
ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄Π°Π½Π½ΡΡ ΠΏΡΠ΅ΡΠΈΠΊΡ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΏΡΠ΅ΡΠΈΠΊΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΡΠ°Π±Π»ΠΈΡΡ.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
'ΠΊΠ½ΠΎΠΏΠΊΠ°'
ΠΡΠΈΠΌΠ΅Ρ: ΠΡΠ΅ΡΠΈΠΊΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ
ΠΊΠ½ΠΎΠΏΠΊΠΈΠΠ°Π½Π΅Π»Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ²
ΠΡΡΠΈΠ±ΡΡ:
ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄Π°Π½Π½ΡΡ -ΠΏΠ°Π½Π΅Π»Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ²
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°/ΡΠ·Π΅Π»
ΠΠ΅ΡΠ°Π»Ρ:
Π‘Π΅Π»Π΅ΠΊΡΠΎΡ jQuery, ΡΠΊΠ°Π·ΡΠ²Π°ΡΡΠΈΠΉ ΠΏΠ°Π½Π΅Π»Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΌΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ:
#buttons-toolbar
,.buttons-toolbar
ΠΈΠ»ΠΈ ΡΠ·Π΅Π» DOM.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ°Π½Π΅Π»Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² ΠΊΠ½ΠΎΠΏΠΎΠΊ
ΠΊΡΡ
ΠΡΡΠΈΠ±ΡΡ:
ΠΊΡΡ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
false
, ΡΡΠΎΠ±Ρ ΠΎΡΠΊΠ»ΡΡΠΈΡΡ ΠΊΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π·Π°ΠΏΡΠΎΡΠΎΠ² AJAX.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
ΠΏΡΠ°Π²Π΄Π°
ΠΡΠΈΠΌΠ΅Ρ: Π’Π°Π±Π»ΠΈΡΠ½ΡΠΉ ΠΊΡΡ
ΠΊΠ°ΡΡΠ°ΠΠΈΠ΄
ΠΡΡΠΈΠ±ΡΡ:
ΠΏΡΠΎΡΠΌΠΎΡΡ ΠΊΠ°ΡΡΡ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
, ΡΡΠΎΠ±Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π»Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΠ° ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΠΊΠ°ΡΡΠΎΡΠ΅ΠΊ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΡΠΎΡΠΌΠΎΡΡ ΠΊΠ°ΡΡΡ
ΠΡΡΠΈΠ±ΡΡ:
data-checkbox-header
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
false
, ΡΡΠΎΠ±Ρ ΡΠΊΡΡΡΡ ΡΠ»Π°ΠΆΠΎΠΊ Β«ΠΡΠΌΠ΅ΡΠΈΡΡ Π²ΡΠ΅Β» Π² ΡΡΡΠΎΠΊΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
ΠΏΡΠ°Π²Π΄Π°
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΠ»Π°ΠΆΠΊΠ°
ΠΊΠ»Π°ΡΡΡ
ΠΡΡΠΈΠ±ΡΡ:
ΠΊΠ»Π°ΡΡΡ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΌΡ ΠΊΠ»Π°ΡΡΠ° ΡΠ°Π±Π»ΠΈΡΡ.
'ΡΠ°Π±Π»ΠΈΡΠ°'
,'ΡΠ°Π±Π»ΠΈΡΠ° Ρ ΡΠ°ΠΌΠΊΠΎΠΉ'
,'table-hover'
,'table-striped'
,'table-dark'
,'table-sm'
ΠΈ'table-borderless'
. ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΠ° ΠΈΠΌΠ΅Π΅Ρ ΡΠ°ΠΌΠΊΡ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
'ΡΠ°Π±Π»ΠΈΡΠ° Ρ Π³ΡΠ°Π½ΠΈΡΠ΅ΠΉ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ°'
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ»Π°ΡΡΡ ΡΠ°Π±Π»ΠΈΡ
Π½Π°ΠΆΠΌΠΈΡΠ΅, ΡΡΠΎΠ±Ρ Π²ΡΠ±ΡΠ°ΡΡ
ΠΡΡΠΈΠ±ΡΡ:
Π΄Π°Π½Π½ΡΠ΅-ΡΠ΅Π»ΡΠΎΠΊ-Π²ΡΠ±ΠΎΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
, ΡΡΠΎΠ±Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΠ»Π°ΠΆΠΎΠΊ ΠΈΠ»ΠΈ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ ΠΏΡΠΈ Π²ΡΠ±ΠΎΡΠ΅ ΡΡΡΠΎΠΊ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ°ΠΆΠΌΠΈΡΠ΅, ΡΡΠΎΠ±Ρ Π²ΡΠ±ΡΠ°ΡΡ
ΡΡΠΎΠ»Π±ΡΡ
ΡΠΈΠΏ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°
ΠΡΡΠΈΠ±ΡΡ:
ΡΠΈΠΏ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
ContentType Π·Π°ΠΏΡΠΎΡΠ° ΡΠ΄Π°Π»Π΅Π½Π½ΡΡ Π΄Π°Π½Π½ΡΡ , Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ:
application/x-www-form-urlencoded
.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
'ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅/json'
ΠΡΠΈΠΌΠ΅Ρ: Π’ΠΈΠΏ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ
ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΏΠΎΠΈΡΠΊ
ΠΡΡΠΈΠ±ΡΡ:
ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΏΠΎΠΈΡΠΊ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π€ΡΠ½ΠΊΡΠΈΡ
ΠΠ΅ΡΠ°Π»Ρ:
Π€ΡΠ½ΠΊΡΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΏΠΎΠΈΡΠΊΠ° Π²ΡΠΏΠΎΠ»Π½ΡΠ΅ΡΡΡ Π²ΠΌΠ΅ΡΡΠΎ Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΠΈ ΠΏΠΎΠΈΡΠΊΠ°, ΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅Ρ ΡΡΠΈ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°:
-
Π΄Π°Π½Π½ΡΠ΅
: Π΄Π°Π½Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ. -
ΡΠ΅ΠΊΡΡ
: ΡΠ΅ΠΊΡΡ ΠΏΠΎΠΈΡΠΊΠ°. -
filter
: ΠΎΠ±ΡΠ΅ΠΊΡ ΡΠΈΠ»ΡΡΡΠ° ΠΈΠ· ΠΌΠ΅ΡΠΎΠ΄Π°filterBy
.
ΠΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ:
-
ΡΡΠ½ΠΊΡΠΈΡ customSearch(Π΄Π°Π½Π½ΡΠ΅, ΡΠ΅ΠΊΡΡ) { Π²Π΅ΡΠ½ΡΡΡ data.filter (ΡΡΠ½ΠΊΡΠΈΡ (ΡΡΡΠΎΠΊΠ°) { Π²Π΅ΡΠ½ΡΡΡ row.field.indexOf (ΡΠ΅ΠΊΡΡ) > -1 }) }
ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½Π°Ρ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ°
ΠΡΡΠΈΠ±ΡΡ:
ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½Π°Ρ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ° Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π€ΡΠ½ΠΊΡΠΈΡ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠ°Ρ ΡΡΠ½ΠΊΡΠΈΡ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ Π²ΡΠΏΠΎΠ»Π½ΡΠ΅ΡΡΡ Π²ΠΌΠ΅ΡΡΠΎ Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΠΈ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ, ΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅Ρ ΡΡΠΈ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°:
-
sortName
: ΠΈΠΌΡ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ. -
sortOrder
: ΠΏΠΎΡΡΠ΄ΠΎΠΊ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ. -
Π΄Π°Π½Π½ΡΠ΅
: Π΄Π°Π½Π½ΡΠ΅ ΡΡΡΠΎΠΊ.
-
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½ΡΠΉ Π·Π°ΠΊΠ°Π·
Π΄Π°Π½Π½ΡΠ΅
ΠΡΡΠΈΠ±ΡΡ:
Π΄Π°Π½Π½ΡΠ΅-Π΄Π°Π½Π½ΡΠ΅
Π’ΠΈΠΏ:
ΠΠ°ΡΡΠΈΠ² | ΠΠ±ΡΠ΅ΠΊΡ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠ°Π½Π½ΡΠ΅ Π΄Π»Ρ Π·Π°Π³ΡΡΠ·ΠΊΠΈ.
ΠΡΠ»ΠΈ Π² Π΄Π°Π½Π½ΡΡ Π΅ΡΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ
_
ΠΈΠ»ΠΈ_rowspan _
, ΡΠΎ ΡΡΠ΅ΠΉΠΊΠΈ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΡΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ:_colspan $table.bootstrapTable({ Π΄Π°Π½Π½ΡΠ΅: [ { ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ: 1, ΠΈΠΌΡ: Β«ΠΠ»Π΅ΠΌΠ΅Π½Ρ 1Β», _name_rowspan: 2, ΡΠ΅Π½Π°: '$1' }, { ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ: 2, ΡΠ΅Π½Π°: $2 } ] })
ΠΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ ΡΡΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΠΈ
Π΄Π°Π½Π½ΡΠ΅
Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡ Π΄Π»Ρ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΡΠΎΡΠΌΠ°ΡΠ°.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
[]
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ· Π΄Π°Π½Π½ΡΡ
ΠΏΠΎΠ»Π΅ Π΄Π°Π½Π½ΡΡ
ΠΡΡΠΈΠ±ΡΡ:
ΠΏΠΎΠ»Π΅ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠ»ΡΡ Π²ΠΎ Π²Ρ ΠΎΠ΄ΡΡΠ΅ΠΌ JSON, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠ΅ΠΌ
Β«ΡΡΡΠΎΠΊΒ» ββ
ΡΠΏΠΈΡΠΊΠ° Π΄Π°Π½Π½ΡΡ .ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Β«ΡΡΡΠΎΠΊΠΈΒ»
ΠΡΠΈΠΌΠ΅Ρ: ΠΡΠΎΠ³ΠΎ/ΠΏΠΎΠ»Π΅ Π΄Π°Π½Π½ΡΡ
ΡΠΈΠΏ Π΄Π°Π½Π½ΡΡ
Π΄Π΅ΡΠ°Π»ΡΠ€ΠΈΠ»ΡΡΡ
ΠΡΡΠΈΠ±ΡΡ:
ΡΠΈΠ»ΡΡΡ ΡΠ²Π΅Π΄Π΅Π½ΠΈΠΉ ΠΎ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π€ΡΠ½ΠΊΡΠΈΡ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΊΠ»ΡΡΠΈΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ, Π΅ΡΠ»ΠΈ Π΄Π»Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°
detailView
Π·Π°Π΄Π°Π½ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅true
.ΠΠ΅ΡΠ½ΠΈΡΠ΅ true, ΠΈ ΡΡΡΠΎΠΊΠ° Π±ΡΠ΄Π΅Ρ Π²ΠΊΠ»ΡΡΠ΅Π½Π° Π΄Π»Ρ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ, Π²Π΅ΡΠ½ΠΈΡΠ΅ false, ΠΈ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΡΡΡΠΎΠΊΠΈ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΊΠ»ΡΡΠ΅Π½ΠΎ. Π€ΡΠ½ΠΊΡΠΈΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π²ΠΎΠ·Π²ΡΠ°ΡΠ°Π΅Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ true, ΡΡΠΎΠ±Ρ ΡΠ°Π·ΡΠ΅ΡΠΈΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ Π²ΡΠ΅Ρ ΡΡΡΠΎΠΊ.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
ΡΡΠ½ΠΊΡΠΈΡ (ΠΈΠ½Π΄Π΅ΠΊΡ, ΡΡΡΠΎΠΊΠ°) { Π²Π΅ΡΠ½ΡΡΡ true }
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠ΄ΡΠΎΠ±Π½ΡΠΉ ΡΠΈΠ»ΡΡΡ
DetailFormatter
ΠΡΡΠΈΠ±ΡΡ:
ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π€ΡΠ½ΠΊΡΠΈΡ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΡΡΠΎΡΠΌΠ°ΡΠΈΡΡΠΉΡΠ΅ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅, Π΅ΡΠ»ΠΈ Π΄Π»Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°
detailView
Π·Π°Π΄Π°Π½ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅true
. ΠΠ΅ΡΠ½ΠΈΡΠ΅ ΡΡΡΠΎΠΊΡ, ΠΈ ΠΎΠ½Π° Π±ΡΠ΄Π΅Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° ββΠ² ΡΡΠ΅ΠΉΠΊΡ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΠ³ΠΎ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ, ΠΏΡΠΈ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·ΠΈΡΡΠΉΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π½Π°ΠΏΡΡΠΌΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΡΠ΅ΡΠΈΠΉ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ jQuery ΡΠ΅Π»Π΅Π²ΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠΈ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
ΡΡΠ½ΠΊΡΠΈΡ (ΠΈΠ½Π΄Π΅ΠΊΡ, ΡΡΡΠΎΠΊΠ°, ΡΠ»Π΅ΠΌΠ΅Π½Ρ) { return '' }
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ΅ΡΠ°Π»ΡΠ½ΡΠΉ Π²ΠΈΠ΄
DetailView
ΠΡΡΠΈΠ±ΡΡ:
ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
, ΡΡΠΎΠ±Ρ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΡΠΎΡΠΌΠΎΡΡΠ°. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡuniqueId
ΠΠ°ΡΠ°ΠΌΠ΅ΡΡ Π΄Π»Ρ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΠ³ΠΎ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΏΡΠΈ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠΈ ΡΠ°Π±Π»ΠΈΡΡ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠ΄ΡΠΎΠ±Π½ΡΠΉ Π²ΠΈΠ΄ UniqueId
DetailViewAlign
ΠΡΡΠΈΠ±ΡΡ:
data-detail-view-align
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΠΊΠ°ΠΆΠΈΡΠ΅, ΠΊΠ°ΠΊ Π²ΡΡΠΎΠ²Π½ΡΡΡ Π·Π½Π°ΡΠΎΠΊ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π°.
Β«Π»Π΅Π²ΡΠΉΒ»
,Β«ΠΏΡΠ°Π²ΡΠΉΒ»
ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Β«Π»Π΅Π²ΡΠΉΒ»
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ΅ΡΠ°Π»ΡΠ½ΡΠΉ Π²ΠΈΠ΄ ΠΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅
DetailViewByClick
ΠΡΡΠΈΠ±ΡΡ:
Π΄Π°Π½Π½ΡΠ΅-ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΡΡΠΈ-ΠΏΡΠΎΡΠΌΠΎΡΡ ΠΏΠΎ ΠΊΠ»ΠΈΠΊΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
, ΡΡΠΎΠ±Ρ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΡΡΠ΅ΠΉ ΠΏΡΠΈ ΡΠ΅Π»ΡΠΊΠ΅ ΠΏΠΎ ΡΡΠ΅ΠΉΠΊΠ΅.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ½Π°ΡΠΎΠΊ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΠ³ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠ°
DetailViewIcon
ΠΡΡΠΈΠ±ΡΡ:
data-detail-view-icon
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
, ΡΡΠΎΠ±Ρ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ ΡΡΠΎΠ»Π±Π΅Ρ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΠ³ΠΎ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ (Π·Π½Π°ΡΠΎΠΊ ΠΏΠ»ΡΡ/ΠΌΠΈΠ½ΡΡ).ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
ΠΏΡΠ°Π²Π΄Π°
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ½Π°ΡΠΎΠΊ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΠ³ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠ°
ΠΏΠΎΠ±Π΅Π³
ΠΡΡΠΈΠ±ΡΡ:
ΡΠΊΡΠ°Π½ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΊΡΠ°Π½ΠΈΡΡΠ΅Ρ ΡΡΡΠΎΠΊΡ Π΄Π»Ρ Π²ΡΡΠ°Π²ΠΊΠΈ Π² HTML, Π·Π°ΠΌΠ΅Π½ΡΡ ΡΠΈΠΌΠ²ΠΎΠ»Ρ &, <, >, β, ` ΠΈ β.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΡΡ ΠΎΠ΄ ΠΈΠ· ΡΠ°Π±Π»ΠΈΡΡ
ΠΠΏΡΠΈΠΈ ΡΠΈΠ»ΡΡΡΠ°
ΠΡΡΠΈΠ±ΡΡ:
ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΠΈ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΡΠΈΠ»ΡΡΡΠ° Π°Π»Π³ΠΎΡΠΈΡΠΌΠ° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ,
filterAlgorithm: 'ΠΈ'
ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ Π²ΡΠ΅ ΡΠΊΠ°Π·Π°Π½Π½ΡΠ΅ ΡΠΈΠ»ΡΡΡΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡΡ,filterAlgorithm: 'ΠΈΠ»ΠΈ'
ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π·Π°Π΄Π°Π½Π½ΡΡ ΡΠΈΠ»ΡΡΡΠΎΠ² Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡΡ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
{ΠΠ»Π³ΠΎΡΠΈΡΠΌ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΠΈ: 'ΠΈ'}
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΡΠΈΠ»ΡΡΡΠ°
ΠΡΡΠΈΠ±ΡΡ:
ΠΏΠΎΠ»Π΅ Π΄Π°Π½Π½ΡΡ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»Π°
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΊΠ»ΡΡ ΠΎΠ±ΡΠ΅ΠΊΡΠ° Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»Π° (ΠΈΠ· ΠΌΠ°ΡΡΠΈΠ²Π° Π΄Π°Π½Π½ΡΡ ΠΈΠ»ΠΈ ΠΎΡΠ²Π΅ΡΠ° ΡΠ΅ΡΠ²Π΅ΡΠ° JSON). ΠΠ±ΡΠ΅ΠΊΡ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ/ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΡΡΠΎΠ»Π±ΡΠΎΠ² Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»Π° ΠΈ/ΠΈΠ»ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»Π°. ΡΡΠ°Π±Π°ΡΡΠ²Π°Π΅Ρ ΡΠΎΠ»ΡΠΊΠΎ ΠΊΠΎΠ³Π΄Π°
ΡΠ°Π·Π±ΠΈΠ²ΠΊΠ° Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ Π΄Π°Π½Π½ΡΡ
β ΡΡΠΎtrue
, Π°ΡΠ°Π·Π±ΠΈΠ²ΠΊΠ° Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ Π½Π° ΡΡΠΎΡΠΎΠ½Π΅ Π΄Π°Π½Π½ΡΡ
β ΡΡΠΎserver
.
{ "ΡΡΠ΄Ρ": [ { "ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ": 0, "ΠΈΠΌΡ": "ΠΠ»Π΅ΠΌΠ΅Π½Ρ 0", "ΡΠ΅Π½Π°": "$0", "ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ": 3 } ], "Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»": { "id": "ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»Π°", "_id_colspan": 2, "name": "ΠΈΠΌΡ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»Π°" } }
ΠΡΡΠΈΠ±ΡΡ:
ΡΡΠΈΠ»Ρ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»Π° Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π€ΡΠ½ΠΊΡΠΈΡ
ΠΠ΅ΡΠ°Π»Ρ:
Π€ΡΠ½ΠΊΡΠΈΡ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΡΠΈΠ»Ρ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»Π° ΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅Ρ ΠΎΠ΄ΠΈΠ½ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ:
-
ΡΡΠΎΠ»Π±Π΅Ρ
: ΠΎΠ±ΡΠ΅ΠΊΡ ΡΡΠΎΠ»Π±ΡΠ°.
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ°
ΠΊΠ»Π°ΡΡΠΎΠ²
ΠΈΠ»ΠΈcss
. ΠΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ:-
ΡΡΠ½ΠΊΡΠΈΡ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ» (ΡΡΠΎΠ»Π±Π΅Ρ) { Π²ΠΎΠ·Π²ΡΠ°ΡΠ°ΡΡΡΡ { css: { 'ΡΡΠΈΡΡ': 'Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ' }, ΠΊΠ»Π°ΡΡΡ: 'ΠΌΠΎΠΉ-ΠΊΠ»Π°ΡΡ' } }
ΠΡΡΠΈΠ±ΡΡ:
ΡΡΠΈΠ»Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π€ΡΠ½ΠΊΡΠΈΡ
ΠΠ΅ΡΠ°Π»Ρ:
Π€ΡΠ½ΠΊΡΠΈΡ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΡΠΈΠ»Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅Ρ ΠΎΠ΄ΠΈΠ½ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ:
-
ΡΡΠΎΠ»Π±Π΅Ρ
: ΠΎΠ±ΡΠ΅ΠΊΡ ΡΡΠΎΠ»Π±ΡΠ°.
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ°
ΠΊΠ»Π°ΡΡΠΎΠ²
ΠΈΠ»ΠΈcss
. ΠΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ:-
ΡΡΠΈΠ»Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΡΡΠ½ΠΊΡΠΈΠΈ (ΡΡΠΎΠ»Π±Π΅Ρ) { Π²ΠΎΠ·Π²ΡΠ°ΡΠ°ΡΡΡΡ { css: { 'ΡΡΠΈΡΡ': 'Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ' }, ΠΊΠ»Π°ΡΡΡ: 'ΠΌΠΎΠΉ-ΠΊΠ»Π°ΡΡ' } }
Π²ΡΡΠΎΡΠ°
ΠΡΡΠΈΠ±ΡΡ:
Π²ΡΡΠΎΡΠ° Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠΌΠ΅Ρ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΡΡΠΎΡΠ° ΡΠ°Π±Π»ΠΈΡΡ, Π²ΠΊΠ»ΡΡΠ°Π΅Ρ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΠ°Π±Π»ΠΈΡΡ.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ
ΠΡΠΈΠΌΠ΅Ρ: ΠΡΡΠΎΡΠ° ΡΡΠΎΠ»Π°
ΠΈΠΊΠΎΠ½ΠΊΠΈ
ΠΡΡΠΈΠ±ΡΡ:
Π·Π½Π°ΡΠΊΠΈ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠ±ΡΠ΅ΠΊΡ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π·Π½Π°ΡΠΊΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠ΅ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ², Π² ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ Π² ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠΈ ΡΠ²Π΅Π΄Π΅Π½ΠΈΠΉ.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
{ paginationSwitchDown: 'fa-caret-square-down', paginationSwitchUp: 'fa-caret-square-up', ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅: 'fa-sync', toggleOff: 'fa-toggle-off', toggleOn: 'fa-toggle-on', ΡΡΠΎΠ»Π±ΡΡ: 'fa-th-list', ΠΏΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΡΠΉ ΡΠ΅ΠΆΠΈΠΌ: 'fa-ΡΡΡΠ΅Π»ΠΊΠΈ-alt', DetailOpen: 'fa-plus', DetailClose: 'ΡΠ°-ΠΌΠΈΠ½ΡΡ' }
- ΠΡΠΈΠΌΠ΅Ρ: Π’Π°Π±Π»ΠΈΡΠ½ΡΠ΅ Π·Π½Π°ΡΠΊΠΈ
Π Π°Π·ΠΌΠ΅Ρ Π·Π½Π°ΡΠΊΠ°
ΠΡΡΠΈΠ±ΡΡ:
ΡΠ°Π·ΠΌΠ΅Ρ Π·Π½Π°ΡΠΊΠ° Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠ°Π·ΠΌΠ΅Ρ Π·Π½Π°ΡΠΊΠ°,
undefined
,'lg'
,'sm'
ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ
ΠΡΠΈΠΌΠ΅Ρ: Π Π°Π·ΠΌΠ΅Ρ Π·Π½Π°ΡΠΊΠ°
iconsPrefix
ΠΡΡΠΈΠ±ΡΡ:
data-icons-prefix
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΈΠΌΡ Π½Π°Π±ΠΎΡΠ° Π·Π½Π°ΡΠΊΠΎΠ² (
'glyphicon'
ΠΈΠ»ΠΈ'fa'
Π΄Π»Ρ FontAwesome). ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π΄Π»Ρ Bootstrap v4 ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ'fa'
.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Β«ΡΠ°Β»
- ΠΡΠΈΠΌΠ΅Ρ: ΠΡΠ΅ΡΠΈΠΊΡ Π·Π½Π°ΡΠΊΠΎΠ²
idField
ΠΡΡΠΈΠ±ΡΡ:
ΠΏΠΎΠ»Π΅ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΠ° Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΠΊΠ°ΠΆΠΈΡΠ΅, ΠΊΠ°ΠΊΠΎΠ΅ ΠΏΠΎΠ»Π΅ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΠ»Π°ΠΆΠΊΠ°/ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ, Π΅Π³ΠΎ Π°Π½Π°Π»ΠΎΠ³ Π΄Π»Ρ selectItemName.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ
- ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠ»Π΅ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΠ°
ignoreClickToSelectOn
ΠΡΡΠΈΠ±ΡΡ:
Π΄Π°Π½Π½ΡΠ΅-ΠΈΠ³Π½ΠΎΡΠΈΡΠΎΠ²Π°ΡΡ-ΡΠ΅Π»ΠΊΠ½ΡΡΡ-Π΄Π»Ρ-Π²ΡΠ±ΠΎΡΠ°-Π½Π°
Π’ΠΈΠΏ:
Π€ΡΠ½ΠΊΡΠΈΡ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΊΠ»ΡΡΠΈΡΡ ΠΈΠ³Π½ΠΎΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ²
clickToSelect
. ΠΡΠΈΠ½ΠΈΠΌΠ°Π΅Ρ ΠΎΠ΄ΠΈΠ½ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ:-
ΡΠ»Π΅ΠΌΠ΅Π½Ρ
: ΡΠ»Π΅ΠΌΠ΅Π½Ρ, Π½Π° ΠΊΠΎΡΠΎΡΡΠΉ Π½Π°ΠΆΠ°Π»ΠΈ.
ΠΠΎΠ·Π²ΡΠ°ΡΠ°Π΅Ρ true, Π΅ΡΠ»ΠΈ ΡΠ΅Π»ΡΠΎΠΊ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΈΠ³Π½ΠΎΡΠΈΡΠΎΠ²Π°ΡΡ, ΠΈ false, Π΅ΡΠ»ΠΈ ΡΠ΅Π»ΡΠΎΠΊ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡΠΈΠ²Π΅ΡΡΠΈ ΠΊ Π²ΡΠ±ΠΎΡΡ ΡΡΡΠΎΠΊΠΈ. ΠΡΠΎΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ Π°ΠΊΡΡΠ°Π»Π΅Π½, ΡΠΎΠ»ΡΠΊΠΎ Π΅ΡΠ»ΠΈ
clickToSelect
ΠΈΠΌΠ΅Π΅Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ true.-
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
{ return ['A', 'BUTTON'].includes(tagName)}
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ³Π½ΠΎΡΠΈΡΠΎΠ²Π°ΡΡ Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ Π΄Π»Ρ Π²ΡΠ±ΠΎΡΠ°
Π·Π°Π³ΡΡΠ·ΠΊΠ°Π Π°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ°
ΠΡΡΠΈΠ±ΡΡ:
ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ° Π·Π°Π³ΡΡΠ·ΠΊΠΈ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
Π§ΡΠΎΠ±Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ° Π·Π°Π³ΡΡΠΆΠ°Π΅ΠΌΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°, ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅
'auto'
, Π²ΡΡΠΈΡΠ»ΡΠ΅ΠΌΠΎΠ΅ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ ΡΠΈΡΠΈΠ½ΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ, ΠΌΠ΅ΠΆΠ΄Ρ 12 ΠΈ 32 ΠΏΠΈΠΊΡΠ΅Π»ΡΠΌΠΈ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Β«Π°Π²ΡΠΎΒ»
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ°Π³ΡΡΠ·ΠΊΠ° ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΡΠΈΡΡΠ°
Π·Π°Π³ΡΡΠ·ΠΊΠ° ΡΠ°Π±Π»ΠΎΠ½Π°
Π»ΠΎΠΊΠ°Π»Ρ
ΠΡΡΠΈΠ±ΡΡ:
Π»ΠΎΠΊΠ°Π»Ρ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ Π»ΠΎΠΊΠ°Π»Ρ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ,
'zh-CN'
). Π€Π°ΠΉΠ»Ρ Π»ΠΎΠΊΠ°Π»ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π·Π°Π³ΡΡΠΆΠ΅Π½Ρ. ΠΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ΅Π·Π΅ΡΠ²Π½ΡΠ΅ Π»ΠΎΠΊΠ°Π»ΠΈ, Π΅ΡΠ»ΠΈ ΠΎΠ½ΠΈ Π·Π°Π³ΡΡΠΆΠ΅Π½Ρ, Π² ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ ΠΏΠΎΡΡΠ΄ΠΊΠ΅:- ΠΠ΅ΡΠ²ΡΠ΅ ΠΏΠΎΠΏΡΡΠΊΠΈ Π΄Π»Ρ Π»ΠΎΠΊΠ°Π»ΠΈ, ΠΊΠ°ΠΊ ΡΠΊΠ°Π·Π°Π½ΠΎ,
- ΠΠ°ΡΠ΅ΠΌ ΠΏΡΠΎΠ±ΡΠ΅Ρ ΡΠ·ΡΠΊΠΎΠ²ΠΎΠΉ ΡΡΠ°Π½Π΄Π°ΡΡ Ρ Β«_Β», ΠΏΠ΅ΡΠ΅Π²Π΅Π΄Π΅Π½Π½ΡΠΌ Π½Π° Β«-Β», ΠΈ ΠΊΠΎΠ΄ΠΎΠΌ ΡΠ΅Π³ΠΈΠΎΠ½Π° Π² Π²Π΅ΡΡ Π½Π΅ΠΌ ΡΠ΅Π³ΠΈΡΡΡΠ΅,
- ΠΠ°ΡΠ΅ΠΌ ΠΏΡΠΎΠ±ΡΠ΅Ρ ΠΊΠΎΡΠΎΡΠΊΠΈΠΉ ΠΊΠΎΠ΄ Π»ΠΎΠΊΠ°Π»ΠΈ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ,
'zh'
Π²ΠΌΠ΅ΡΡΠΎ'zh-CN'
), - Π, Π½Π°ΠΊΠΎΠ½Π΅Ρ, Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ Π·Π°Π³ΡΡΠΆΠ΅Π½Π½ΡΠΉ ΡΠ°ΠΉΠ» Π»ΠΎΠΊΠ°Π»ΠΈ (ΠΈΠ»ΠΈ Π»ΠΎΠΊΠ°Π»Ρ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, Π΅ΡΠ»ΠΈ Π»ΠΎΠΊΠ°Π»ΠΈ Π½Π΅ Π·Π°Π³ΡΡΠΆΠ΅Π½Ρ).
ΠΡΠ»ΠΈ ΠΎΡΡΠ°Π²Π»Π΅Π½ΠΎ
Π½Π΅ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ΅
ΠΈΠ»ΠΈ ΠΏΡΡΡΠ°Ρ ΡΡΡΠΎΠΊΠ°, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΏΠΎΡΠ»Π΅Π΄Π½ΡΡ Π·Π°Π³ΡΡΠΆΠ΅Π½Π½ΡΡ Π»ΠΎΠΊΠ°Π»Ρ (ΠΈΠ»ΠΈ'en-US'
, Π΅ΡΠ»ΠΈ ΡΠ°ΠΉΠ»Ρ Π»ΠΎΠΊΠ°Π»ΠΈ Π½Π΅ Π·Π°Π³ΡΡΠΆΠ΅Π½Ρ).ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ
ΠΡΠΈΠΌΠ΅Ρ: Π―Π·ΡΠΊΠΎΠ²ΠΎΠΉ ΡΡΠ°Π½Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ
ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ ΠΌΠ΅ΡΠ°Π΄Π°Π½Π½ΡΠ΅
ΠΡΡΠΈΠ±ΡΡ:
Π΄Π°Π½Π½ΡΠ΅-ΠΎΠ±ΡΠ»ΡΠΆΠΈΠ²Π°Π½ΠΈΠ΅-ΠΌΠ΅ΡΠ°-Π΄Π°Π½Π½ΡΠ΅
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
, ΡΡΠΎΠ±Ρ ΡΠΎΡ ΡΠ°Π½ΠΈΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΌΠ΅ΡΠ°Π΄Π°Π½Π½ΡΠ΅ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ ΠΈ ΠΏΠΎΠΈΡΠΊΠ΅:- Π²ΡΠ±ΡΠ°Π½Π½ΡΠ΅ ΡΡΡΠΎΠΊΠΈ
- ΡΠΊΡΡΡΡΠ΅ ΡΡΡΠΎΠΊΠΈ
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ ΠΌΠ΅ΡΠ°Π΄Π°Π½Π½ΡΠ΅
ΠΌΠ΅ΡΠΎΠ΄
ΠΡΡΠΈΠ±ΡΡ:
ΠΌΠ΅ΡΠΎΠ΄ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
Π’ΠΈΠΏ ΠΌΠ΅ΡΠΎΠ΄Π° Π΄Π»Ρ Π·Π°ΠΏΡΠΎΡΠ° ΡΠ΄Π°Π»Π΅Π½Π½ΡΡ Π΄Π°Π½Π½ΡΡ .
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Β«ΠΏΠΎΠ»ΡΡΠΈΡΡΒ»
ΠΡΠΈΠΌΠ΅Ρ: Π’Π°Π±Π»ΠΈΡΠ½ΡΠΉ ΠΌΠ΅ΡΠΎΠ΄
ΠΌΠΈΠ½ΠΈΠΌΡΠΌΠΠΎΠ»ΠΎΠ½ΠΊΡ
ΠΡΡΠΈΠ±ΡΡ:
ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΡΠΎΠ»Π±ΡΠΎΠ² Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠΌΠ΅Ρ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΡΠΎΠ»Π±ΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Π½ΡΠΆΠ½ΠΎ ΡΠΊΡΡΡΡ ΠΈΠ· ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅Π³ΠΎΡΡ ΡΠΏΠΈΡΠΊΠ° ΡΡΠΎΠ»Π±ΡΠΎΠ².
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
1
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΡΠΎΠ»Π±ΡΠΎΠ²
ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΡΠΉ SelectRow
ΠΡΡΠΈΠ±ΡΡ:
Π΄Π°Π½Π½ΡΠ΅-ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΡΠΉ-Π²ΡΠ±ΠΎΡ-ΡΡΡΠΎΠΊΠΈ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
, ΡΡΠΎΠ±Ρ Π²ΠΊΠ»ΡΡΠΈΡΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΡΠΉ Π²ΡΠ±ΠΎΡ ΡΡΡΠΎΠΊΠΈ.ΠΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Ctrl + ΡΠ΅Π»ΡΠΎΠΊ, ΡΡΠΎΠ±Ρ Π²ΡΠ±ΡΠ°ΡΡ ΠΎΠ΄Π½Ρ ΡΡΡΠΎΠΊΡ ΠΈΠ»ΠΈ Shift + ΡΠ΅Π»ΡΠΎΠΊ, ΡΡΠΎΠ±Ρ Π²ΡΠ±ΡΠ°ΡΡ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ ΡΡΡΠΎΠΊ.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ½ΠΎΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΡΠΉ Π²ΡΠ±ΠΎΡ ΡΡΡΠΎΠΊΠΈ
Π‘ΠΏΠΈΡΠΎΠΊ ΡΡΡΠ°Π½ΠΈΡ
ΠΡΡΠΈΠ±ΡΡ:
ΡΠΏΠΈΡΠΎΠΊ ΡΡΡΠ°Π½ΠΈΡ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠ°ΡΡΠΈΠ²
ΠΠ΅ΡΠ°Π»Ρ:
ΠΡΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠΈ ΡΡΡΠ°Π½ΠΈΡ ΠΈΠ½ΠΈΡΠΈΠ°Π»ΠΈΠ·ΠΈΡΡΠΉΡΠ΅ ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ, Π²ΡΠ±ΡΠ°Π² ΡΠΏΠΈΡΠΎΠΊ. ΠΡΠ»ΠΈ Π²Ρ Π²ΠΊΠ»ΡΡΠΈΡΠ΅ ΠΎΠΏΡΠΈΡ
Β«Π²ΡΠ΅Β»
ΠΈΠ»ΠΈΒ«Π½Π΅ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½Π½ΠΎΒ»
, Π²ΡΠ΅ Π·Π°ΠΏΠΈΡΠΈ Π±ΡΠ΄ΡΡ ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ Π² Π²Π°ΡΠ΅ΠΉ ΡΠ°Π±Π»ΠΈΡΠ΅.ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ°: Π΅ΡΠ»ΠΈ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ Π΅ΡΡΡ ΠΌΠ΅Π½ΡΡΠΈΠ΅ ΡΡΡΠΎΠΊΠΈ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ², ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ Π±ΡΠ΄ΡΡ ΡΠΊΡΡΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ. Π§ΡΠΎΠ±Ρ ΠΎΡΠΊΠ»ΡΡΠΈΡΡ ΡΡΡ ΡΡΠ½ΠΊΡΠΈΡ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ SmartDisplay Π½Π°
Π»ΠΎΠΆΡ
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
[10, 25, 50, 100]
ΠΡΠΈΠΌΠ΅Ρ: Π‘ΠΏΠΈΡΠΎΠΊ ΡΡΡΠ°Π½ΠΈΡ
Π½ΠΎΠΌΠ΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ
ΠΡΡΠΈΠ±ΡΡ:
Π½ΠΎΠΌΠ΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠΌΠ΅Ρ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΡΠΈ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠΈ ΡΡΡΠ°Π½ΠΈΡ ΠΈΠ½ΠΈΡΠΈΠ°Π»ΠΈΠ·ΠΈΡΡΠΉΡΠ΅ Π½ΠΎΠΌΠ΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
1
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠΌΠ΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ
Π Π°Π·ΠΌΠ΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ
ΠΡΡΠΈΠ±ΡΡ:
ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠΌΠ΅Ρ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΡΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠΈ ΡΡΡΠ°Π½ΠΈΡ ΠΈΠ½ΠΈΡΠΈΠ°Π»ΠΈΠ·ΠΈΡΡΠΉΡΠ΅ ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
10
ΠΡΠΈΠΌΠ΅Ρ: Π Π°Π·ΠΌΠ΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ
ΠΡΡΠΈΠ±ΡΡ:
ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΠ΅ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
, ΡΡΠΎΠ±Ρ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ ΠΏΠ°Π½Π΅Π»Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ Π² Π½ΠΈΠΆΠ½Π΅ΠΉ ΡΠ°ΡΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ°Π³ΠΈΠ½Π°ΡΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ
ΠΏΠ°Π³ΠΈΠ½Π°ΡΠΈΡDetailHAalign
ΠΡΡΠΈΠ±ΡΡ:
data-pagination-detail-h-align
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΠΊΠ°ΠΆΠΈΡΠ΅, ΠΊΠ°ΠΊ Π²ΡΡΠΎΠ²Π½ΡΡΡ Π΄Π΅ΡΠ°Π»ΠΈ ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ.
'Π»Π΅Π²ΡΠΉ'
,"ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ"
ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Β«Π»Π΅Π²ΡΠΉΒ»
ΠΡΠΈΠΌΠ΅Ρ: Π Π°Π·Π±ΠΈΠ΅Π½ΠΈΠ΅ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ ΠΏΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ
ΠΡΡΠΈΠ±ΡΡ:
data-pagination-h-align
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΠΊΠ°ΠΆΠΈΡΠ΅ ΡΠΏΠΎΡΠΎΠ± Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΡ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠΈ ΡΡΡΠ°Π½ΠΈΡ.
9ΠΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ 0049 Β«Π»Π΅Π²ΡΠΉΒ» ,
Β«ΠΏΡΠ°Π²ΡΠΉΒ»
.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Β«ΠΏΡΠ°Π²ΠΎΒ»
ΠΡΠΈΠΌΠ΅Ρ: Π Π°Π·Π±ΠΈΠ΅Π½ΠΈΠ΅ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ ΠΏΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ
ΠΡΡΠΈΠ±ΡΡ:
ΡΠΈΠΊΠ» ΡΠ°Π·Π±ΠΈΠ²ΠΊΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ
Π²Π΅ΡΠ½ΠΎ
, ΡΡΠΎΠ±Ρ Π²ΠΊΠ»ΡΡΠΈΡΡ ΡΠ΅ΠΆΠΈΠΌ Π½Π΅ΠΏΡΠ΅ΡΡΠ²Π½ΠΎΠ³ΠΎ ΡΠΈΠΊΠ»Π° ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
ΠΏΡΠ°Π²Π΄Π°
ΠΡΠΈΠΌΠ΅Ρ: Π¦ΠΈΠΊΠ» ΠΏΠ°Π³ΠΈΠ½Π°ΡΠΈΠΈ
ΠΡΡΠΈΠ±ΡΡ:
data-pagination-next-text
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΠΊΠ°ΠΆΠΈΡΠ΅ Π·Π½Π°ΡΠΎΠΊ ΠΈΠ»ΠΈ ΡΠ΅ΠΊΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π² ΡΠ²Π΅Π΄Π΅Π½ΠΈΡΡ ΠΎ ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ, ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ ΠΊΠ½ΠΎΠΏΠΊΠ΅.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
'βΊ'
ΠΡΠΈΠΌΠ΅Ρ: Π’Π΅ΠΊΡΡ ΡΡΡΠ°Π½ΠΈΡΡ
ΠΏΠ°Π³ΠΈΠ½Π°ΡΠΈΡPagesBySide
ΠΡΡΠΈΠ±ΡΡ:
ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΠ΅ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ Π΄Π°Π½Π½ΡΡ ΡΡΠ΄ΠΎΠΌ
Π’ΠΈΠΏ:
ΠΠΎΠΌΠ΅Ρ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΡΡΠ°Π½ΠΈΡ Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ (ΡΠΏΡΠ°Π²Π°, ΡΠ»Π΅Π²Π°) ΠΎΡ ΡΠ΅ΠΊΡΡΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
1
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠΌΠ΅Ρ ΠΈΠ½Π΄Π΅ΠΊΡΠ° ΡΡΡΠ°Π½ΠΈΡΡ
ΠΡΡΠΈΠ±ΡΡ:
ΡΠ°ΡΡΠΈ Π΄Π°Π½Π½ΡΡ -ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ
Π’ΠΈΠΏ:
ΠΠ°ΡΡΠΈΠ²
ΠΠ΅ΡΠ°Π»Ρ:
ΠΡΠΈ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡ, ΠΊΠ°ΠΊΠΈΠ΅ ΡΠ°ΡΡΠΈ ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ Π²ΠΈΠ΄Π½Ρ.
-
pageInfo
ΠΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΠΊΠ°ΠΊΠΎΠΉ Π½Π°Π±ΠΎΡ Π΄Π°Π½Π½ΡΡ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π½Π° ΡΠ΅ΠΊΡΡΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ,ΠΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Ρ 1 ΠΏΠΎ 10 ΠΈΠ· 54 ΡΡΡΠΎΠΊ
). -
pageInfoShort
ΠΠΎΠ΄ΠΎΠ±Π½ΠΎpageInfo
, ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΡΠΎΠ»ΡΠΊΠΎ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΡΡΠΎΠΊ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ,ΠΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ 54 ΡΡΡΠΎΠΊΠΈ
). -
pageSize
ΠΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉΡΡ ΡΠΏΠΈΡΠΎΠΊ, ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡΠΈΠΉ, ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΡΠΎΠΊ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅. -
pageList
ΠΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΡΠ°ΡΡΡ ΠΏΠ°Π³ΠΈΠ½Π°ΡΠΈΠΈ (Π‘ΠΏΠΈΡΠΎΠΊ ΡΡΡΠ°Π½ΠΈΡ).
-
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
['pageInfo', 'pageSize', 'pageList']
ΠΡΠΈΠΌΠ΅Ρ: Π§Π°ΡΡΠΈ ΠΏΠ°Π³ΠΈΠ½Π°ΡΠΈΠΈ
ΠΡΡΠΈΠ±ΡΡ:
Π΄Π°Π½Π½ΡΠ΅-ΡΠ°Π·Π±ΠΈΠ²ΠΊΠ° Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ-ΠΏΡΠ΅-ΡΠ΅ΠΊΡΡ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΠΊΠ°ΠΆΠΈΡΠ΅ Π·Π½Π°ΡΠΎΠΊ ΠΈΠ»ΠΈ ΡΠ΅ΠΊΡΡ, ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΠΌΡΠΉ Π² Π΄Π΅ΡΠ°Π»ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ, ΠΊΠ½ΠΎΠΏΠΊΡ Β«ΠΠ°Π·Π°Π΄Β».
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
'βΉ'
ΠΡΠΈΠΌΠ΅Ρ: Π’Π΅ΠΊΡΡ ΡΡΡΠ°Π½ΠΈΡΡ
ΠΡΡΠΈΠ±ΡΡ:
ΡΠ°Π·ΠΌΠ΅Ρ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΡΡ ΡΡΡΠ°Π½ΠΈΡ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠΌΠ΅Ρ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΡΡ ΡΡΡΠ°Π½ΠΈΡ ΠΏΠΎΠ΄ΡΡΠ΄.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
5
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠΌΠ΅Ρ ΠΈΠ½Π΄Π΅ΠΊΡΠ° ΡΡΡΠ°Π½ΠΈΡΡ
ΠΡΡΠΈΠ±ΡΡ:
ΠΏΡΠΎΠΌΠ΅ΠΆΡΡΠΎΡΠ½ΠΎΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΠ΅ΠΉΠ΄ΠΆΠΈΠ½Π°ΡΠΈΠΈ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π Π°ΡΡΠ΅Ρ ΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡΠΎΠΌΠ΅ΠΆΡΡΠΎΡΠ½ΡΡ ΡΡΡΠ°Π½ΠΈΡ Π΄Π»Ρ Π±ΡΡΡΡΠΎΠ³ΠΎ Π΄ΠΎΡΡΡΠΏΠ°.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠΌΠ΅Ρ ΠΈΠ½Π΄Π΅ΠΊΡΠ° ΡΡΡΠ°Π½ΠΈΡΡ
ΠΡΡΠΈΠ±ΡΡ:
data-pagination-v-align
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΠΊΠ°ΠΆΠΈΡΠ΅, ΠΊΠ°ΠΊ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΠΏΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ.
Β«Π²Π΅ΡΡ Β»
,Β«Π½ΠΈΠ·Β»
,ΠΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Β«ΠΎΠ±Π°Β»
(ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ ΡΡΡΠ°Π½ΠΈΡ ΡΠ²Π΅ΡΡ Ρ ΠΈ ΡΠ½ΠΈΠ·Ρ).ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Β«Π½ΠΈΠΆΠ½ΠΈΠΉΒ»
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ°Π³ΠΈΠ½Π°ΡΠΈΡ ΠΏΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ
ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ Π·Π°ΠΏΡΠΎΡΠ°
ΠΡΡΠΈΠ±ΡΡ:
ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ Π·Π°ΠΏΡΠΎΡΠ° Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π€ΡΠ½ΠΊΡΠΈΡ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΡΠΈ Π·Π°ΠΏΡΠΎΡΠ΅ ΡΠ΄Π°Π»Π΅Π½Π½ΡΡ Π΄Π°Π½Π½ΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠΏΡΠ°Π²ΠΈΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ, ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ² queryParams.
ΠΡΠ»ΠΈ
queryParamsType = 'limit'
, ΠΎΠ±ΡΠ΅ΠΊΡ params ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ:limit
,offset
,search
,sort
,order
.ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΠΎΠ½ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ:
pageSize
,pageNumber
,searchText
,sortName
,sortOrder
.ΠΠΎΠ·Π²ΡΠ°Ρ
ΠΠΎΠΆΡ
, ΡΡΠΎΠ±Ρ ΠΎΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π·Π°ΠΏΡΠΎΡ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
ΡΡΠ½ΠΊΡΠΈΡ (ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ) { Π²ΠΎΠ·Π²ΡΠ°ΡΠ°Π΅ΠΌΡΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ }
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡ Π·Π°ΠΏΡΠΎΡΠ°
ΠΠ°ΠΏΡΠΎΡΠΠ°ΡΠ°ΠΌΡΠ’ΠΈΠΏ
ΠΡΡΠΈΠ±ΡΡ:
data-query-params-type
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
'limit'
Π΄Π»Ρ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² Π·Π°ΠΏΡΠΎΡΠ° Ρ ΡΠΈΠΏΠΎΠΌ RESTFul.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Β«ΠΏΡΠ΅Π΄Π΅Π»Β»
ΠΡΠΈΠΌΠ΅Ρ: Π’ΠΈΠΏ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² Π·Π°ΠΏΡΠΎΡΠ°
ΠΠΎΠΈΡΠΊ ΡΠ΅Π³ΡΠ»ΡΡΠ½ΡΡ Π²ΡΡΠ°ΠΆΠ΅Π½ΠΈΠΉ
ΠΡΡΠΈΠ±ΡΡ:
ΡΠ΅Π³ΡΠ»ΡΡΠ½ΠΎΠ΅ Π²ΡΡΠ°ΠΆΠ΅Π½ΠΈΠ΅-ΠΏΠΎΠΈΡΠΊ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
, ΡΡΠΎΠ±Ρ Π²ΠΊΠ»ΡΡΠΈΡΡ ΠΏΠΎΠΈΡΠΊ ΡΠ΅Π³ΡΠ»ΡΡΠ½ΡΡ Π²ΡΡΠ°ΠΆΠ΅Π½ΠΈΠΉ.ΠΡΠ»ΠΈ ΡΡΠ° ΠΎΠΏΡΠΈΡ Π²ΠΊΠ»ΡΡΠ΅Π½Π°, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΊΠ°ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³ΡΠ»ΡΡΠ½ΡΡ Π²ΡΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ.
[47a]
Π΄ΠΎΠ»Π»Π°ΡΠΎΠ² Π‘Π¨Π Π·Π° Π²ΡΠ΅ ΠΏΠΎΠ·ΠΈΡΠΈΠΈ, ΠΎΠΊΠ°Π½ΡΠΈΠ²Π°ΡΡΠΈΠ΅ΡΡ Π½Π°4
,7
ΠΈΠ»ΠΈa
. Π Π΅Π³ΡΠ»ΡΡΠ½ΠΎΠ΅ Π²ΡΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π²Π²Π΅ΡΡΠΈ Ρ ΡΠ»Π°Π³Π°ΠΌΠΈ/[47a]$/gim
ΠΈΠ»ΠΈ Π±Π΅Π· ΡΠ»Π°Π³ΠΎΠ²[47a]$
. Π€Π»Π°Π³ΠΈ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:gim
.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠΈΡΠΊ ΡΠ΅Π³ΡΠ»ΡΡΠ½ΡΡ Π²ΡΡΠ°ΠΆΠ΅Π½ΠΈΠΉ
Π·Π°ΠΏΠΎΠΌΠ½ΠΈΡΡΠΠ°ΠΊΠ°Π·Π°ΡΡ
ΠΡΡΠΈΠ±ΡΡ:
ΠΏΠΎΡΡΠ΄ΠΎΠΊ Π·Π°ΠΏΠΎΠΌΠΈΠ½Π°Π½ΠΈΡ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
, ΡΡΠΎΠ±Ρ Π·Π°ΠΏΠΎΠΌΠ½ΠΈΡΡ ΠΏΠΎΡΡΠ΄ΠΎΠΊ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΡΠΎΠ»Π±ΡΠ°.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠΌΠ½ΠΈΡΠ΅ ΠΎ Π·Π°ΠΊΠ°Π·Π΅
ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΠΎΡΠ²Π΅ΡΠ°
ΠΡΡΠΈΠ±ΡΡ:
ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊ Π΄Π°Π½Π½ΡΡ -ΠΎΡΠ²Π΅ΡΠ°
Π’ΠΈΠΏ:
Π€ΡΠ½ΠΊΡΠΈΡ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠ΅ΡΠ΅Π΄ Π·Π°Π³ΡΡΠ·ΠΊΠΎΠΉ ΡΠ΄Π°Π»Π΅Π½Π½ΡΡ Π΄Π°Π½Π½ΡΡ ΠΎΠ±ΡΠ°Π±ΠΎΡΠ°ΠΉΡΠ΅ ΡΠΎΡΠΌΠ°Ρ Π΄Π°Π½Π½ΡΡ ΠΎΡΠ²Π΅ΡΠ°.
ΠΠ±ΡΠ΅ΠΊΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ:
-
ΡΠ΅Π·
: Π΄Π°Π½Π½ΡΠ΅ ΠΎΡΠ²Π΅ΡΠ°. -
jqXHR
: ΠΎΠ±ΡΠ΅ΠΊΡ jqXHR, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ²Π»ΡΠ΅ΡΡΡ Π½Π°Π΄ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎΠΌ ΠΎΠ±ΡΠ΅ΠΊΡΠ° XMLHTTPRequest. ΠΠ»Ρ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΡΠΌ. Π’ΠΈΠΏ jqXHR.
-
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
function(res) { return res }
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΠΎΡΠ²Π΅ΡΠ°
Π°ΡΡΠΈΠ±ΡΡΡ ΡΡΡΠΎΠΊΠΈ
ΠΡΡΠΈΠ±ΡΡ:
Π°ΡΡΠΈΠ±ΡΡΡ ΡΡΡΠΎΠΊΠΈ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π€ΡΠ½ΠΊΡΠΈΡ
ΠΠ΅ΡΠ°Π»Ρ:
Π€ΡΠ½ΠΊΡΠΈΡ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π°ΡΡΠΈΠ±ΡΡΠ° ΡΡΡΠΎΠΊΠΈ ΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅Ρ Π΄Π²Π° ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°:
-
ΡΡΡΠΎΠΊΠ°
: Π΄Π°Π½Π½ΡΠ΅ Π·Π°ΠΏΠΈΡΠΈ ΡΡΡΠΎΠΊΠΈ. -
ΠΈΠ½Π΄Π΅ΠΊΡ
: ΠΈΠ½Π΄Π΅ΠΊΡ ΡΡΡΠΎΠΊΠΈ.
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° Π²ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΡ Π°ΡΡΠΈΠ±ΡΡΠΎΠ².
-
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
{}
ΠΡΠΈΠΌΠ΅Ρ: ΠΡΡΠΈΠ±ΡΡΡ ΡΡΡΠΎΠΊΠΈ
ΡΡΠΈΠ»Ρ ΡΡΡΠΎΠΊΠΈ
ΠΡΡΠΈΠ±ΡΡ:
ΡΡΠΈΠ»Ρ ΡΡΡΠΎΠΊΠΈ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π€ΡΠ½ΠΊΡΠΈΡ
ΠΠ΅ΡΠ°Π»Ρ:
Π€ΡΠ½ΠΊΡΠΈΡ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΡΡΠΎΠΊ, ΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅Ρ Π΄Π²Π° ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°:
-
ΡΡΡΠΎΠΊΠ°
: Π΄Π°Π½Π½ΡΠ΅ Π·Π°ΠΏΠΈΡΠΈ ΡΡΡΠΎΠΊΠΈ. -
ΠΈΠ½Π΄Π΅ΠΊΡ
: ΠΈΠ½Π΄Π΅ΠΊΡ ΡΡΡΠΎΠΊΠΈ.
ΠΠ»Π°ΡΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΠΈΠ»ΠΈ css.
-
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
{}
ΠΡΠΈΠΌΠ΅Ρ: Π‘ΡΠΈΠ»Ρ ΡΡΡΠΎΠΊΠΈ
ΠΏΠΎΠΈΡΠΊ
ΠΡΡΠΈΠ±ΡΡ:
ΠΏΠΎΠΈΡΠΊ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΊΠ»ΡΡΠΈΡΡ Π²Π²ΠΎΠ΄ ΠΏΠΎΠΈΡΠΊΠ°.
Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΡΡΠΈ ΡΠΏΠΎΡΠΎΠ±Π° ΠΏΠΎΠΈΡΠΊΠ°:
- ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΠΉ Π·Π°ΠΏΡΠΎΡ (ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ). ΠΡΠΈΠΌΠ΅Ρ: Github ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ git.
- ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡΡ Ρ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΠΌ Π·Π°ΠΏΡΠΎΡΠΎΠΌ. ΠΡΠΈΠΌΠ΅Ρ: Github (Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅) ΠΈ Github (ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΠΉ Π·Π°ΠΏΡΠΎΡ).
- Π‘ΡΠ°Π²Π½Π΅Π½ΠΈΡ (<, >, <=, =<, >=, =>). ΠΡΠΈΠΌΠ΅Ρ: 4 Π±ΠΎΠ»ΡΡΠ΅ 3.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΡ:
- ΠΡΠ»ΠΈ Π²Ρ Ρ
ΠΎΡΠΈΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ Π²Π²ΠΎΠ΄ Π΄Π»Ρ ΠΏΠΎΠΈΡΠΊΠ°, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ searchSelector.
- ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ ΠΏΠΎΠΈΡΠΊ ΠΏΠΎ ΡΠ΅Π³ΡΠ»ΡΡΠ½ΠΎΠΌΡ Π²ΡΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ regexSearch.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠΈΡΠΊ ΠΏΠΎ ΡΠ°Π±Π»ΠΈΡΠ΅
ΠΏΠΎΠΈΡΠΊΠΠΊΡΠ΅Π½ΡΠΠ΅ΠΉΡΡΠ°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ
ΠΡΡΠΈΠ±ΡΡ:
ΠΏΠΎΠΈΡΠΊ Π΄Π°Π½Π½ΡΡ -Π°ΠΊΡΠ΅Π½Ρ-Π½Π΅ΠΉΡΡΠ°Π»ΠΈΠ·Π°ΡΠΈΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅
true
, Π΅ΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠ½ΠΊΡΠΈΡ Π½Π΅ΠΉΡΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π°ΠΊΡΠ΅Π½ΡΠ°.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΊΡΠ΅Π½Ρ ΠΏΠΎΠΈΡΠΊΠ° ΠΠ΅ΠΉΡΡΠ°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ
ΠΏΠΎΠΈΡΠΊΠΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅
ΠΡΡΠΈΠ±ΡΡ:
Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΠΈΡΠΊΠ° Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΠΊΠ°ΠΆΠΈΡΠ΅, ΠΊΠ°ΠΊ Π²ΡΡΠΎΠ²Π½ΡΡΡ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΠΉ Π²Π²ΠΎΠ΄.
Β«Π»Π΅Π²ΡΠΉΒ»
,Β«ΠΏΡΠ°Π²ΡΠΉΒ»
ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Β«ΠΏΡΠ°Π²ΠΎΒ»
ΠΡΠΈΠΌΠ΅Ρ: ΠΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΠΈΡΠΊΠ°
ΠΏΠΎΠΈΡΠΊΠΠΎΠ΄ΡΠ²Π΅ΡΠΊΠ°
ΠΡΡΠΈΠ±ΡΡ:
Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅-ΠΏΠΎΠΈΡΠΊ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅
true
, ΡΡΠΎΠ±Ρ Π²ΡΠ΄Π΅Π»ΠΈΡΡ ΠΈΡΠΊΠΎΠΌΡΠΉ ΡΠ΅ΠΊΡΡ (ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ HTML-ΡΠ΅Π³ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Β«Π»ΠΎΠΆΡΒ»
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠ΄ΡΠ²Π΅ΡΠΊΠ° ΠΏΠΎΠΈΡΠΊΠ°
searchOnEnterKey
ΠΡΡΠΈΠ±ΡΡ:
ΠΏΠΎΠΈΡΠΊ Π΄Π°Π½Π½ΡΡ ΠΏΠΎ ΠΊΠ»Π°Π²ΠΈΡΠ΅ Π²Π²ΠΎΠ΄Π°
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠ΅ΡΠΎΠ΄ ΠΏΠΎΠΈΡΠΊΠ° Π±ΡΠ΄Π΅Ρ Π²ΡΠΏΠΎΠ»Π½ΡΡΡΡΡ Π΄ΠΎ ΡΠ΅Ρ ΠΏΠΎΡ, ΠΏΠΎΠΊΠ° Π½Π΅ Π±ΡΠ΄Π΅Ρ Π½Π°ΠΆΠ°ΡΠ° ΠΊΠ»Π°Π²ΠΈΡΠ° Enter.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠΈΡΠΊ ΠΏΠΎ ΠΊΠ»Π°Π²ΠΈΡΠ΅ Π²Π²ΠΎΠ΄Π°
ΠΏΠΎΠΈΡΠΊΠ‘Π΅Π»Π΅ΠΊΡΠΎΡ
ΠΡΡΠΈΠ±ΡΡ:
ΡΠ΅Π»Π΅ΠΊΡΠΎΡ ΠΏΠΎΠΈΡΠΊΠ° Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΡΠ»Π΅Π²ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅|Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
ΠΡΠ»ΠΈ ΡΡΠΎΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ (Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ Π΄ΠΎΠΏΡΡΡΠΈΠΌΡΠΌ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΠΎΠΌ dom, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ,
#customSearch
), Π½Π°ΠΉΠ΄Π΅Π½Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ dom (ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π²Π²ΠΎΠ΄Π°ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: Π‘Π΅Π»Π΅ΠΊΡΠΎΡ ΠΏΠΎΠΈΡΠΊΠ°
ΠΏΠΎΠΈΡΠΊΡΠ΅ΠΊΡΡ
ΠΡΡΠΈΠ±ΡΡ:
ΡΠ΅ΠΊΡΡ ΠΏΠΎΠΈΡΠΊΠ° Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
ΠΡΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΏΠΎΠΈΡΠΊΠ° ΠΈΠ½ΠΈΡΠΈΠ°Π»ΠΈΠ·ΠΈΡΡΠΉΡΠ΅ ΡΠ΅ΠΊΡΡ ΠΏΠΎΠΈΡΠΊΠ°.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠΈΡΠΊ ΡΠ΅ΠΊΡΡΠ°
searchTimeOut
ΠΡΡΠΈΠ±ΡΡ:
ΡΠ°ΠΉΠΌ-Π°ΡΡ ΠΏΠΎΠΈΡΠΊΠ° Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠΌΠ΅Ρ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΠ°ΠΉΠΌ-Π°ΡΡ Π΄Π»Ρ ΠΏΠΎΠΈΡΠΊΠ° ΠΎΠ³Π½Ρ.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
500
ΠΡΠΈΠΌΠ΅Ρ: Π’Π°ΠΉΠΌ-Π°ΡΡ ΠΏΠΎΠΈΡΠΊΠ°
ΠΈΠΌΡ_Π²ΡΠ±ΠΎΡΠ°_ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°
ΠΡΡΠΈΠ±ΡΡ:
data-select-item-name
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΌΡ Π²Ρ ΠΎΠ΄Π° ΡΠ°Π΄ΠΈΠΎ ΠΈΠ»ΠΈ ΡΠ»Π°ΠΆΠΊΠ°.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
'btSelectItem'
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠ»Π΅ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΠ°
ΡΠ΅ΡΠ²Π΅Ρ Π‘ΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ°
ΠΡΡΠΈΠ±ΡΡ:
ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ° ΡΠ΅ΡΠ²Π΅ΡΠ° Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
false
Π΄Π»Ρ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ Π΄Π°Π½Π½ΡΡ Π½Π° ΡΡΠΎΡΠΎΠ½Π΅ ΠΊΠ»ΠΈΠ΅Π½ΡΠ°, ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΡΠΎΠ»ΡΠΊΠΎ ΡΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π°sidePagination
ΡΠ²Π»ΡΠ΅ΡΡΡserver
.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
ΠΏΡΠ°Π²Π΄Π°
ΠΡΠΈΠΌΠ΅Ρ: Π‘ΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ° ΠΏΠΎ ΡΠ΅ΡΠ²Π΅ΡΡ
ΡΠΎΡΠ±ΡΡΡΠΎΠ½ΠΈΠΊΠΎΠ½Ρ
ΠΡΡΠΈΠ±ΡΡ:
data-show-button-icons
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠ° Π²ΡΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°Ρ Π±ΡΠ΄ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π·Π½Π°ΡΠΊΠΈ.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
ΠΏΡΠ°Π²Π΄Π°
ΠΡΠΈΠΌΠ΅Ρ: ΠΏΠΎΠΊΠ°Π·Π°ΡΡ Π·Π½Π°ΡΠΊΠΈ ΠΊΠ½ΠΎΠΏΠΎΠΊ
ΡΠΎΡΠ±ΡΡΡΠΎΠ½ΡΠ΅ΠΊΡΡ
ΠΡΡΠΈΠ±ΡΡ:
data-show-button-text
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠ° Π²ΡΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°Ρ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ ΡΠ΅ΠΊΡΡ.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΡΠ΅ΠΊΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ
ΡΠΎΡΠΠΎΠ»ΠΎΠ½ΠΊΡ
ΠΡΡΠΈΠ±ΡΡ:
Π΄Π°Π½Π½ΡΠ΅-ΠΏΠΎΠΊΠ°Π·Π°ΡΡ-ΡΡΠΎΠ»Π±ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
, ΡΡΠΎΠ±Ρ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉΡΡ ΡΠΏΠΈΡΠΎΠΊ ΡΡΠΎΠ»Π±ΡΠΎΠ².ΠΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π΄Π»Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°
ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΡΡΠΎΠ»Π±Π΅Ρ
Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅false
, ΡΡΠΎΠ±Ρ ΡΠΊΡΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΡΠΎΠ»Π±ΡΠ° Π² ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅ΠΌΡΡ ΡΠΏΠΈΡΠΊΠ΅.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΡΠ½ΠΎΠ²Π½ΡΠ΅ ΡΡΠΎΠ»Π±ΡΡ ΠΈ Π±ΠΎΠ»ΡΡΠΈΠ΅ ΡΡΠΎΠ»Π±ΡΡ
showColumnsSearch
ΠΡΡΠΈΠ±ΡΡ:
data-show-columns-search
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
, ΡΡΠΎΠ±Ρ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ ΠΏΠΎΠΈΡΠΊ ΡΠΈΠ»ΡΡΡΠ° ΡΡΠΎΠ»Π±ΡΠ°.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠΈΡΠΊ ΠΏΠΎ ΡΡΠΎΠ»Π±ΡΠ°ΠΌ
showColumnsToggleAll
ΠΡΡΠΈΠ±ΡΡ:
data-show-columns-toggle-all
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
, ΡΡΠΎΠ±Ρ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ ΡΠ»Π°ΠΆΠΎΠΊ Β«ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΡ Π²ΡΠ΅Β» Π² ΠΎΠΏΡΠΈΠΈ/ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅ΠΌΡΡ ΡΠΏΠΈΡΠΊΠ΅ ΡΡΠΎΠ»Π±ΡΠΎΠ².ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: Π‘ΡΠΎΠ»Π±ΡΡ ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΡ Π²ΡΠ΅
ΠΡΡΠΈΠ±ΡΡ:
data-show-extended-pagination
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΡ Π²Π΅ΡΡΠΈΡ ΡΠ°Π·Π±ΠΈΠ²ΠΊΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ (Π²ΠΊΠ»ΡΡΠ°Ρ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ Π²ΡΠ΅Ρ ΡΡΡΠΎΠΊ Π±Π΅Π· ΡΠΈΠ»ΡΡΡΠΎΠ²). ΠΡΠ»ΠΈ Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ ΡΡΡΠ°Π½ΠΈΡ Π½Π° ΡΡΠΎΡΠΎΠ½Π΅ ΡΠ΅ΡΠ²Π΅ΡΠ°, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅totalNotFilteredField
Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π°.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠΊΠ°Π·Π°ΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΡ ΡΠ°Π·Π±ΠΈΠ²ΠΊΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ
ΠΡΡΠΈΠ±ΡΡ:
data-show-footer
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ
Π²Π΅ΡΠ½ΠΎ
, ΡΡΠΎΠ±Ρ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ ΡΠ²ΠΎΠ΄Π½ΡΡ ΡΡΡΠΎΠΊΡ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»Π°.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠΊΠ°Π·Π°ΡΡ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»
ΠΏΠΎΠΊΠ°Π·Π°ΡΡΠΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΡΠΉ
ΠΡΡΠΈΠ±ΡΡ:
data-show-fullscreen
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ
Π²Π΅ΡΠ½ΠΎ
, ΡΡΠΎΠ±Ρ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ ΠΏΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠΊΠ°Π·Π°ΡΡ Π² ΠΏΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΠΎΠΌ ΡΠ΅ΠΆΠΈΠΌΠ΅
ΠΡΡΠΈΠ±ΡΡ:
data-show-header
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
false
, ΡΡΠΎΠ±Ρ ΡΠΊΡΡΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΠ°Π±Π»ΠΈΡΡ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
ΠΏΡΠ°Π²Π΄Π°
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠΊΠ°Π·Π°ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ
ΠΡΡΠΈΠ±ΡΡ:
data-show-pagination-switch
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
, ΡΡΠΎΠ±Ρ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΡΡΡΠ°Π½ΠΈΡ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠΊΠ°Π·Π°ΡΡ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ ΠΏΠ°Π³ΠΈΠ½Π°ΡΠΈΠΈ
ΠΏΠΎΠΊΠ°Π·Π°ΡΡΠΠ±Π½ΠΎΠ²ΠΈΡΡ
ΠΡΡΠΈΠ±ΡΡ:
ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠΊΠ°Π·Π°ΡΡ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅
showSearchButton
ΠΡΡΠΈΠ±ΡΡ:
ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΏΠΎΠΈΡΠΊΠ° Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ ΠΏΠΎΠΈΡΠΊΠ° ΠΏΠΎΡΠ»Π΅ Π²Π²ΠΎΠ΄Π° ΠΏΠΎΠΈΡΠΊΠ°. ΠΠΎΠΈΡΠΊ Π±ΡΠ΄Π΅Ρ Π²ΡΠΏΠΎΠ»Π½ΡΡΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π² ΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅, Π΅ΡΠ»ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ° Π½Π°ΠΆΠ°ΡΠ° (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π΄Π»Ρ ΠΏΡΠ΅Π΄ΠΎΡΠ²ΡΠ°ΡΠ΅Π½ΠΈΡ ΠΏΡΠΎΠ±ΠΎΠΊ ΠΈΠ»ΠΈ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠΈ).ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠΊΠ°Π·Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ ΠΏΠΎΠΈΡΠΊΠ°
showSearchClearButton
ΠΡΡΠΈΠ±ΡΡ:
Π΄Π°Π½Π½ΡΠ΅-ΠΏΠΎΠΊΠ°Π·Π°ΡΡ-ΠΏΠΎΠΈΡΠΊ-ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΎΡΠΈΡΡΠΊΠΈ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
, ΡΡΠΎΠ±Ρ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ ΠΎΡΠΈΡΡΠΊΠΈ Π·Π° Π²Π²ΠΎΠ΄ΠΎΠΌ ΠΏΠΎΠΈΡΠΊΠ°, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΎΡΠΈΡΡΠΈΡ Π²Π²ΠΎΠ΄ ΠΏΠΎΠΈΡΠΊΠ° (ΡΠ°ΠΊΠΆΠ΅ Π²Π΅ΡΡ ΡΠΈΠ»ΡΡΡ ΠΈΠ· ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠΈΠ»ΡΡΡΠΎΠΌ (Π΅ΡΠ»ΠΈ Π²ΠΊΠ»ΡΡΠ΅Π½)).ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠΊΠ°Π·Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ ΠΎΡΠΈΡΡΠΊΠΈ ΠΏΠΎΠΈΡΠΊΠ°
ΠΏΠΎΠΊΠ°Π·Π°ΡΡToggle
ΠΡΡΠΈΠ±ΡΡ:
data-show-toggle
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
, ΡΡΠΎΠ±Ρ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ-ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ Π΄Π»Ρ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΡΠ°Π±Π»ΠΈΡΡ/ΠΊΠ°ΡΡΡ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠΊΠ°Π·Π°ΡΡ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ
ΠΡΡΠΈΠ±ΡΡ:
ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΠ΅ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ Π½Π° ΡΡΠΎΡΠΎΠ½Π΅ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π±ΠΎΠΊΠΎΠ²ΡΡ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ ΡΡΡΠ°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ, ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ
'ΠΊΠ»ΠΈΠ΅Π½Ρ'
ΠΈΠ»ΠΈ'ΡΠ΅ΡΠ²Π΅Ρ'
.ΠΠ»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΡΠΎΡΠΎΠ½Ρ
'server'
ΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ'url'
ΠΈΠ»ΠΈ'ajax'
.ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ ΡΡΠ΅Π±ΡΠ΅ΠΌΡΠΉ ΡΠΎΡΠΌΠ°Ρ ΠΎΡΠ²Π΅ΡΠ° ΡΠ΅ΡΠ²Π΅ΡΠ° Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΡΠΎΠ³ΠΎ, ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ Π»ΠΈ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ
'sidePagination'
Π½Π°'ΠΊΠ»ΠΈΠ΅Π½Ρ'
ΠΈΠ»ΠΈ'ΡΠ΅ΡΠ²Π΅Ρ'
. Π‘ΠΌ. ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ:- ΠΠ΅Π· ΠΏΠ°Π³ΠΈΠ½Π°ΡΠΈΠΈ Π½Π° ΡΡΠΎΡΠΎΠ½Π΅ ΡΠ΅ΡΠ²Π΅ΡΠ°
- Π‘ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡ Π½Π° ΡΡΠΎΡΠΎΠ½Π΅ ΡΠ΅ΡΠ²Π΅ΡΠ°
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Β«ΠΊΠ»ΠΈΠ΅Π½ΡΒ»
ΠΡΠΈΠΌΠ΅Ρ: Π Π°Π·Π±ΠΈΠ΅Π½ΠΈΠ΅ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ Π½Π° ΡΡΠΎΡΠΎΠ½Π΅ ΠΊΠ»ΠΈΠ΅Π½ΡΠ° ΠΈ Π½Π° ΡΡΠΎΡΠΎΠ½Π΅ ΡΠ΅ΡΠ²Π΅ΡΠ°
ΠΌΠΎΠ»ΡΠ°Π½ΠΈΠ΅Π‘ΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ°
ΠΡΡΠΈΠ±ΡΡ:
ΠΌΠΎΠ»ΡΠ°Π½ΠΈΠ΅ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
false
, ΡΡΠΎΠ±Ρ ΠΎΡΡΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ Π΄Π°Π½Π½ΡΠ΅ Ρ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅ΠΌ ΠΎ Π·Π°Π³ΡΡΠ·ΠΊΠ΅.ΠΡΠΎΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ, ΠΊΠΎΠ³Π΄Π° Π΄Π»Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ° sidePagination ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ 9.0049 βΡΠ΅ΡΠ²Π΅Ρβ .
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
ΠΏΡΠ°Π²Π΄Π°
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ΅ΡΡΡΠΌΠ½Π°Ρ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ°
ΠΡΡΠΈΠ±ΡΡ:
ΠΎΠ΄ΠΈΠ½ΠΎΡΠ½ΡΠΉ Π²ΡΠ±ΠΎΡ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
, ΡΡΠΎΠ±Ρ ΡΠ°Π·ΡΠ΅ΡΠΈΡΡ Π²ΡΠ±ΠΎΡ ΡΠ»Π°ΠΆΠΊΠΎΠΌ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ΄Π½ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ΄ΠΈΠ½ΠΎΡΠ½ΡΠΉ Π²ΡΠ±ΠΎΡ
ΡΠΌΠ°ΡΡ-Π΄ΠΈΡΠΏΠ»Π΅ΠΉ
ΠΡΡΠΈΠ±ΡΡ:
data-smart-display
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
Π΄Π»Ρ ΠΈΠ½ΡΠ΅Π»Π»Π΅ΠΊΡΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠ°Π·Π±ΠΈΠ²ΠΊΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠ»ΠΈ ΠΊΠ°ΡΡΠΎΡΠ΅ΠΊ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
ΠΏΡΠ°Π²Π΄Π°
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ½ΡΠ΅Π»Π»Π΅ΠΊΡΡΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΡΠΏΠ»Π΅ΠΉ
ΡΠΎΡΡΠΈΡΡΠ΅ΠΌΡΠΉ
ΠΡΡΠΈΠ±ΡΡ:
ΡΠΎΡΡΠΈΡΡΠ΅ΠΌΡΠΉ ΠΏΠΎ Π΄Π°Π½Π½ΡΠΌ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
false
, ΡΡΠΎΠ±Ρ ΠΎΡΠΊΠ»ΡΡΠΈΡΡ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΡ Π²ΡΠ΅Ρ ΡΡΠΎΠ»Π±ΡΠΎΠ².ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
ΠΏΡΠ°Π²Π΄Π°
ΠΡΠΈΠΌΠ΅Ρ: Π‘ΠΎΡΡΠΈΡΡΠ΅ΠΌΠ°Ρ ΡΠ°Π±Π»ΠΈΡΠ°
ΠΊΠ»Π°ΡΡ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ
sortEmptyLast
ΠΡΡΠΈΠ±ΡΡ:
Π΄Π°Π½Π½ΡΠ΅-ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ°-ΠΏΡΡΡΠΎ-ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠ΅
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ
true
Π΄Π»Ρ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ<ΠΏΡΡΡΠ°Ρ ΡΡΡΠΎΠΊΠ°>
,undefined
ΠΈnull
Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅Π³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: Π‘ΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΏΡΡΡΡΠΌ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΌ
ΠΈΠΌΡΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ
ΠΡΡΠΈΠ±ΡΡ:
ΠΈΠΌΡ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ, ΠΊΠ°ΠΊΠΎΠΉ ΡΡΠΎΠ»Π±Π΅Ρ Π±ΡΠ΄Π΅Ρ ΠΎΡΡΠΎΡΡΠΈΡΠΎΠ²Π°Π½.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΡΡΠ΄ΠΎΠΊ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ ΠΈΠΌΠ΅Π½
ΠΏΠΎΡΡΠ΄ΠΎΠΊ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ
ΠΡΡΠΈΠ±ΡΡ:
ΠΏΠΎΡΡΠ΄ΠΎΠΊ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΏΠΎΡΡΠ΄ΠΎΠΊ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ ΡΡΠΎΠ»Π±ΡΠΎΠ², ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ
undefined
,'asc'
ΠΈΠ»ΠΈ'desc'
.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΡΡΠ΄ΠΎΠΊ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ ΠΈΠΌΠ΅Π½
ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ°Π‘Π±ΡΠΎΡ
sortΠ‘ΡΠ°Π±ΠΈΠ»ΡΠ½ΡΠΉ
ΠΡΡΠΈΠ±ΡΡ:
ΡΡΠ°Π±ΠΈΠ»ΡΠ½Π°Ρ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ° Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΡΡΠ°Π±ΠΈΠ»ΡΠ½ΡΡ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΡ. ΠΡ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π² ΡΡΡΠΎΠΊΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ'_position'
.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: Π‘ΡΠ°Π±ΠΈΠ»ΡΠ½Π°Ρ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ°
ΡΡΡΠΎΠ³ΠΈΠΉ ΠΏΠΎΠΈΡΠΊ
ΠΡΡΠΈΠ±ΡΡ:
ΡΡΡΠΎΠ³ΠΈΠΉ ΠΏΠΎΠΈΡΠΊ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΊΠ»ΡΡΠΈΡΡ ΡΡΡΠΎΠ³ΠΈΠΉ ΠΏΠΎΠΈΡΠΊ.
ΠΡΠΊΠ»ΡΡΠ°Π΅Ρ ΠΏΡΠΎΠ²Π΅ΡΠΊΠΈ ΡΡΠ°Π²Π½Π΅Π½ΠΈΡ.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: Π‘ΡΡΠΎΠ³ΠΈΠΉ ΠΏΠΎΠΈΡΠΊ
theadClasses
ΠΡΡΠΈΠ±ΡΡ:
ΠΊΠ»Π°ΡΡΡ Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΌΡ ΠΊΠ»Π°ΡΡΠ° ΡΠ°Π±Π»ΠΈΡΡ thead. Bootstrap v4, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΊΠ»Π°ΡΡΡ ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡΠΎΠ²
.thead-light
ΠΈΠ»ΠΈ.thead-dark
, ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡthead
ΡΠ²Π΅ΡΠ»ΠΎ- ΠΈΠ»ΠΈ ΡΠ΅ΠΌΠ½ΠΎ-ΡΠ΅ΡΡΠΌ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ»Π°ΡΡΡ Thead
ΠΏΠ°Π½Π΅Π»Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ²
ΠΡΡΠΈΠ±ΡΡ:
ΠΏΠ°Π½Π΅Π»Ρ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°/ΡΠ·Π΅Π»
ΠΠ΅ΡΠ°Π»Ρ:
Π‘Π΅Π»Π΅ΠΊΡΠΎΡ jQuery, ΡΠΊΠ°Π·ΡΠ²Π°ΡΡΠΈΠΉ ΠΏΠ°Π½Π΅Π»Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ², Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ:
#toolbar
,.
ΠΈΠ»ΠΈ ΡΠ·Π΅Π» DOM.toolbar
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠ°Ρ ΠΏΠ°Π½Π΅Π»Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ²
ΠΏΠ°Π½Π΅Π»Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ²ΠΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅
ΠΡΡΠΈΠ±ΡΡ:
data-toolbar-align
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΠΊΠ°ΠΆΠΈΡΠ΅, ΠΊΠ°ΠΊ Π²ΡΡΠΎΠ²Π½ΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΡΡ ΠΏΠ°Π½Π΅Π»Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ².
Β«Π»Π΅Π²ΡΠΉΒ»
,Β«ΠΏΡΠ°Π²ΡΠΉΒ»
ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Β«Π»Π΅Π²ΡΠΉΒ»
ΠΡΠΈΠΌΠ΅Ρ: ΠΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ²
ΠΎΠ±ΡΠ΅Π΅ ΠΏΠΎΠ»Π΅
ΠΡΡΠΈΠ±ΡΡ:
ΠΏΠΎΠ»Π΅ Π΄Π°Π½Π½ΡΡ Π²ΡΠ΅Π³ΠΎ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠ»ΡΡ Π²ΠΎ Π²Ρ ΠΎΠ΄ΡΡΠ΅ΠΌ JSON, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠ΅ΠΌ
Β«Π²ΡΠ΅Π³ΠΎΒ»
Π΄Π°Π½Π½ΡΡ .ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Β«Π²ΡΠ΅Π³ΠΎΒ»
ΠΡΠΈΠΌΠ΅Ρ: ΠΡΠΎΠ³ΠΎ/ΠΏΠΎΠ»Π΅ Π΄Π°Π½Π½ΡΡ
ΠΡΠ΅Π³ΠΎΠΠ΅ΡΠΈΠ»ΡΡΡΠΎΠ²Π°Π½ΠΎ
Π²ΡΠ΅Π³ΠΎNotFilteredField
ΠΡΡΠΈΠ±ΡΡ:
ΠΎΠ±ΡΠ΅Π΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ Π½Π΅ΡΠΈΠ»ΡΡΡΠΎΠ²Π°Π½Π½ΡΡ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΡΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΎΠ»Π΅ ΠΈΠ· ΠΎΡΠ²Π΅ΡΠ° JSON Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π΄Π»Ρ
showExtendedPagination
.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
totalNotFiltered
ΠΡΠΈΠΌΠ΅Ρ: ΠΡΠ΅Π³ΠΎ Π½Π΅ ΠΎΡΡΠΈΠ»ΡΡΡΠΎΠ²Π°Π½Π½ΡΡ ΠΏΠΎΠ»Π΅ΠΉ
Π²ΡΠ΅Π³ΠΎ ΡΡΡΠΎΠΊ
ΠΎΠ±ΡΠ΅Π·ΠΊΠ° ΠΏΡΠΈ ΠΏΠΎΠΈΡΠΊΠ΅
ΠΡΡΠΈΠ±ΡΡ:
ΠΎΠ±ΡΠ΅Π·ΠΊΠ° Π΄Π°Π½Π½ΡΡ ΠΏΡΠΈ ΠΏΠΎΠΈΡΠΊΠ΅
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ
Π²Π΅ΡΠ½ΠΎ
, ΡΡΠΎΠ±Ρ ΠΎΠ±ΡΠ΅Π·Π°ΡΡ ΠΏΡΠΎΠ±Π΅Π»Ρ Π² ΠΏΠΎΠ»Π΅ ΠΏΠΎΠΈΡΠΊΠ°.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
ΠΏΡΠ°Π²Π΄Π°
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ±ΡΠ΅Π·ΠΊΠ° ΠΏΡΠΈ ΠΏΠΎΠΈΡΠΊΠ΅
undefinedText
ΠΡΡΠΈΠ±ΡΡ:
Π΄Π°Π½Π½ΡΠ΅-Π½Π΅ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΉ ΡΠ΅ΠΊΡΡ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ
Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ
ΡΠ΅ΠΊΡΡ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
'-'
ΠΡΠΈΠΌΠ΅Ρ: ΠΠ΅ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΉ ΡΠ΅ΠΊΡΡ
ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ
ΠΡΡΠΈΠ±ΡΡ:
ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΠΊΠ°ΠΆΠΈΡΠ΅ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ.
Π£Π½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ Π²ΡΠ΅Π³Π΄Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΡΠΌ Π΄Π»Ρ html, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ. Π±ΡΠΊΠ²Π΅Π½Π½ΠΎ-ΡΠΈΡΡΠΎΠ²ΠΎΠΉ, ΠΎΠ½ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠ³ΡΡ ΡΠ»ΠΎΠΌΠ°ΡΡ html, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ.
"
.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ
ΠΡΠΈΠΌΠ΅Ρ: getRowByUniqueId
Π°Π΄ΡΠ΅Ρ
ΠΡΡΠΈΠ±ΡΡ:
URL-Π°Π΄ΡΠ΅Ρ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
Π‘ΡΡΠΎΠΊΠ°
ΠΠ΅ΡΠ°Π»Ρ:
URL-Π°Π΄ΡΠ΅Ρ Π΄Π»Ρ Π·Π°ΠΏΡΠΎΡΠ° Π΄Π°Π½Π½ΡΡ Ρ ΡΠ΄Π°Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΡΠ°ΠΉΡΠ°.
ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ ΡΡΠ΅Π±ΡΠ΅ΠΌΡΠΉ ΡΠΎΡΠΌΠ°Ρ ΠΎΡΠ²Π΅ΡΠ° ΡΠ΅ΡΠ²Π΅ΡΠ° Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΡΠΎΠ³ΠΎ, ΡΠΊΠ°Π·Π°Π½Π° Π»ΠΈ ΠΎΠΏΡΠΈΡ
'sidePagination'
. Π‘ΠΌ. ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ:- ΠΠ΅Π· ΠΏΠ°Π³ΠΈΠ½Π°ΡΠΈΠΈ Π½Π° ΡΡΠΎΡΠΎΠ½Π΅ ΡΠ΅ΡΠ²Π΅ΡΠ°
- Π‘ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡ Π½Π° ΡΡΠΎΡΠΎΠ½Π΅ ΡΠ΅ΡΠ²Π΅ΡΠ°
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ
ΠΡΠΈΠΌΠ΅Ρ: Π‘ URL-Π°Π΄ΡΠ΅ΡΠ°
ΠΠ±ΡΠ°Π±ΠΎΡΠΊΠ° ΠΎΡΠΈΠ±ΠΎΠΊ
Π§ΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΎΡΠΈΠ±ΠΊΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ onLoadError
ΠΡΡΠΈΠ±ΡΡ:
Π²ΠΈΡΡΡΠ°Π»ΡΠ½Π°Ρ ΠΏΡΠΎΠΊΡΡΡΠΊΠ° Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
, ΡΡΠΎΠ±Ρ Π²ΠΊΠ»ΡΡΠΈΡΡ Π²ΠΈΡΡΡΠ°Π»ΡΠ½ΡΡ ΠΏΡΠΎΠΊΡΡΡΠΊΡ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π²ΠΈΡΡΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ Β«Π±Π΅ΡΠΊΠΎΠ½Π΅ΡΠ½ΠΎΠ³ΠΎΒ» ΡΠΏΠΈΡΠΊΠ°.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π»ΠΎΠΆΡ
ΠΡΠΈΠΌΠ΅Ρ: ΠΠΎΠ»ΡΡΠΈΠ΅ Π΄Π°Π½Π½ΡΠ΅
ΠΡΡΠΈΠ±ΡΡ:
Π²ΡΡΠΎΡΠ° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π²ΠΈΡΡΡΠ°Π»ΡΠ½ΠΎΠΉ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠΌΠ΅Ρ
ΠΠ΅ΡΠ°Π»Ρ:
ΠΡΠ»ΠΈ ΡΡΠΎΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½, ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π²ΡΡΠΎΡΠ° ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°.
ΠΡΠΎ Π²Π°ΠΆΠ½ΠΎ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΡΡ, Π΅ΡΠ»ΠΈ Π²ΡΡΠΎΡΠ° Π²ΠΈΡΡΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π±ΠΎΠ»ΡΡΠ΅, ΡΠ΅ΠΌ Π²ΡΡΠΎΡΠ° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ. ΠΡΠΎ ΠΈΠ·ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΌΠΎΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ, ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠ΅Π΅ΠΊ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΎ ΠΏΡΠΈ ΠΈΠ½ΠΈΡΠΈΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ, ΠΈ ΠΏΠΎΠΌΠΎΡΡ ΡΠ°ΡΡΡΠΈΡΠ°ΡΡ Π²ΡΡΠΎΡΡ ΠΏΡΠΎΠΊΡΡΡΠΈΠ²Π°Π΅ΠΌΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ. ΠΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π²ΡΡΠΎΡΡ ΠΌΠΎΠΆΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ
ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ
Π΅Π΄ΠΈΠ½ΠΈΡ.ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ
Π²ΠΈΠ΄ΠΈΠΌΡΠΉΠΠΎΠΈΡΠΊ
ΠΡΡΠΈΠ±ΡΡ:
Π²ΠΈΠ΄ΠΈΠΌΡΠΉ ΠΏΠΎΠΈΡΠΊ Π΄Π°Π½Π½ΡΡ
Π’ΠΈΠΏ:
ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΠ΅ΡΠ°Π»Ρ:
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
true
Π΄Π»Ρ ΠΏΠΎΠΈΡΠΊΠ° ΡΠΎΠ»ΡΠΊΠΎ Π² Π²ΠΈΠ΄ΠΈΠΌΠΎΠΌ ΡΡΠΎΠ»Π±ΡΠ΅/Π΄Π°Π½Π½ΡΡ .