Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ 1Π‘:ΠŸΡ€Π΅Π΄ΠΏΡ€ΠΈΡΡ‚ΠΈΠ΅ часто ассоциируСтся с сСрыми Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ, ΠΌΠ΅Π»ΠΊΠΈΠΌ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ ΠΈ Π·Π°ΠΏΡƒΡ‚Π°Π½Π½Ρ‹ΠΌΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ β€” Π½ΠΎ это Π½Π΅ ΠΏΡ€ΠΈΠ³ΠΎΠ²ΠΎΡ€. Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ вСрсии ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ (особСнно 1Π‘ 8.3) ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒΠ½Ρ‹Π΅, ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятныС интСрфСйсы, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ€Π°Π΄ΡƒΡŽΡ‚ Π³Π»Π°Π·, Π½ΠΎ ΠΈ ΠΏΠΎΠ²Ρ‹ΡˆΠ°ΡŽΡ‚ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹. Π“Π»Π°Π²Π½ΠΎΠ΅ β€” Π·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠ΅ инструмСнты ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΊΠ°ΠΊ ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ Ρ‚ΠΈΠΏΠΈΡ‡Π½Ρ‹Ρ… ошибок.

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ Ρ€Π°Π·Π±Π΅Ρ€Ρ‘ΠΌ практичСскиС ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ прСобразования стандартных Ρ„ΠΎΡ€ΠΌ: ΠΎΡ‚ Π±Π°Π·ΠΎΠ²ΠΎΠΉ настройки Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… схСм Π΄ΠΎ создания Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΏΠ°Π½Π΅Π»Π΅ΠΉ с динамичСскими элСмСнтами. Π’Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с УправляСмыми Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ стили оформлСния, Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ ΠšΠΎΠΌΠ°Π½Π΄Π½Ρ‹Π΅ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈ Π΄Π°ΠΆΠ΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ SVG-ΠΈΠΊΠΎΠ½ΠΊΠΈ. ВсС Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΏΠΎΠ΄ΠΊΡ€Π΅ΠΏΠ»Π΅Π½Ρ‹ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°ΠΌΠΈ ΠΊΠΎΠ΄Π° ΠΈ ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Π°ΠΌΠΈ ΠΈΠ· Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠΉ.

Π’Π°ΠΆΠ½ΠΎ: Π΄ΠΈΠ·Π°ΠΉΠ½ Π² 1Π‘ β€” это Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ эстСтика, Π½ΠΎ ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ. ΠšΡ€Π°ΡΠΈΠ²Ρ‹ΠΉ интСрфСйс Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ для Π±ΡƒΡ…Π³Π°Π»Ρ‚Π΅Ρ€ΠΎΠ², ΠΊΠ»Π°Π΄ΠΎΠ²Ρ‰ΠΈΠΊΠΎΠ² ΠΈ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ проводят Π² систСмС ΠΏΠΎ 8 часов Π² дСнь. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΌΡ‹ ΡƒΠ΄Π΅Π»ΠΈΠΌ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ эргономикС, контрастности ΠΈ Π»ΠΎΠ³ΠΈΠΊΠ΅ размСщСния элСмСнтов.

1. ΠžΡΠ½ΠΎΠ²Ρ‹ оформлСния: Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ схСмы ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹

ΠŸΠ΅Ρ€Π²ΠΎΠ΅, Ρ‡Ρ‚ΠΎ бросаСтся Π² Π³Π»Π°Π·Π° ΠΏΡ€ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠΈ Ρ„ΠΎΡ€ΠΌΡ‹ β€” Π΅Ρ‘ цвСтовая Π³Π°ΠΌΠΌΠ°. Π’ 1Π‘ 8.3 Π΅ΡΡ‚ΡŒ встроСнныС Ρ‚Π΅ΠΌΡ‹ оформлСния (Π‘Ρ‚ΠΈΠ»ΡŒΠžΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΡ), Π½ΠΎ ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠΏΠΎΠ»Π½ΡΡ‚ΡŒ своими настройками. НапримСр, для ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… систСм часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Ρ„ΠΈΡ€ΠΌΠ΅Π½Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π° ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ оформлСния глобально (для всСх Ρ„ΠΎΡ€ΠΌ), ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² АдминистрированиС β†’ ΠŸΠ΅Ρ‡Π°Ρ‚Π½Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΡ‹, ΠΎΡ‚Ρ‡Π΅Ρ‚Ρ‹ ΠΈ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ β†’ Π‘Ρ‚ΠΈΠ»ΠΈ оформлСния. Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠΆΠ½ΠΎ:

  • 🎨 Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ ΡΡ‚ΠΈΠ»ΡŒ Π½Π° основС стандартного (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π‘Ρ‚ΠΈΠ»ΡŒΠžΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΡ.Π‘ΠΈΠ½ΠΈΠΉ)
  • πŸ–ŒοΈ ΠΠ°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚Π° для Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ², тСкста, Ρ„ΠΎΠ½Π° ΠΈ ΠΊΠ½ΠΎΠΏΠΎΠΊ
  • πŸ“ Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ (Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ для Ρ€Π°Π±ΠΎΡ‡ΠΈΡ… Ρ„ΠΎΡ€ΠΌ β€” 10–12 ΠΏΡ‚)
  • πŸ”„ ΠŸΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ ΠΊΠΎ всСм Ρ„ΠΎΡ€ΠΌΠ°ΠΌ ΠΈΠ»ΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΌ

Для Ρ‚ΠΎΡ‡Π΅Ρ‡Π½ΠΎΠΉ настройки ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ свойство Π‘Ρ‚ΠΈΠ»ΡŒΠžΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΡ Π² конструкторС. НапримСр, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡƒ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Π½ΠΎΠΌΠ΅Π½ΠΊΠ»Π°Ρ‚ΡƒΡ€Ρ‹ Π±ΠΎΠ»Π΅Π΅ контрастной, Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π² ΠΌΠΎΠ΄ΡƒΠ»ΡŒ Ρ„ΠΎΡ€ΠΌΡ‹:

&ΠΠ°ΠšΠ»ΠΈΠ΅Π½Ρ‚Π΅

ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Π° ΠŸΡ€ΠΈΠ‘ΠΎΠ·Π΄Π°Π½ΠΈΠΈΠΠ°Π‘Π΅Ρ€Π²Π΅Ρ€Π΅(ΠžΡ‚ΠΊΠ°Π·, Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Π°ΡΠžΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°)

Π­Ρ‚ΠΎΡ‚ΠžΠ±ΡŠΠ΅ΠΊΡ‚.Π‘Ρ‚ΠΈΠ»ΡŒΠžΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΡ = Π‘Ρ‚ΠΈΠ»ΠΈΠžΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΡ.ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΠ‘Ρ‚ΠΈΠ»ΡŒ("МояВСма");

ΠšΠΎΠ½Π΅Ρ†ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρ‹

⚠️ Π’Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: Π˜Π·Π±Π΅Π³Π°ΠΉΡ‚Π΅ ярких Ρ†Π²Π΅Ρ‚ΠΎΠ² (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, чистого красного ΠΈΠ»ΠΈ Π·Π΅Π»Ρ‘Π½ΠΎΠ³ΠΎ) для Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… элСмСнтов β€” ΠΎΠ½ΠΈ быстро ΡƒΡ‚ΠΎΠΌΠ»ΡΡŽΡ‚ Π³Π»Π°Π·Π°. ΠžΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹: #F5F5F5 (свСтло-сСрый Ρ„ΠΎΠ½), #2C3E50 (Ρ‚Ρ‘ΠΌΠ½Ρ‹ΠΉ тСкст), #3498DB (Π°ΠΊΡ†Π΅Π½Ρ‚Π½Ρ‹ΠΉ синий).

Если Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΊΡ€ΠΈΡ‚ΠΈΡ‡Π½Ρ‹Π΅ поля (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, остатки Π½Π° складС ΠΏΡ€ΠΈ ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΌ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΈ), ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π£ΡΠ»ΠΎΠ²Π½ΠΎΠ΅ΠžΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅:

&ΠΠ°ΠšΠ»ΠΈΠ΅Π½Ρ‚Π΅

ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Π° ΠŸΡ€ΠΈΠ˜Π·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈΠžΡΡ‚Π°Ρ‚ΠΊΠΎΠ²(Π­Π»Π΅ΠΌΠ΅Π½Ρ‚)

Если Π­Π»Π΅ΠΌΠ΅Π½Ρ‚.Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ < 0 Π’ΠΎΠ³Π΄Π°

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚.Π¦Π²Π΅Ρ‚Π€ΠΎΠ½Π° = Π’Π΅Π±Π¦Π²Π΅Ρ‚Π°.ΠšΡ€Π°ΡΠ½Ρ‹ΠΉ;

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚.ЦвСтВСкста = Π’Π΅Π±Π¦Π²Π΅Ρ‚Π°.Π‘Π΅Π»Ρ‹ΠΉ;

Π˜Π½Π°Ρ‡Π΅

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚.Π¦Π²Π΅Ρ‚Π€ΠΎΠ½Π° = НСопрСдСлСно;

ΠšΠΎΠ½Π΅Ρ†Π•ΡΠ»ΠΈ;

ΠšΠΎΠ½Π΅Ρ†ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρ‹

πŸ“Š Какой ΡΡ‚ΠΈΠ»ΡŒ оформлСния Π²Ρ‹ Ρ‡Π°Ρ‰Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Π² 1Π‘?
Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Ρ‹ΠΉ (синий/сСрый)
ΠšΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π° ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ
Вёмная Ρ‚Π΅ΠΌΠ°
БобствСнный Π΄ΠΈΠ·Π°ΠΉΠ½

2. Π Π°Π±ΠΎΡ‚Π° с управляСмыми Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ: Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ элСмСнтов

УправляСмыС Ρ„ΠΎΡ€ΠΌΡ‹ Π² 1Π‘ 8.3 β€” это основа Π³ΠΈΠ±ΠΊΠΎΠ³ΠΎ интСрфСйса. Они ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ динамичСски ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ располоТСниС элСмСнтов Π² зависимости ΠΎΡ‚ Ρ€ΠΎΠ»Π΅ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΈΠ»ΠΈ Π΄Π°Π½Π½Ρ‹Ρ…. Π“Π»Π°Π²Π½ΠΎΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ: Π½Π΅ ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠΆΠ°ΠΉΡ‚Π΅ Ρ„ΠΎΡ€ΠΌΡƒ. ΠžΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½ΠΎΠ΅ количСство ΠΏΠΎΠ»Π΅ΠΉ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ экранС β€” 15–20 (Π±Π΅Π· ΡƒΡ‡Ρ‘Ρ‚Π° Ρ‚Π°Π±Π»ΠΈΡ‡Π½Ρ‹Ρ… частСй).

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ ΠΏΡ€ΠΈΡ‘ΠΌΡ‹ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ:

  • πŸ“Œ Π“Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²ΠΊΠ° ΠΏΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌ β€” Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅ поля ΠΏΠΎ логичСским Π±Π»ΠΎΠΊΠ°ΠΌ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, "Π Π΅ΠΊΠ²ΠΈΠ·ΠΈΡ‚Ρ‹", "Π¦Π΅Π½Ρ‹", "БкладскиС остатки")
  • πŸ”„ ДинамичСскоС скрытиС β€” скрывайтС Π½Π΅Π½ΡƒΠΆΠ½Ρ‹Π΅ поля с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ свойства Π’ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΏΠΎΠ»Π΅ "Π‘Π΅Π±Π΅ΡΡ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ" Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Π±ΡƒΡ…Π³Π°Π»Ρ‚Π΅Ρ€ΠΎΠ²)
  • πŸ“± ΠΠ΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ β€” ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Ρ‹ Π“Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²ΠΊΠ°Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Π°Ρ ΠΈ Π“Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²ΠΊΠ°Π’Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ для автоматичСского пСрСноса элСмСнтов Π½Π° ΠΌΠ°Π»Π΅Π½ΡŒΠΊΠΈΡ… экранах
  • πŸ” Поиск ΠΈ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Ρ‹ β€” Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΏΠΎΠ»Π΅ быстрого поиска для Ρ‚Π°Π±Π»ΠΈΡ‡Π½Ρ‹Ρ… частСй с большим количСством строк

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ динамичСского скрытия поля Π² зависимости ΠΎΡ‚ Ρ€ΠΎΠ»ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ:

&ΠΠ°ΠšΠ»ΠΈΠ΅Π½Ρ‚Π΅

ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Π° ΠŸΡ€ΠΈΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠΈ(ΠžΡ‚ΠΊΠ°Π·)

Если НЕ Π ΠΎΠ»ΠΈΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΡ‚("Π‘ΡƒΡ…Π³Π°Π»Ρ‚Π΅Ρ€") Π’ΠΎΠ³Π΄Π°

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹Π€ΠΎΡ€ΠΌΡ‹.Π‘Π΅Π±Π΅ΡΡ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ.Π’ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ = Π›ΠΎΠΆΡŒ;

ΠšΠΎΠ½Π΅Ρ†Π•ΡΠ»ΠΈ;

ΠšΠΎΠ½Π΅Ρ†ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρ‹

Π’ΠΈΠΏ элСмСнта Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΠΎΠ΅ использованиС ΠŸΡ€ΠΈΠΌΠ΅Ρ€
ΠŸΠΎΠ»Π΅Π’Π²ΠΎΠ΄Π° Для тСкстовых ΠΈ числовых Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ НаимСнованиС Π½ΠΎΠΌΠ΅Π½ΠΊΠ»Π°Ρ‚ΡƒΡ€Ρ‹, Ρ†Π΅Π½Π°
ΠŸΠΎΠ»Π΅Π’Ρ‹Π±ΠΎΡ€Π° Для справочников ΠΈ пСрСчислСний Π’Ρ‹Π±ΠΎΡ€ ΠΊΠΎΠ½Ρ‚Ρ€Π°Π³Π΅Π½Ρ‚Π°, Ρ‚ΠΈΠΏ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°
Π€Π»Π°ΠΆΠΎΠΊ Для Π±ΡƒΠ»Π΅Π²Ρ‹Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ (Π”Π°/НСт) Π€Π»Π°Π³ "ΠžΠΏΠ»Π°Ρ‡Π΅Π½ΠΎ", "ΠŸΠΎΠΌΠ΅Ρ‡Π΅Π½ΠΎ Π½Π° ΡƒΠ΄Π°Π»Π΅Π½ΠΈΠ΅"
Π’Π°Π±Π»ΠΈΡ‡Π½ΠΎΠ΅ΠŸΠΎΠ»Π΅ Для отобраТСния списков ΠΈ Ρ‚Π°Π±Π»ΠΈΡ‡Π½Ρ‹Ρ… частСй Π‘Ρ‚Ρ€ΠΎΠΊΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° "РСализация"
⚠️ Π’Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: Если Π² Ρ„ΠΎΡ€ΠΌΠ΅ большС 3-Ρ… ΡƒΡ€ΠΎΠ²Π½Π΅ΠΉ влоТСнности Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²ΠΎΠΊ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π²ΠΊΠ»Π°Π΄ΠΊΠ° β†’ Π³Ρ€ΡƒΠΏΠΏΠ° β†’ ΠΏΠΎΠ΄Π³Ρ€ΡƒΠΏΠΏΠ° β†’ ΠΏΠΎΠ»Π΅), ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π±ΡƒΠ΄Π΅Ρ‚ слоТно ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ. Π‘Ρ‚Π°Ρ€Π°ΠΉΡ‚Π΅ΡΡŒ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΡ‚ΡŒΡΡ двумя уровнями.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Π½Ρ‹ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ для Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²ΠΊΠΈ ΠΏΠΎΠ»Π΅ΠΉ|ΠšΡ€ΠΈΡ‚ΠΈΡ‡Π½Ρ‹Π΅ поля Π²Ρ‹Π΄Π΅Π»Π΅Π½Ρ‹ Ρ†Π²Π΅Ρ‚ΠΎΠΌ ΠΈΠ»ΠΈ Ρ€Π°ΠΌΠΊΠΎΠΉ|Поля отсортированы ΠΏΠΎ частотС использования|Π”ΠΎΠ±Π°Π²Π»Π΅Π½Ρ‹ подсказки (ToolTip) для слоТных Ρ€Π΅ΠΊΠ²ΠΈΠ·ΠΈΡ‚ΠΎΠ²|ВСстировано Π½Π° Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΈ экрана 1366Γ—768-->

3. ΠšΠΎΠΌΠ°Π½Π΄Π½Ρ‹Π΅ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ: Π΄Π΅Π»Π°Π΅ΠΌ ΠΈΡ… Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹ΠΌΠΈ

Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Ρ‹Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² 1Π‘ часто Ρ‚Π΅Ρ€ΡΡŽΡ‚ΡΡ Π½Π° Ρ„ΠΎΠ½Π΅ Π΄Ρ€ΡƒΠ³ΠΈΡ… элСмСнтов. Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΡ… Π±ΠΎΠ»Π΅Π΅ Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹ΠΌΠΈ:

  • 🎯 Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ β€” Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ SVG-изобраТСния (ΠΌΠΎΠΆΠ½ΠΎ Π²Π·ΡΡ‚ΡŒ ΠΈΠ· Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Font Awesome ΠΈΠ»ΠΈ Material Icons)
  • πŸ”˜ Π“Ρ€ΡƒΠΏΠΏΠΈΡ€ΡƒΠΉΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΠΎ дСйствиям (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, "Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ", "ΠŸΡ€ΠΎΠ²Π΅ΡΡ‚ΠΈ", "ΠŸΠ΅Ρ‡Π°Ρ‚ΡŒ" Π² ΠΎΠ΄Π½ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ)
  • πŸ–±οΈ НастраивайтС порядок β€” самыС частыС дСйствия (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, "Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ") Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ слСва
  • 🌈 Π¦Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ Π°ΠΊΡ†Π΅Π½Ρ‚Ρ‹ β€” выдСляйтС основныС ΠΊΠ½ΠΎΠΏΠΊΠΈ ярким Ρ†Π²Π΅Ρ‚ΠΎΠΌ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π·Π΅Π»Ρ‘Π½Ρ‹ΠΉ для "ΠŸΡ€ΠΎΠ²Π΅ΡΡ‚ΠΈ", красный для "Π£Π΄Π°Π»ΠΈΡ‚ΡŒ")

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ добавлСния ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠ΅ Ρ‡Π΅Ρ€Π΅Π· ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°:

&ΠΠ°ΠšΠ»ΠΈΠ΅Π½Ρ‚Π΅

ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Π° ΠŸΡ€ΠΈΠ‘ΠΎΠ·Π΄Π°Π½ΠΈΠΈΠΠ°Π‘Π΅Ρ€Π²Π΅Ρ€Π΅(ΠžΡ‚ΠΊΠ°Π·, Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Π°ΡΠžΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°)

ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° = Новый ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°(ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΠ˜Π·Π’Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠ³ΠΎΠ₯Ρ€Π°Π½ΠΈΠ»ΠΈΡ‰Π°(Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒSVG("plus-circle")));

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹Π€ΠΎΡ€ΠΌΡ‹.ΠšΠ½ΠΎΠΏΠΊΠ°Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ.ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° = ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°;

ΠšΠΎΠ½Π΅Ρ†ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρ‹

Для создания Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΡ… мСню Π² ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ элСмСнт КнопкаБМСню:

<Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹Π€ΠΎΡ€ΠΌΡ‹>
    <КнопкаБМСню>
        <Имя>ДСйствия
        <Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ>ДСйствия
        <Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ΠœΠ΅Π½ΡŽ>
            <Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ΠœΠ΅Π½ΡŽ>
                <Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ>Экспорт Π² Excel
                <ДСйствиС>ЭкспортВExcel
            
            <Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ΠœΠ΅Π½ΡŽ>
                <Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ>ΠžΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ ΠΏΠΎ email
                <ДСйствиС>ΠžΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒΠŸΠΎEmail
            
        
    
πŸ’‘

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π΅ "ΠΏΡ€Ρ‹Π³Π°Π»ΠΈ" ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΎΠΊΠ½Π°, фиксируйтС ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π² пиксСлях ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ свойство Π Π°ΡΡ‚ΡΠ³ΠΈΠ²Π°Ρ‚ΡŒΠŸΠΎΠ“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ = Π›ΠΎΠΆΡŒ

4. Π’Π°Π±Π»ΠΈΡ‡Π½Ρ‹Π΅ части: ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΡ… Ρ‡ΠΈΡ‚Π°Π±Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ

Π’Π°Π±Π»ΠΈΡ†Ρ‹ Π² 1Π‘ часто ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠΆΠ΅Π½Ρ‹ Π΄Π°Π½Π½Ρ‹ΠΌΠΈ, Ρ‡Ρ‚ΠΎ затрудняСт восприятиС. Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ Ρ‡ΠΈΡ‚Π°Π±Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ:

  • πŸ“Š Π§Π΅Ρ€Π΅Π΄ΡƒΠΉΡ‚Π΅ Ρ†Π²Π΅Ρ‚Π° строк β€” ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ свойство Π¦Π²Π΅Ρ‚Π€ΠΎΠ½Π°Π§Π΅Ρ€Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ…ΡΡΠ‘Ρ‚Ρ€ΠΎΠΊ
  • πŸ” Π€ΠΈΠ»ΡŒΡ‚Ρ€Π°Ρ†ΠΈΡ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ β€” настройтС автоматичСский Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ ΠΏΠΎ Π΄Π°Ρ‚Π΅ ΠΈΠ»ΠΈ статусу
  • πŸ“Œ ЀиксированныС ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ β€” Π·Π°ΠΊΡ€Π΅ΠΏΠΈΡ‚Π΅ Π²Π°ΠΆΠ½Ρ‹Π΅ столбцы (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, "НомСнклатура") ΠΏΡ€ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅
  • πŸ–ΌοΈ Иконки статусов β€” Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ графичСскиС ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€Ρ‹ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, βœ… для ΠΎΠΏΠ»Π°Ρ‡Π΅Π½Π½Ρ‹Ρ… строк)

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ настройки Ρ‡Π΅Ρ€Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ…ΡΡ строк ΠΈ фиксированных ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ:

&ΠΠ°ΠšΠ»ΠΈΠ΅Π½Ρ‚Π΅

ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Π° ΠŸΡ€ΠΈΠ‘ΠΎΠ·Π΄Π°Π½ΠΈΠΈΠΠ°Π‘Π΅Ρ€Π²Π΅Ρ€Π΅(ΠžΡ‚ΠΊΠ°Π·, Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Π°ΡΠžΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°)

Π’Π°Π±Π»ΠΈΡ†Π° = Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹Π€ΠΎΡ€ΠΌΡ‹.Π’Π°Π±Π»ΠΈΡ‡Π½Π°ΡΠ§Π°ΡΡ‚ΡŒ;

Π’Π°Π±Π»ΠΈΡ†Π°.Π¦Π²Π΅Ρ‚Π€ΠΎΠ½Π°Π§Π΅Ρ€Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ…ΡΡΠ‘Ρ‚Ρ€ΠΎΠΊ = Π’Π΅Π±Π¦Π²Π΅Ρ‚Π°.Π‘Π²Π΅Ρ‚Π»ΠΎΠ‘Π΅Ρ€Ρ‹ΠΉ;

Π’Π°Π±Π»ΠΈΡ†Π°.Π€ΠΈΠΊΡΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ΠšΠΎΠ»ΠΎΠ½ΠΊΠΈ.Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ("НомСнклатура");

Π’Π°Π±Π»ΠΈΡ†Π°.Π€ΠΈΠΊΡΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ΠšΠΎΠ»ΠΎΠ½ΠΊΠΈ.Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ("ΠšΠΎΠ»ΠΈΡ‡Π΅ΡΡ‚Π²ΠΎ");

ΠšΠΎΠ½Π΅Ρ†ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρ‹

Для добавлСния ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€ΠΎΠ² статуса ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠŸΡ€ΠΈΠΠΊΡ‚ΠΈΠ²ΠΈΠ·Π°Ρ†ΠΈΠΈΠ‘Ρ‚Ρ€ΠΎΠΊΠΈ:

&ΠΠ°ΠšΠ»ΠΈΠ΅Π½Ρ‚Π΅

ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Π° Π’Π°Π±Π»ΠΈΡ‡Π½Π°ΡΠ§Π°ΡΡ‚ΡŒΠŸΡ€ΠΈΠΠΊΡ‚ΠΈΠ²ΠΈΠ·Π°Ρ†ΠΈΠΈΠ‘Ρ‚Ρ€ΠΎΠΊΠΈ(Π­Π»Π΅ΠΌΠ΅Π½Ρ‚, Π‘Ρ‚Ρ€ΠΎΠΊΠ°)

Если Π‘Ρ‚Ρ€ΠΎΠΊΠ°.ΠžΠΏΠ»Π°Ρ‡Π΅Π½ΠΎ Π’ΠΎΠ³Π΄Π°

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚.Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹Π€ΠΎΡ€ΠΌΡ‹.Π‘Ρ‚Π°Ρ‚ΡƒΡΠžΠΏΠ»Π°Ρ‚Ρ‹.ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° = ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°Π§Π΅ΠΊΠΌΠ°Ρ€ΠΊ;

ΠšΠΎΠ½Π΅Ρ†Π•ΡΠ»ΠΈ;

ΠšΠΎΠ½Π΅Ρ†ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρ‹

⚠️ Π’Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: Если Π² Ρ‚Π°Π±Π»ΠΈΡ†Π΅ большС 1000 строк, ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ автоматичСскоС Ρ‡Π΅Ρ€Π΅Π΄ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ†Π²Π΅Ρ‚ΠΎΠ² β€” это сниТаСт ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ. ВмСсто этого ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΏΠ°Π³ΠΈΠ½Π°Ρ†ΠΈΡŽ ΠΈΠ»ΠΈ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π°Ρ†ΠΈΡŽ.
Как ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ Ρ‚Π°Π±Π»ΠΈΡ† с большим количСством Π΄Π°Π½Π½Ρ‹Ρ…?

1. ΠžΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ свойство ΠΠ²Ρ‚ΠΎΠŸΠΎΠ΄Π±ΠΎΡ€Π¨ΠΈΡ€ΠΈΠ½Ρ‹ΠšΠΎΠ»ΠΎΠ½ΠΎΠΊ β€” ΠΎΠ½ΠΎ Ρ‚ΠΎΡ€ΠΌΠΎΠ·ΠΈΡ‚ Ρ€Π΅Π½Π΄Π΅Ρ€ΠΈΠ½Π³.

2. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΠ’ΠΎΠ»ΡŒΠΊΠΎΠ’Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅Π‘Ρ‚Ρ€ΠΎΠΊΠΈ = Π˜ΡΡ‚ΠΈΠ½Π° для Ρ‚Π°Π±Π»ΠΈΡ† с Π΄Π΅Ρ‚Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ.

3. Π—Π°Π³Ρ€ΡƒΠΆΠ°ΠΉΡ‚Π΅ Π΄Π°Π½Π½Ρ‹Π΅ порциями (ΠΏΠΎ 50–100 строк) ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅ (лСнивая Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ°).

4. Для статичСских Π΄Π°Π½Π½Ρ‹Ρ… (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, справочников) ΠΊΡΡˆΠΈΡ€ΡƒΠΉΡ‚Π΅ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ запросов Π² ΠœΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Π’Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ…Π’Π°Π±Π»ΠΈΡ†.

5. ДинамичСскиС элСмСнты ΠΈ анимация

Π’ 1Π‘ 8.3 ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ динамичСскиС элСмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π΅Π°Π³ΠΈΡ€ΡƒΡŽΡ‚ Π½Π° дСйствия ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. НапримСр:

  • πŸ“ˆ ΠŸΡ€ΠΎΠ³Ρ€Π΅ΡΡ-Π±Π°Ρ€Ρ‹ β€” для отобраТСния Ρ…ΠΎΠ΄Π° Π΄Π»ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΉ (Π²Ρ‹Π³Ρ€ΡƒΠ·ΠΊΠ° Π΄Π°Π½Π½Ρ‹Ρ…, ΠΏΠ΅Ρ‡Π°Ρ‚ΡŒ)
  • πŸ”” Π’ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ подсказки β€” с объяснСниСм ΠΏΠΎΠ»Π΅ΠΉ ΠΈΠ»ΠΈ прСдупрСТдСниями
  • πŸ”„ Анимация Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ β€” вмСсто статичного "ΠŸΠΎΠ΄ΠΎΠΆΠ΄ΠΈΡ‚Π΅..."
  • πŸ“Œ ΠšΠΎΠ½Ρ‚Π΅ΠΊΡΡ‚Π½Ρ‹Π΅ мСню β€” Π²Ρ‹Π·Ρ‹Π²Π°Π΅ΠΌΡ‹Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ добавлСния прогрСсс-Π±Π°Ρ€Π° для Π΄Π»ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ:

&ΠΠ°ΠšΠ»ΠΈΠ΅Π½Ρ‚Π΅

ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Π° Π’Ρ‹Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒΠ”Π°Π½Π½Ρ‹Π΅(Команда)

ΠŸΡ€ΠΎΠ³Ρ€Π΅ΡΡ = Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹Π€ΠΎΡ€ΠΌΡ‹.ΠŸΡ€ΠΎΠ³Ρ€Π΅ΡΡΠŸΠ°Π½Π΅Π»ΡŒ;

ΠŸΡ€ΠΎΠ³Ρ€Π΅ΡΡ.Π’ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ = Π˜ΡΡ‚ΠΈΠ½Π°;

ΠŸΡ€ΠΎΠ³Ρ€Π΅ΡΡ.ΠœΠ°ΠΊΡΠΈΠΌΡƒΠΌ = 100;

Для Π‘Ρ‡Π΅Ρ‚Ρ‡ΠΈΠΊ = 1 По 100 Π¦ΠΈΠΊΠ»

Π’Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒΠ”Π»ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽΠžΠΏΠ΅Ρ€Π°Ρ†ΠΈΡŽ(Π‘Ρ‡Π΅Ρ‚Ρ‡ΠΈΠΊ);

ΠŸΡ€ΠΎΠ³Ρ€Π΅ΡΡ.Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ = Π‘Ρ‡Π΅Ρ‚Ρ‡ΠΈΠΊ;

ΠšΠΎΠ½Π΅Ρ†Π¦ΠΈΠΊΠ»Π°;

ΠŸΡ€ΠΎΠ³Ρ€Π΅ΡΡ.Π’ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ = Π›ΠΎΠΆΡŒ;

ΠšΠΎΠ½Π΅Ρ†ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρ‹

Для создания Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… подсказок ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠŸΡ€ΠΈΠΠ°Π²Π΅Π΄Π΅Π½ΠΈΠΈ:

&ΠΠ°ΠšΠ»ΠΈΠ΅Π½Ρ‚Π΅

ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Π° ΠŸΠΎΠ»Π΅ΠΠ°ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠ΅ΠŸΡ€ΠΈΠΠ°Π²Π΅Π΄Π΅Π½ΠΈΠΈ(Π­Π»Π΅ΠΌΠ΅Π½Ρ‚, БостояниС)

Если БостояниС = БостояниСНавСдСния.Начало Π’ΠΎΠ³Π΄Π°

Подсказка = Новый Подсказка("Π’Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΏΠΎΠ»Π½ΠΎΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π½ΠΎΠΌΠ΅Π½ΠΊΠ»Π°Ρ‚ΡƒΡ€Ρ‹ Π±Π΅Π· Π°Π±Π±Ρ€Π΅Π²ΠΈΠ°Ρ‚ΡƒΡ€");

Подсказка.ΠŸΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ(Π­Π»Π΅ΠΌΠ΅Π½Ρ‚);

ΠšΠΎΠ½Π΅Ρ†Π•ΡΠ»ΠΈ;

ΠšΠΎΠ½Π΅Ρ†ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρ‹

Если Π²Π°ΠΌ Π½ΡƒΠΆΠ½Π° плавная анимация (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, появлСниС ΠΏΠ°Π½Π΅Π»ΠΈ), ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ‚Π°ΠΉΠΌΠ΅Ρ€:

&ΠΠ°ΠšΠ»ΠΈΠ΅Π½Ρ‚Π΅

ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Π° ΠŸΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΠŸΠ°Π½Π΅Π»ΡŒΠŸΠ»Π°Π²Π½ΠΎ()

ПанСль = Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹Π€ΠΎΡ€ΠΌΡ‹.Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°ΡΠŸΠ°Π½Π΅Π»ΡŒ;

ПанСль.Π’ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ = Π˜ΡΡ‚ΠΈΠ½Π°;

ПанСль.Высота = 0;

Π’Π°ΠΉΠΌΠ΅Ρ€ = Новый Π’Π°ΠΉΠΌΠ΅Ρ€("Π£Π²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒΠ’Ρ‹ΡΠΎΡ‚Ρƒ", 50, Π˜ΡΡ‚ΠΈΠ½Π°);

ΠšΠΎΠ½Π΅Ρ†ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρ‹

&ΠΠ°ΠšΠ»ΠΈΠ΅Π½Ρ‚Π΅

ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Π° Π£Π²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒΠ’Ρ‹ΡΠΎΡ‚Ρƒ(Π’Π°ΠΉΠΌΠ΅Ρ€)

БтатичСская ВСкущаяВысота = 0;

ВСкущаяВысота = ВСкущаяВысота + 10;

ПанСль.Высота = ВСкущаяВысота;

Если ВСкущаяВысота >= 200 Π’ΠΎΠ³Π΄Π°

Π’Π°ΠΉΠΌΠ΅Ρ€.ΠžΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ();

ΠšΠΎΠ½Π΅Ρ†Π•ΡΠ»ΠΈ;

ΠšΠΎΠ½Π΅Ρ†ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρ‹

πŸ’‘

ДинамичСскиС элСмСнты Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ΠΎΡ‚Π²Π»Π΅ΠΊΠ°ΡŽΡ‰ΠΈΠΌΠΈ. Π˜Π·Π±Π΅Π³Π°ΠΉΡ‚Π΅ ΠΌΠΈΠ³Π°ΡŽΡ‰ΠΈΡ… Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ ΠΈΠ»ΠΈ Π·Π²ΡƒΠΊΠΎΠ²Ρ‹Ρ… сигналов β€” ΠΎΠ½ΠΈ Ρ€Π°Π·Π΄Ρ€Π°ΠΆΠ°ΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΏΡ€ΠΈ Π΄Π»ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Π΅.

6. Π˜Π½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡ с внСшними Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°ΠΌΠΈ (SVG, CSS)

Для ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚ΠΎΠ³ΠΎ оформлСния ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ внСшниС рСсурсы:

  • πŸ–ΌοΈ SVG-ΠΈΠΊΠΎΠ½ΠΊΠΈ β€” Π·Π°Π³Ρ€ΡƒΠΆΠ°ΠΉΡ‚Π΅ Ρ‡Π΅Ρ€Π΅Π· ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΠ˜Π·Π’Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠ³ΠΎΠ₯Ρ€Π°Π½ΠΈΠ»ΠΈΡ‰Π° ΠΈΠ»ΠΈ Ρ…Ρ€Π°Π½ΠΈΡ‚Π΅ Π² Π±Π°Π·Π΅
  • 🎨 CSS-стили β€” для Π²Π΅Π±-ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π° 1Π‘ (ограничСнная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ°)
  • πŸ“Š JavaScript-Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ β€” Ρ‡Π΅Ρ€Π΅Π· внСшниС ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, AmCharts)

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ SVG-ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈΠ· Ρ„Π°ΠΉΠ»Π°:

&НаБСрвСрС

Ѐункция Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒSVG(ИмяЀайла)

ΠŸΡƒΡ‚ΡŒΠšΠ€Π°ΠΉΠ»Ρƒ = ΠšΠ°Ρ‚Π°Π»ΠΎΠ³ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹() + "\Images\" + ИмяЀайла + ".svg";

Π”Π²ΠΎΠΈΡ‡Π½Ρ‹Π΅Π”Π°Π½Π½Ρ‹Π΅ = Новый Π”Π²ΠΎΠΈΡ‡Π½Ρ‹Π΅Π”Π°Π½Π½Ρ‹Π΅(ΠŸΡƒΡ‚ΡŒΠšΠ€Π°ΠΉΠ»Ρƒ);

Π’ΠΎΠ·Π²Ρ€Π°Ρ‚ ΠŸΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒΠ’ΠΎΠ’Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠ΅Π₯Ρ€Π°Π½ΠΈΠ»ΠΈΡ‰Π΅(Π”Π²ΠΎΠΈΡ‡Π½Ρ‹Π΅Π”Π°Π½Π½Ρ‹Π΅);

ΠšΠΎΠ½Π΅Ρ†Π€ΡƒΠ½ΠΊΡ†ΠΈΠΈ

Для использования CSS Π² Π²Π΅Π±-ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ стили Π² HTMLΠ”ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚:

&ΠΠ°ΠšΠ»ΠΈΠ΅Π½Ρ‚Π΅

ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Π° ΠŸΡ€ΠΈΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠΈ(ΠžΡ‚ΠΊΠ°Π·)

HTML = "";

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹Π€ΠΎΡ€ΠΌΡ‹.Π’Π΅Π±ΠžΠ±Π»Π°ΡΡ‚ΡŒ.Π£ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒΠ’Π΅ΠΊΡΡ‚(HTML);

ΠšΠΎΠ½Π΅Ρ†ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρ‹

⚠️ Π’Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: Π’Π½Π΅Π΄Ρ€Π΅Π½ΠΈΠ΅ Π²Π½Π΅ΡˆΠ½ΠΈΡ… Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°Ρ€ΡƒΡˆΠΈΡ‚ΡŒ Π»ΠΈΡ†Π΅Π½Π·ΠΈΠΎΠ½Π½Ρ‹Π΅ соглашСния 1Π‘. ΠŸΠ΅Ρ€Π΅Π΄ использованиСм ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ с вашСй вСрсиСй ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈ условия Π»ΠΈΡ†Π΅Π½Π·ΠΈΠΈ сторонних ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚.

7. ВСстированиС ΠΈ оптимизация интСрфСйса

ΠšΡ€Π°ΡΠΈΠ²Ρ‹ΠΉ интСрфСйс Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ. ΠŸΡ€ΠΎΠ²Π΅Π΄ΠΈΡ‚Π΅ тСстированиС с Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ:

  • πŸ‘₯ Π‘ΠΎΠ±Π΅Ρ€ΠΈΡ‚Π΅ Ρ„ΠΈΠ΄Π±Π΅ΠΊ β€” спроситС, ΠΊΠ°ΠΊΠΈΠ΅ элСмСнты Π½Π΅ΡƒΠ΄ΠΎΠ±Π½Ρ‹ ΠΈΠ»ΠΈ нСпонятны
  • ⏱️ Π—Π°ΠΌΠ΅Ρ€ΡŒΡ‚Π΅ врСмя выполнСния Π·Π°Π΄Π°Ρ‡ β€” сравнитС со стандартным интСрфСйсом
  • πŸ–±οΈ ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΡ… β€” ΠΎΡ‚ 1280Γ—720 Π΄ΠΎ 1920Γ—1080
  • πŸ” Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ инструмСнты Π°Π½Π°Π»ΠΈΠ·Π° β€” Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Hotjar для записи сСссий (Π² Π²Π΅Π±-ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π΅)

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠΉΡ‚Π΅ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ:

  • ⚑ ΠžΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ Π½Π΅Π½ΡƒΠΆΠ½Ρ‹Π΅ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ β€” Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠŸΡ€ΠΈΠ˜Π·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ для ΠΏΠΎΠ»Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎΠΉ Ρ€Π΅Π°ΠΊΡ†ΠΈΠΈ
  • πŸ—‘οΈ ΠžΡ‡ΠΈΡ‰Π°ΠΉΡ‚Π΅ Π²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅ β€” ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠžΡ‡ΠΈΡΡ‚ΠΈΡ‚ΡŒΠ’Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠ΅Π₯Ρ€Π°Π½ΠΈΠ»ΠΈΡ‰Π΅()
  • πŸ”„ ΠšΡΡˆΠΈΡ€ΡƒΠΉΡ‚Π΅ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅ β€” Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, справочники Π½ΠΎΠΌΠ΅Π½ΠΊΠ»Π°Ρ‚ΡƒΡ€Ρ‹

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Ρ„ΠΎΡ€ΠΌΡ‹:

&НаБСрвСрС

ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Π° ΠŸΡ€ΠΈΠ‘ΠΎΠ·Π΄Π°Π½ΠΈΠΈΠΠ°Π‘Π΅Ρ€Π²Π΅Ρ€Π΅(ΠžΡ‚ΠΊΠ°Π·, Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Π°ΡΠžΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°)

// Π—Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌ справочник ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π· ΠΏΡ€ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠΈ

Если НЕ Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅Π—Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΎ(ΠœΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Π’Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ…Π’Π°Π±Π»ΠΈΡ†.НомСнклатура) Π’ΠΎΠ³Π΄Π°

Запрос = Новый Запрос("ВЫБРАВЬ ΠŸΠ•Π Π’Π«Π• 1000 НаимСнованиС Π˜Π— Π‘ΠΏΡ€Π°Π²ΠΎΡ‡Π½ΠΈΠΊ.НомСнклатура");

ΠœΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Π’Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ…Π’Π°Π±Π»ΠΈΡ†.НомСнклатура = Запрос.Π’Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ().Π’Ρ‹Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ();

ΠšΠΎΠ½Π΅Ρ†Π•ΡΠ»ΠΈ;

ΠšΠΎΠ½Π΅Ρ†ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρ‹

πŸ’‘

ΠžΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½ΠΎΠ΅ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Ρ„ΠΎΡ€ΠΌΡ‹ β€” Π½Π΅ Π±ΠΎΠ»Π΅Π΅ 2 сСкунд. Если Ρ„ΠΎΡ€ΠΌΠ° грузится дольшС, Ρ€Π°Π·Π±Π΅ΠΉΡ‚Π΅ Π΅Ρ‘ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π»Π΅Π½ΠΈΠ²ΡƒΡŽ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Π΄Π°Π½Π½Ρ‹Ρ….

FAQ: ЧастыС вопросы ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ интСрфСйса Π² 1Π‘

МоТно Π»ΠΈ Π² 1Π‘ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Ρ‘ΠΌΠ½ΡƒΡŽ Ρ‚Π΅ΠΌΡƒ?

Π”Π°, начиная с вСрсии 1Π‘:ΠŸΡ€Π΅Π΄ΠΏΡ€ΠΈΡΡ‚ΠΈΠ΅ 8.3.18 появилась встроСнная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Ρ‚Ρ‘ΠΌΠ½ΠΎΠΉ Ρ‚Π΅ΠΌΡ‹. Π§Ρ‚ΠΎΠ±Ρ‹ Π΅Ρ‘ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ, ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² БСрвис β†’ ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ β†’ Π’Π½Π΅ΡˆΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Вёмная Ρ‚Π΅ΠΌΠ°. Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ свой Ρ‚Ρ‘ΠΌΠ½Ρ‹ΠΉ ΡΡ‚ΠΈΠ»ΡŒ оформлСния Ρ‡Π΅Ρ€Π΅Π· Π‘Ρ‚ΠΈΠ»ΠΈΠžΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΡ.Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒΠ‘Ρ‚ΠΈΠ»ΡŒ() с Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ схСмой #1E1E1E (Ρ„ΠΎΠ½), #E0E0E0 (тСкст).

Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ свою ΠΈΠΊΠΎΠ½ΠΊΡƒ для ΠΊΠ½ΠΎΠΏΠΊΠΈ?

Иконки ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ SVG ΠΈΠ»ΠΈ PNG. Π¨Π°Π³ΠΈ:

  1. ΠŸΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚Π΅ Ρ„Π°ΠΉΠ» ΠΈΠΊΠΎΠ½ΠΊΠΈ Π² ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ ΠΈΠ»ΠΈ ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠΈ.
  2. Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ Π΅Ρ‘ Π²ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠ΅ Ρ…Ρ€Π°Π½ΠΈΠ»ΠΈΡ‰Π΅:
    ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° = Новый ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°(ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΠ˜Π·Π’Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠ³ΠΎΠ₯Ρ€Π°Π½ΠΈΠ»ΠΈΡ‰Π°(Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒΠ€Π°ΠΉΠ»("ΠΏΡƒΡ‚ΡŒ\ΠΊ\ΠΈΠΊΠΎΠ½ΠΊΠ΅.svg")));
  3. ΠŸΡ€ΠΈΡΠ²ΠΎΠΉΡ‚Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΊΠ½ΠΎΠΏΠΊΠ΅:
    Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹Π€ΠΎΡ€ΠΌΡ‹.МояКнопка.ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° = ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°;

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈΠΊΠΎΠ½ΠΎΠΊ β€” 16Γ—16 ΠΈΠ»ΠΈ 24Γ—24 пиксСля.

ΠŸΠΎΡ‡Π΅ΠΌΡƒ моя Ρ„ΠΎΡ€ΠΌΠ° Ρ‚ΠΎΡ€ΠΌΠΎΠ·ΠΈΡ‚ ΠΏΡ€ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠΈ?

ЧастыС ΠΏΡ€ΠΈΡ‡ΠΈΠ½Ρ‹:

  • Блишком ΠΌΠ½ΠΎΠ³ΠΎ Π΄Π°Π½Π½Ρ‹Ρ… загруТаСтся сразу (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, табличная Ρ‡Π°ΡΡ‚ΡŒ с 10 000 строк). РСшСниС: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΏΠ°Π³ΠΈΠ½Π°Ρ†ΠΈΡŽ ΠΈΠ»ΠΈ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π°Ρ†ΠΈΡŽ.
  • Π‘Π»ΠΎΠΆΠ½Ρ‹Π΅ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠŸΡ€ΠΈΠ˜Π·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ для ΠΏΠΎΠ»Π΅ΠΉ. РСшСниС: пСрСнСситС Π»ΠΎΠ³ΠΈΠΊΡƒ Π½Π° сСрвСр ΠΈΠ»ΠΈ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ Π½Π΅Π½ΡƒΠΆΠ½Ρ‹Π΅ события.
  • Π‘ΠΎΠ»ΡŒΡˆΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² элСмСнтах Ρ„ΠΎΡ€ΠΌΡ‹. РСшСниС: ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠΉΡ‚Π΅ изобраТСния (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ‡Π΅Ρ€Π΅Π· TinyPNG).

Для диагностики ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠŸΡ€ΠΎΡ„ΠΈΠ»ΠΈΡ€ΠΎΠ²Ρ‰ΠΈΠΊ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π² ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ‚ΠΎΡ€Π΅ (БСрвис β†’ ΠŸΡ€ΠΎΡ„ΠΈΠ»ΠΈΡ€ΠΎΠ²Ρ‰ΠΈΠΊ).

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ интСрфСйс для ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠ²?

Π’ 1Π‘ 8.3 поддСрТиваСтся Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ Ρ‡Π΅Ρ€Π΅Π·:

  • Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅/Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²ΠΊΠΈ β€” автоматичСски пСрСносят элСмСнты ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΎΠΊΠ½Π°.
  • Бвойство ΠœΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Π°ΡΠ¨ΠΈΡ€ΠΈΠ½Π° β€” Π·Π°Π΄Π°Ρ‘Ρ‚ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ элСмСнта.
  • ДинамичСскоС скрытиС ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ Π² Ρ‚Π°Π±Π»ΠΈΡ†Π°Ρ…:
    Π’Π°Π±Π»ΠΈΡ†Π°.Колонки.НомСнклатура.Π’ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ = (Π­Ρ‚ΠΎΡ‚ΠšΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€.Π’Π΅ΠΊΡƒΡ‰ΠΈΠΉΠ Π°Π·ΠΌΠ΅Ρ€Π­ΠΊΡ€Π°Π½Π°.Π¨ΠΈΡ€ΠΈΠ½Π° < 800);

Для тСстирования ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ эмулятор мобильного устройства Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π² Google Chrome).

МоТно Π»ΠΈ Π² 1Π‘ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ ΠΊΠ°ΠΊ Π² соврСмСнных Π²Π΅Π±-прилоТСниях?

Π”Π°, Π½ΠΎ с ограничСниями. Π’ Ρ‚ΠΎΠ½ΠΊΠΎΠΌ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π΅ ΠΈ Π²Π΅Π±-ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π΅ доступны:

  • ПлавноС появлСниС элСмСнтов Ρ‡Π΅Ρ€Π΅Π· Ρ‚Π°ΠΉΠΌΠ΅Ρ€Ρ‹ (см. ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ 5).
  • CSS-Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ (Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Π²Π΅Π±-ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π΅, ограничСнная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ°).
  • GIF-изобраТСния для ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€ΠΎΠ² Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ.

Π‘Π»ΠΎΠΆΠ½Ρ‹Π΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π½Π° JavaScript) Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ Π²Π½Π΅ΡˆΠ½ΠΈΡ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°Ρ€ΡƒΡˆΠΈΡ‚ΡŒ Π»ΠΈΡ†Π΅Π½Π·ΠΈΠΎΠ½Π½Ρ‹Π΅ соглашСния. Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΡ‚ΡŒΡΡ Π±Π°Π·ΠΎΠ²Ρ‹ΠΌΠΈ эффСктами.