Android: GridLayout
Π‘ΡΠ°ΡΡΡ ΠΏΡΠΎΠΏΠ»Π°ΡΠ΅Π½Π° ΠΊΠΎΡΠΊΠ°ΠΌΠΈ — Π²ΡΠ΅ΠΌΠΈΡΠ½ΠΎ ΠΈΠ·Π²Π΅ΡΡΠ½ΡΠΌΠΈ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠΌΠΈ ΠΊΠΎΡΡΡ.
ΠΡΠ»ΠΈ ΡΡΠ°ΡΡΡ Π²Π°ΠΌ ΠΏΠΎΠ½ΡΠ°Π²ΠΈΠ»Π°ΡΡ, ΡΠΎ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠ°ΡΡ ΠΏΡΠΎΠ΅ΠΊΡ.
Π¦ΠΈΡΡΠΎΠ²Π°Ρ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΠ°
Π Android 4.0 ΠΏΠΎΡΠ²ΠΈΠ»ΡΡ Π½ΠΎΠ²ΡΠΉ Π²ΠΈΠ΄ ΠΌΠ°ΠΊΠ΅ΡΠ° ΠΏΠΎΠ΄ ΠΈΠΌΠ΅Π½Π΅ΠΌ GridLayout (ΡΠ°Π·Π΄Π΅Π» Layouts Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ²). ΠΠ° ΠΏΠ΅ΡΠ²ΡΠΉ Π²Π·Π³Π»ΡΠ΄ ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠΊΠ°Π·Π°ΡΡΡΡ ΠΏΠΎΡ ΠΎΠΆΠΈΠΌ Π½Π° TableLayout. ΠΠΎ Π½Π° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅ ΠΎΠ½ Π³ΠΎΡΠ°Π·Π΄ΠΎ ΡΠ΄ΠΎΠ±Π½Π΅Π΅ ΠΈ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½Π΅Π΅. Π ΠΎΡΠ΅Π½Ρ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΡΡΡ ΠΈΠ·ΡΡΠΈΡΡ ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ Π² ΡΠ²ΠΎΠΈΡ Π½ΠΎΠ²ΡΡ ΠΏΡΠΎΠ΅ΠΊΡΠ°Ρ , ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡΡΡ ΠΏΠΎΠ΄ Π½ΠΎΠ²ΡΡ ΠΏΠ»Π°ΡΡΠΎΡΠΌΡ.
ΠΠΎΠ·ΠΆΠ΅ Π² Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ ΠΊΠ»Π°ΡΡ android.support.v7.widget.GridLayout, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ ΠΈ Π΄Π»Ρ ΡΡΠ°ΡΡΡ ΡΡΡΡΠΎΠΉΡΡΠ². ΠΠ°ΠΉΡΠΈ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π² ΡΠ°Π·Π΄Π΅Π»Π΅ AppCompat.
Π Π°Π·ΠΌΠ΅ΡΠΊΠ° ΠΎΡΠ½ΠΎΡΠΈΡΡΡ ΠΊ ΠΊΠ»Π°ΡΡΡ android.widget.GridLayout ΠΈ ΠΈΠΌΠ΅Π΅Ρ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ, ΡΡΠ΄Ρ, ΠΊΠ»Π΅ΡΠΊΠΈ ΠΊΠ°ΠΊ Π² TableLayout, Π½ΠΎ ΠΏΡΠΈ ΡΡΠΎΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΌΠΎΠ³ΡΡ Π³ΠΈΠ±ΠΊΠΎ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°ΡΡΡΡ.
Π GridLayout Π΄Π»Ρ Π»ΡΠ±ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°ΡΡ ΡΡΡΠΎΠΊΡ ΠΈ ΠΊΠΎΠ»ΠΎΠ½ΠΊΡ, ΠΈ Π² ΡΡΠΎΠΌ ΠΌΠ΅ΡΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΎΠ½ Π±ΡΠ΄Π΅Ρ ΡΠ°Π·ΠΌΠ΅ΡΡΠ½.
Π Π΄Π°Π½Π½ΠΎΠΉ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ΅ Π½Π΅Π»ΡΠ·Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π°ΡΡΠΈΠ±ΡΡ Π²Π΅ΡΠ°, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΎΠ½ Π½Π΅ ΡΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π² Π΄ΠΎΡΠ΅ΡΠ½ΠΈΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡΡ GridLayout. ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Π°ΡΡΠΈΠ±ΡΡ layout_gravity.
ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Π°ΡΡΠΈΠ±ΡΡΡ layout_column ΠΈ layout_columnSpan, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠ΅ Π΄Π»Ρ ΡΠΊΠ°Π·Π°Π½ΠΈΡ ΡΠ°ΠΌΠΎΠΉ Π»Π΅Π²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ ΠΈ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π° Π·Π°Π½ΠΈΠΌΠ°Π΅ΠΌΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠΌ ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ. Π’Π°ΠΊΠΆΠ΅ Π΄ΠΎΡΡΡΠΏΠ½Ρ Π°ΡΡΠΈΠ±ΡΡΡ layout_row ΠΈ layout_rowSpan.
ΠΠ»Ρ Π΄ΠΎΡΠ΅ΡΠ½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π½Π΅ Π½ΡΠΆΠ½ΠΎ ΡΠΊΠ°Π·ΡΠ²Π°ΡΡ Π°ΡΡΠΈΠ±ΡΡΡ layout_height ΠΈ layout_width, ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΎΠ½ΠΈ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡΡΡ Π² Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ wrap_content.
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ ΠΈ ΡΡΠ΄ΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π°ΡΡΠΈΠ±ΡΡΡ android:columnCount=»number»
ΠΈ android:rowCount=»number».ΠΠ»Ρ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΠΈ ΡΠΎΠ·Π΄Π°Π΄ΠΈΠΌ ΠΏΡΠΈΠΌΠ΅Ρ ΡΠΈΡΡΠΎΠ²ΠΎΠΉ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ ΠΈΠ»ΠΈ ΠΊΠ°Π»ΡΠΊΡΠ»ΡΡΠΎΡΠ°, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ½ΡΡΡ ΠΏΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²Π° Π½ΠΎΠ²ΠΎΠ³ΠΎ ΡΠ°Π±Π»ΠΎΠ½Π°.
ΠΡΠ°ΠΊ, ΠΌΡ Ρ ΠΎΡΠΈΠΌ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ, Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡΡΡΡ ΡΠΈΡΡΠΎΠ²ΡΡ ΠΏΠ°Π½Π΅Π»Ρ Π½Π° ΠΌΠ½ΠΎΠ³ΠΈΡ ΠΌΠΎΠ΄Π΅Π»ΡΡ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡ Π΄Π»Ρ Π½Π°ΡΡΠΎΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ° ΠΈΠ»ΠΈ ΠΎΠ±ΡΡΠ½ΡΠΉ ΠΊΠ°Π»ΡΠΊΡΠ»ΡΡΠΎΡ. ΠΡΠ»ΠΈ Π²Ρ ΠΏΠΎΡΠΌΠΎΡΡΠΈΡΠ΅ Π½Π° ΡΠΈΡΡΠΎΠ²ΡΡ ΠΏΠ°Π½Π΅Π»Ρ, ΡΠΎ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅, ΡΡΠΎ ΡΠ°ΡΡΡ ΠΊΠ»Π°Π²ΠΈΡ ΠΈΠΌΠ΅Π΅Ρ Π±ΠΎΠ»ΡΡΠΈΠΉ ΡΠ°Π·ΠΌΠ΅Ρ ΠΈ Π²ΡΡΡΠ½ΡΡΡ Π² Π΄Π»ΠΈΠ½Ρ ΠΈΠ»ΠΈ ΡΠΈΡΠΈΠ½Ρ. ΠΠΎΠ΄ΠΎΠ±Π½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ ΡΡΠ°ΡΡΠΌΠΈ ΡΠΏΠΎΡΠΎΠ±Π°ΠΌΠΈ — ΠΏΡΠΈΠ΄ΡΡΡΡ ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΠΈ LinearLayout, TableLayout ΠΈ Π΄Ρ.
ΠΠΎ, ΡΠ΅ΠΏΠ΅ΡΡ Ρ Π½Π°Ρ Π΅ΡΡΡ GridLayout. ΠΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠΌ Π΅Π³ΠΎ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ ΡΡ ΠΎΠΆΠ΅ Ρ LinearLayout — Ρ Π½Π΅Π³ΠΎ Π΅ΡΡΡ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½Π°Ρ ΠΈ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½Π°Ρ ΠΎΡΠΈΠ΅Π½ΡΠ°ΡΠΈΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡ Π²ΡΠ²ΠΎΠ΄ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°.
ΠΠ»Ρ ΡΠΈΡΡΠΎΠ²ΠΎΠΉ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ, Π΅ΡΠ»ΠΈ Π½Π°ΡΠ½Π΅ΠΌ Ρ ΠΊΠ»Π°Π²ΠΈΡΠΈ ΡΠ»ΡΡΠ° (/) Ρ ΠΏΠΎΠ·ΠΈΡΠΈΠΈ 4 ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ, ΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΡ ΠΎΡΠΈΠ΅Π½ΡΠ°ΡΠΈΡ, Π½Π°ΠΌ Π½Π΅ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΎΠΏΡΡΠΊΠ°ΡΡ ΠΊΠ»Π΅ΡΠΊΠΈ. ΠΡΠ±ΠΈΡΠ°Ρ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΡ ΠΎΡΠΈΠ΅Π½ΡΠ°ΡΠΈΡ, ΠΌΡ ΠΎΠ³ΡΠ°Π½ΠΈΡΠΈΠ²Π°Π΅ΠΌ ΡΠΈΡΠ»ΠΎ ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ Π΄Π»Ρ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠ° Π½ΠΎΠ²ΠΎΠΉ ΠΊΠ»Π΅ΡΠΊΠΈ Π½Π° ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΡΡΠ΄. Π Π½Π°ΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠ΅ΡΡΡΠ΅ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ. Π ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΊΠ»Π΅ΡΠΊΠ΅ ΠΌΠ°ΠΊΠ΅ΡΠ° Π±ΡΠ΄Π΅Ρ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΠ°, ΠΎΡΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°Π½Π°Ρ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΊΠ»Π΅ΡΠΊΠΈ.
ΠΠΎΡΠ΅ΡΠ½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°ΡΡΡΡ Π½Π΅ ΡΠΎΠ²ΡΠ΅ΠΌ ΠΏΡΠΈΠ²ΡΡΠ½ΠΎΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ. ΠΠ°ΠΌ Π½Π΅ Π½ΡΠΆΠ½ΠΎ ΡΠ²Π½ΠΎ Π·Π°Π΄Π°Π²Π°ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΡ (ΡΠΈΡΠΈΠ½Ρ ΠΈ Π²ΡΡΠΎΡΡ) ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°. Π‘ΠΎΠ³Π»Π°ΡΠ½ΠΎ Π½Π°ΡΠ΅ΠΌΡ ΠΏΠ»Π°Π½Ρ ΠΌΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ΅ΡΡΡΠ΅ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ Π΄Π»Ρ 16 ΠΊΠ½ΠΎΠΏΠΎΠΊ. ΠΠΎΠΏΡΠΎΠ±ΡΠ΅ΠΌ…
ΠΠΎΡ ΠΊΠ°ΠΊ Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΏΠ΅ΡΠ²ΠΎΠ½Π°ΡΠ°Π»ΡΠ½Π°Ρ XML-ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ° Π΄Π»Ρ Π½Π°ΡΠ΅ΠΉ ΡΠ΅Π»ΠΈ:
<?xml version="1.0" encoding="utf-8"?> <GridLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:columnCount="4" android:orientation="horizontal" > <Button android:text="1" /> <Button android:text="2" /> <Button android:text="3" /> <Button android:text="4" /> <Button android:text="5" /> <Button android:text="6" /> <Button android:text="7" /> <Button android:text="8" /> <Button android:text="9" /> <Button android:text="10" /> <Button android:text="11" /> <Button android:text="12" /> <Button android:text="13" /> <Button android:text="14" /> <Button android:text="15" /> <Button android:text="16" />
Π ΡΠ°ΠΊ Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΡΠΎΡΠΌΠ° Π² Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ΅:
ΠΠΎΠΈΠ³ΡΠ°ΠΉΡΠ΅ΡΡ Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠΌ android:columnCount, ΡΡΠΎΠ±Ρ ΡΠ²ΠΈΠ΄Π΅ΡΡ, ΠΊΠ°ΠΊ Π²Π΅Π΄ΡΡ ΡΠ΅Π±Ρ ΡΠ°Π±Π»ΠΎΠ½ ΠΏΡΠΈ ΡΠ°Π·Π½ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡΡ .
Π’Π΅ΠΏΠ΅ΡΡ Π·Π°ΠΉΠΌΡΠΌΡΡ Π±ΠΎΠ»Π΅Π΅ ΡΠΎΡΠ½ΠΎΠΉ Π½Π°ΡΡΡΠΎΠΉΠΊΠΎΠΉ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΠ΅ΡΠ²Π°Ρ ΠΊΠ»Π°Π²ΠΈΡΠ° ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ — ΡΠΈΠΌΠ²ΠΎΠ» ΡΠ»Π΅ΡΠ° (/) Π±ΡΠ΄Π΅Ρ ΠΈΠΌΠ΅ΡΡ ΡΠ°ΠΊΠΎΠΉ ΠΆΠ΅ ΡΠ°Π·ΠΌΠ΅Ρ, ΠΊΠ°ΠΊ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΠΊΠ½ΠΎΠΏΠΎΠΊ, Π½ΠΎ Π½Π°ΡΠΈΠ½Π°ΡΡΡΡ Ρ ΡΠ΅ΡΠ²ΡΡΡΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ. ΠΠ»Π°Π²ΠΈΡΠ° (+) ΠΈΠ΄ΡΡ ΠΏΠΎΡΠ»Π΅ ΠΊΠ»Π°Π²ΠΈΡΠΈ (9) ΠΈ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ ΡΡΠΈ Π²ΠΎΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΠΌΡΡ ΡΡΠ΄Π°. ΠΠ»Π°Π²ΠΈΡΠ° (0) Π΄ΠΎΠ»ΠΆΠ½Π° Π·Π°Π½ΡΡΡ Π΄Π²Π΅ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ. ΠΠ»Π°Π²ΠΈΡΠ° (=) Π΄ΠΎΠ»ΠΆΠ½Π° Π·Π°Π½ΡΡΡ ΡΡΠΈ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ. ΠΠ½Π΅ΡΡΠΌ ΡΡΠ΅Π±ΡΠ΅ΠΌΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ:
<?xml version="1.0" encoding="utf-8"?> <GridLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:columnCount="4" android:orientation="horizontal" > <Button android:layout_column="3" android:text="/" /> <Button android:text="1" /> <Button android:text="2" /> <Button android:text="3" /> <Button android:text="*" /> <Button android:text="4" /> <Button android:text="5" /> <Button android:text="6" /> <Button android:text="-" /> <Button android:text="7" /> <Button android:text="8" /> <Button android:text="9" /> <Button android:layout_rowSpan="3" android:text="+" /> <Button android:layout_columnSpan="2" android:text="0" /> <Button android:text="00" /> <Button android:layout_columnSpan="3" android:text="=" /> </GridLayout>
Π’Π΅ΠΏΠ΅ΡΡ ΠΌΡ Π²ΠΈΠ΄ΠΈΠΌ ΡΠ°ΠΊΡΡ ΠΊΠ°ΡΡΠΈΠ½Ρ:
ΠΡΠΎ Π½Π΅ ΡΠΎΠ²ΡΠ΅ΠΌ ΡΠΎ, ΡΡΠΎ Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ. ΠΡΠΎΠ΄Π΅ ΠΊΠ»Π°Π²ΠΈΡΠΈ Π·Π°ΡΠ΅Π·Π΅ΡΠ²ΠΈΡΠΎΠ²Π°Π»ΠΈ ΡΠ΅Π±Π΅ ΠΌΠ΅ΡΡΠΎ, Π½ΠΎ Π½Π΅ ΡΠ°ΡΡΡΠ½ΡΠ»ΠΈΡΡ Π΄ΠΎ Π½ΡΠΆΠ½ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ². ΠΡΠΏΡΠ°Π²Π»ΡΠ΅ΠΌ ΡΠΈΡΡΠ°ΡΠΈΡ. ΠΠ΄Π΅ΡΡ Π½Π° ΠΏΠΎΠΌΠΎΡΡ Π½Π°ΠΌ ΠΏΡΠΈΠ΄ΡΡ Π°ΡΡΠΈΠ±ΡΡ layout_gravity. ΠΡΠΈΠΌΠ΅Π½ΠΈΠΌ Π΅Π³ΠΎ Ρ ΠΊΠ»Π°Π²ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ°ΡΡΡΠ½ΡΡΡ:
<Button android:layout_gravity="fill" android:layout_rowSpan="3" android:text="+" /> <Button android:layout_gravity="fill" android:layout_columnSpan="2" android:text="0" /> <Button android:layout_gravity="fill" android:layout_columnSpan="3" android:text="=" />
Π€ΠΈΠ½Π°Π»ΡΠ½ΡΠΉ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ ΡΠ°Π΄ΡΠ΅Ρ Π³Π»Π°Π·:
ΠΠ°ΠΊ Π²ΠΈΠ΄ΠΈΡΠ΅, Π΅ΡΠ»ΠΈ ΡΠ°Π·ΠΎΠ±ΡΠ°ΡΡΡΡ, ΡΠΎ Π½ΠΈΡΠ΅Π³ΠΎ ΡΠ»ΠΎΠΆΠ½ΠΎΠ³ΠΎ. Π Π°Π·ΠΌΠ΅ΡΠΊΠ° ΠΏΠΎΠ»ΡΡΠΈΠ»Π°ΡΡ Π»Π°ΠΊΠΎΠ½ΠΈΡΠ½ΠΎΠΉ ΠΈ ΡΠ΄ΠΎΠ±Π½ΠΎΠΉ Π΄Π»Ρ ΡΡΠ΅Π½ΠΈΡ.
Π Π΅ΠΊΠ»Π°ΠΌΠ°
ΠΡΠΈΠ΄-ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ° CSS: ΠΌΠΎΠ΄ΡΠ»Ρ CSS Grid Layout
5 ΠΈΡΠ»Ρ, 2022 12:28 ΠΏΠΏ 101 views | ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠ΅Π² Π½Π΅ΡDevelopment | Amber | ΠΠΎΠΌΠΌΠ΅Π½ΡΠΈΡΠΎΠ²Π°ΡΡ Π·Π°ΠΏΠΈΡΡ
Flexbox, ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ, Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½ΡΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ, Π½ΠΎ Π΅Π³ΠΎ ΠΎΡΠ½ΠΎΠ²Π½Π°Ρ ΡΠ΅Π»Ρ β ΠΏΠΎΠΌΠΎΡΡ Ρ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΎΠ»ΡΠΊΠΎ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΈΠ·ΠΌΠ΅ΡΠ΅Π½ΠΈΠΈ, Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠΌ ΠΈΠ»ΠΈ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠΌ. ΠΠ»Ρ Π΄Π²ΡΠΌΠ΅ΡΠ½ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅ΡΠ° Π²ΡΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΡ ΠΌΡ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΠΏΠΎΠ»Π°Π³Π°Π»ΠΈΡΡ Π½Π° ΡΠ°ΠΊΠΈΠ΅ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ, ΠΊΠ°ΠΊ Bootstrap ΠΈΠ»ΠΈ Foundation, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΡΡ Π½Π°ΠΌ ΠΊΠ»Π°ΡΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΌΠ°ΠΊΠ΅ΡΠ° ΡΠ΅ΡΠΊΠΈ. ΠΠΎΠ²ΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ CSS Grid Layout, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΊΠΎΡΠΎ Π±ΡΠ΄Π΅Ρ Π΄ΠΎΡΡΡΠΏΠ΅Π½ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ , Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π²ΡΠ΅ ΡΡΠΎ.
ΠΠ°Π²Π°ΠΉΡΠ΅ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ CSS Grid Ρ ΠΎΡΠ΅Π½Ρ ΠΊΡΠ°ΡΠΊΠΈΠΌ ΠΎΠ±Π·ΠΎΡΠΎΠΌ. ΠΠΎ-ΠΏΠ΅ΡΠ²ΡΡ , Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΊΠ»ΡΡΠ΅Π²ΡΡ ΠΌΠΎΠΌΠ΅Π½ΡΠΎΠ², ΠΎ ΠΊΠΎΡΠΎΡΡΡ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΏΠΎΠΌΠ½ΠΈΡΡ:
- ΠΠ°ΠΊ ΠΈ Π² Flexbox, Π² CSS Grid ΠΈΡΡ ΠΎΠ΄Π½ΡΠΉ ΠΏΠΎΡΡΠ΄ΠΎΠΊ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΡ, ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°ΡΡ Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΠΎΠ±Π»Π°ΡΡΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ°.
- ΠΠ°ΡΠ°ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π³ΡΠΈΠ΄-ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΡΠΌΠΎ ΡΠ΅ΠΉΡΠ°Ρ. ΠΠ±Π½Π°ΡΡΠΆΠ΅Π½ΠΈΠ΅ ΡΡΠ½ΠΊΡΠΈΠΉ Ρ ΠΏΠΎΠΌΠΎΡΡΡ @supports ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ Π²Π°ΠΌ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ ΡΠΎΠ»ΡΠΊΠΎ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ , ΠΊΠΎΡΠΎΡΡΠ΅ Π΅Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ.
- CSS Grid ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ Π΄Π°ΠΆΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π³ΡΠΈΠ΄-ΡΠΈΡΡΠ΅ΠΌΡ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΎΠ² CSS.
ΠΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΏΠΎΠ½ΡΡΠΈΡ CSS Grid
ΠΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ ΠΏΡΠΈΡΡΡΠΏΠΈΡΡ ΠΊ ΡΠ°Π±ΠΎΡΠ΅ Ρ CSS Grid, Π½Π΅ΠΏΠ»ΠΎΡ ΠΎ Π±ΡΠ»ΠΎ Π±Ρ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡΡΡΡ Ρ ΡΠ΅ΡΠΌΠΈΠ½ΠΎΠ»ΠΎΠ³ΠΈΠ΅ΠΉ.
ΠΡΠΈΠ΄-Π»ΠΈΠ½ΠΈΡ: ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ Π² ΡΠ΅ΡΠΊΠ΅, Π° Π»ΠΈΠ½ΠΈΠΈ ΠΎΡΠΌΠ΅ΡΠ°ΡΡ, Π³Π΄Π΅ Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ ΠΈ Π·Π°ΠΊΠ°Π½ΡΠΈΠ²Π°Π΅ΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ. ΠΠΎΡΡΠΎΠΌΡ Π³ΡΠΈΠ΄-Π»ΠΈΠ½ΠΈΠΈ ΠΈΠ³ΡΠ°ΡΡ Π²Π΅Π΄ΡΡΡΡ ΡΠΎΠ»Ρ Π² ΡΠ°Π±ΠΎΡΠ΅ CSS Grid. ΠΡΠΈΠ΄-Π»ΠΈΠ½ΠΈΠΈ ΡΡΠΎΠ»Π±ΡΠΎΠ² Π½ΡΠΌΠ΅ΡΡΡΡΡΡ ΡΠ»Π΅Π²Π° Π½Π°ΠΏΡΠ°Π²ΠΎ, Π½Π°ΡΠΈΠ½Π°Ρ Ρ 1; Π»ΠΈΠ½ΠΈΠΈ ΡΡΡΠΎΠΊ Π½ΡΠΌΠ΅ΡΡΡΡΡΡ ΡΠ²Π΅ΡΡ Ρ Π²Π½ΠΈΠ·, Π½Π°ΡΠΈΠ½Π°Ρ Ρ 1.
ΠΡΠΈΠ΄-ΠΏΠΎΠ»ΠΎΡΡ (ΠΈΠ»ΠΈ Π³ΡΠΈΠ΄-ΡΡΠ΅ΠΊΠΈ) β ΡΡΠΎ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ ΠΌΠ΅ΠΆΠ΄Ρ Π΄Π²ΡΠΌΡ Π³ΡΠΈΠ΄-Π»ΠΈΠ½ΠΈΡΠΌΠΈ.
ΠΡΠΈΠ΄-ΠΎΠ±Π»Π°ΡΡΡ β ΡΡΠΎ ΠΎΠ±Π»Π°ΡΡΡ, ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΠΌΠ°Ρ Π»ΡΠ±ΡΠΌΠΈ 4 Π»ΠΈΠ½ΠΈΡΠΌΠΈ ΡΠ΅ΡΠΊΠΈ.
ΠΡΠΈΠ΄-ΡΡΠ΅ΠΉΠΊΠ° β ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ Π½Π° ΠΏΠ΅ΡΠ΅ΡΠ΅ΡΠ΅Π½ΠΈΠΈ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎΠ³ΠΎ ΡΡΠΎΠ»Π±ΡΠ° ΠΈ ΡΡΡΠΎΠΊΠΈ; Π½Π°ΠΈΠΌΠ΅Π½ΡΡΠ°Ρ Π΅Π΄ΠΈΠ½ΠΈΡΠ°, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Π°Ρ Π² ΡΠ΅ΡΠΊΠ΅.
Π ΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΈΠ΅ ΠΈ Π΄ΠΎΡΠ΅ΡΠ½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π³ΡΠΈΠ΄-ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ
ΠΡΠΈΠ΄-ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ° Π²ΠΊΠ»ΡΡΠ°Π΅Ρ Π² ΡΠ΅Π±Ρ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΠΈ Π΄ΠΎΡΠ΅ΡΠ½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΡΠ°Π½ΠΎΠ²ΡΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ ΡΠ΅ΡΠΊΠΈ (Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ flexbox). ΠΠ»Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ display: grid. Π‘ΡΡΠΎΠΊΠΈ ΠΈ ΡΡΠΎΠ»Π±ΡΡ ΡΠ΅ΡΠΊΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ grid-template-columns ΠΈ grid-template-rows.
ΠΠ°ΡΠ½Π΅ΠΌ ΡΠΎ ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ:
<div> <div>Box 1</div> <div>Box 2</div> <div>Box 3</div> <div>Box 4</div> <div>Box 5</div> <div>Box 6</div> <div>Box 7</div> </div>
ΠΠΎΡ ΠΊΠ°ΠΊ ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ CSS Π΄Π»Ρ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ°:
. container { display: grid; grid-template-columns: 150px 150px 80px; grid-template-rows: 100px auto; Β grid-gap: 10px 15px; }
ΠΡ ΠΏΠΎΠ»ΡΡΠ°Π΅ΠΌ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠΉ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ, Π΄Π°ΠΆΠ΅ Π½Π΅ Π·Π°Π΄Π°Π²Π°Ρ Π½ΠΈΠΊΠ°ΠΊΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ² ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ ΡΠ΅ΡΠΊΠΈ:
ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: ΠΌΡ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ 10 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ ΠΏΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ ΠΈ 15 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ ΠΏΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ ΠΌΠ΅ΠΆΠ΄Ρ ΡΡΠ΅ΠΉΠΊΠ°ΠΌΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ grid-gap.
Π’Π΅ΠΏΠ΅ΡΡ ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΠΎΠΉΡΠΈ Π΄Π°Π»ΡΡΠ΅ ΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ Π½Π°ΡΠ°Π»ΡΠ½ΡΡ ΠΈ ΠΊΠΎΠ½Π΅ΡΠ½ΡΡ Π»ΠΈΠ½ΠΈΠΈ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π΅ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½Ρ Π² ΡΠ΅ΡΠΊΠ΅ ΡΠ²Π½ΠΎ, Π±ΡΠ΄ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½Ρ ΡΠΎΠ³Π»Π°ΡΠ½ΠΎ Π°Π»Π³ΠΎΡΠΈΡΠΌΡ. ΠΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ grid-column-start, grid-column-end, grid-row-start ΠΈ grid-row-end, ΡΡΠΎΠ±Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ, Π³Π΄Π΅ Π² ΡΠ΅ΡΠΊΠ΅ Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ ΠΈ Π·Π°ΠΊΠ°Π½ΡΠΈΠ²Π°Π΅ΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ:
.box-1 { grid-column-start: 1; grid-column-end: 3; } .box-3 { grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 4; }
Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΠΊΡΠ°ΡΠ΅Π½ΠΈΡ grid-column ΠΈ grid-row (ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ Π±ΡΠ΄Π΅Ρ ΡΠ°ΠΊΠΎΠΉ ΠΆΠ΅):
. box-1 { grid-column: 1 / 3; } .box-3 { grid-column: 1 / 3; grid-row: 2 / 4; }
ΠΠΎΡ ΡΡΠΎ ΠΏΠΎΠ»ΡΡΠΈΡΡΡ:
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅: ΠΡΠΎΠΌΠ΅ΠΆΡΡΠΊΠΈ Π½Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ Π½ΠΎΠ²ΡΡ Π»ΠΈΠ½ΠΈΠΉ ΡΠ΅ΡΠΊΠΈ, ΠΏΠΎΡΡΠΎΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ ΡΡΠ΄ΠΎΠΌ Π΄ΡΡΠ³ Ρ Π΄ΡΡΠ³ΠΎΠΌ, ΠΊΠ°ΡΠ°ΡΡΡΡ ΠΎΠ΄Π½ΠΎΠΉ ΠΈ ΡΠΎΠΉ ΠΆΠ΅ Π»ΠΈΠ½ΠΈΠΈ, Π΄Π°ΠΆΠ΅ Π΅ΡΠ»ΠΈ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ ΠΈΡ ΡΠ°Π·Π΄Π΅Π»ΡΠ΅Ρ Π·Π°Π·ΠΎΡ.
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° CSS Grid Layout
ΠΡΠΎΡ ΠΌΠΎΠ΄ΡΠ»Ρ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ Π² Firefox, Π½Π°ΡΠΈΠ½Π°Ρ Ρ Π²Π΅ΡΡΠΈΠΈ 52. Π’Π°ΠΊΠΆΠ΅ ΠΎΠ½ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ Π² ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΡ Π²Π΅ΡΡΠΈΡΡ Chrome ΠΈ Opera, Π° Π΅ΡΠ΅ Π² IE ΠΈ Edge, Π½ΠΎ Ρ Π±ΠΎΠ»Π΅Π΅ ΡΡΠ°ΡΡΠΌ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠΎΠΌ.
ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Ρ
Π ΡΡΠΎΠΌ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π΅ ΠΌΡ ΡΠΎΠ±ΡΠ°Π»ΠΈ Π»ΠΈΡΡ Π±Π°Π·ΠΎΠ²ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΏΠΎ Π²ΠΎΠΏΡΠΎΡΡ. ΠΠ΄Π½Π°ΠΊΠΎ Π² Π³ΡΠΈΠ΄-ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ΅ CSS Π΅ΡΡΡ Π΅ΡΠ΅ ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ°Π·Π½ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ ΠΈ ΡΡΠ½ΠΊΡΠΈΠΉ. ΠΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΡΠ°Π·Π²ΠΈΠ²Π°ΡΡ ΡΠ²ΠΎΠΈ Π½Π°Π²ΡΠΊΠΈ ΡΠ°Π±ΠΎΡΡ Ρ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΎΠΉ, ΡΠΈΡΠ°ΠΉΡΠ΅ ΡΠ°ΠΊΠΆΠ΅:
- ΠΡΠΈΠ΄-ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ° CSS: ΠΊΠ»ΡΡΠ΅Π²ΠΎΠ΅ ΡΠ»ΠΎΠ²ΠΎ span
- ΠΡΠΈΠ΄-ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ° CSS: ΠΊΠ°ΠΊ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π½ΠΎΡΠ°ΡΠΈΡ repeat
- ΠΡΠΈΠ΄-ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ° CSS: ΠΌΠ°ΠΊΠ΅Ρ Holy Grail
ΠΠΎΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΎΡΠ»ΠΈΡΠ½ΡΡ ΡΠ΅ΡΡΡΡΠΎΠ² Π΄Π»Ρ ΠΈΠ·ΡΡΠ΅Π½ΠΈΡ ΡΠΎΠ½ΠΊΠΎΡΡΠ΅ΠΉ Π³ΡΠΈΠ΄-ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ CSS:
- ΠΠΎΠ»Π½ΠΎΠ΅ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ ΠΏΠΎ Π³ΡΠΈΠ΄-ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ΅ CSS
- ΠΡΠΈΠΌΠ΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π³ΡΠΈΠ΄-ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ.
- ΠΠ΅ΠΌΠΎ-ΠΌΠ°ΠΊΠ΅ΡΡ ΠΎΡ ΠΠΆΠ΅Π½ Π‘ΠΈΠΌΠΌΠΎΠ½Ρ
ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ React Grid β Material UI
Π Π΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΡΡΡ ΡΡΡΠ°Π½ΠΈΡΡΠΠ΄Π°ΠΏΡΠΈΠ²Π½Π°Ρ ΡΠ΅ΡΠΊΠ° ΠΌΠ°ΠΊΠ΅ΡΠ° Material Design Π°Π΄Π°ΠΏΡΠΈΡΡΠ΅ΡΡΡ ΠΊ ΡΠ°Π·ΠΌΠ΅ΡΡ ΠΈ ΠΎΡΠΈΠ΅Π½ΡΠ°ΡΠΈΠΈ ΡΠΊΡΠ°Π½Π°, ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°Ρ ΡΠΎΠ³Π»Π°ΡΠΎΠ²Π°Π½Π½ΠΎΡΡΡ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ².
Π‘Π΅ΡΠΊΠ° ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°Π΅Ρ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΡ ΡΠΎΠ³Π»Π°ΡΠΎΠ²Π°Π½Π½ΠΎΡΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΠΌΠ°ΠΊΠ΅ΡΠ°ΠΌΠΈ, ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°Ρ ΠΏΡΠΈ ΡΡΠΎΠΌ Π³ΠΈΠ±ΠΊΠΎΡΡΡ Π² ΡΠΈΡΠΎΠΊΠΎΠΌ ΡΠΏΠ΅ΠΊΡΡΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ². ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΡΠΉ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Material Design ΠΎΡΠ½ΠΎΠ²Π°Π½ Π½Π° ΡΠ΅ΡΠΊΠ΅ ΠΈΠ· 12 ΡΡΠΎΠ»Π±ΡΠΎΠ².
- ΠΠ±ΡΠ°ΡΠ½Π°Ρ ΡΠ²ΡΠ·Ρ
- Π Π°Π·ΠΌΠ΅Ρ ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡΠ°
- Material Design
Π‘Π΅ΡΠΊΠ° 9ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ 0016 Π½Π΅ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΏΡΡΠ°ΡΡ Ρ ΡΠ΅ΡΠΊΠΎΠΉ Π΄Π°Π½Π½ΡΡ
; ΡΡΠΎ Π±Π»ΠΈΠΆΠ΅ ΠΊ ΡΠ΅ΡΠΊΠ΅ ΠΌΠ°ΠΊΠ΅ΡΠ°. ΠΠ»Ρ ΡΠ΅ΡΠΊΠΈ Π΄Π°Π½Π½ΡΡ
ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ ΠΊ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ
DataGrid
.
ΠΠ°ΠΊ ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ
Π‘ΠΈΡΡΠ΅ΠΌΠ° ΡΠ΅ΡΠΊΠΈ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° Grid
:
- ΠΠ½ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΠΌΠΎΠ΄ΡΠ»Ρ Π³ΠΈΠ±ΠΊΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ° CSS Π΄Π»Ρ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΡ Π²ΡΡΠΎΠΊΠΎΠΉ Π³ΠΈΠ±ΠΊΠΎΡΡΠΈ.
- ΠΡΡΡ Π΄Π²Π° Π²ΠΈΠ΄Π° ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ: ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠΎΠ² ΠΈ ΠΏΡΠ΅Π΄ΠΌΠ΅ΡΠΎΠ² .
- Π¨ΠΈΡΠΈΠ½Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π·Π°Π΄Π°Π΅ΡΡΡ Π² ΠΏΡΠΎΡΠ΅Π½ΡΠ°Ρ , ΠΏΠΎΡΡΠΎΠΌΡ ΠΎΠ½ΠΈ Π²ΡΠ΅Π³Π΄Π° ΠΈΠ·ΠΌΠ΅Π½ΡΠΈΠ²Ρ ΠΈ ΠΈΠΌΠ΅ΡΡ ΡΠ°Π·ΠΌΠ΅Ρ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠ²ΠΎΠ΅Π³ΠΎ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°.
- ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΈΠΌΠ΅ΡΡ ΠΎΡΡΡΡΠΏΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π»Π° ΠΌΠ΅ΠΆΠ΄Ρ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ.
- Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΠΏΡΡΡ ΡΠΎΡΠ΅ΠΊ ΠΎΡΡΠ°Π½ΠΎΠ²Π° ΡΠ΅ΡΠΊΠΈ: xs, sm, md, lg ΠΈ xl.
- ΠΠ°ΠΆΠ΄ΠΎΠΉ ΡΠΎΡΠΊΠ΅ ΠΎΡΡΠ°Π½ΠΎΠ²Π° ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°ΡΡ ΡΠ΅Π»ΠΎΡΠΈΡΠ»Π΅Π½Π½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ, ΡΠΊΠ°Π·ΡΠ²Π°ΡΡΠΈΠ΅, ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΈΠ· 12 Π΄ΠΎΡΡΡΠΏΠ½ΡΡ ΡΡΠΎΠ»Π±ΡΠΎΠ² Π·Π°Π½ΡΡΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠΌ, ΠΊΠΎΠ³Π΄Π° ΡΠΈΡΠΈΠ½Π° ΠΎΠ±Π»Π°ΡΡΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΡΠ΄ΠΎΠ²Π»Π΅ΡΠ²ΠΎΡΡΠ΅Ρ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡΠΌ ΡΠΎΡΠΊΠΈ ΠΎΡΡΠ°Π½ΠΎΠ²Π°.
ΠΡΠ»ΠΈ Π²Ρ Π½ΠΎΠ²ΠΈΡΠΎΠΊ ΠΈΠ»ΠΈ Π½Π΅ Π·Π½Π°ΠΊΠΎΠΌΡ Ρ flexbox , ΠΌΡ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΠΌ Π²Π°ΠΌ ΠΏΡΠΎΡΠΈΡΠ°ΡΡ ΡΡΠΎ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ CSS-Tricks flexbox.
ΠΠΈΠ΄ΠΊΠΎΡΡΠ½ΡΠ΅ ΡΠ΅ΡΠ΅ΡΠΊΠΈ
ΠΠΈΠ±ΠΊΠΈΠ΅ ΡΠ΅ΡΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΡΡΠΎΠ»Π±ΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΡΡΡ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΡΠ°Π·ΠΌΠ΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ. ΠΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠ° Π³ΠΈΠ±ΠΊΠΎΠΉ ΡΠ΅ΡΠΊΠΈ ΠΌΠΎΠΆΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠΎΠ½ΡΡΠΎΠ»ΡΠ½ΡΠ΅ ΡΠΎΡΠΊΠΈ, ΡΡΠΎΠ±Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ, Π½ΡΠΆΠ½ΠΎ Π»ΠΈ ΡΠ΅Π·ΠΊΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΡ.
ΠΠ°Π·ΠΎΠ²Π°Ρ ΡΠ΅ΡΠΊΠ°
Π¨ΠΈΡΠΈΠ½Π° ΡΡΠΎΠ»Π±ΡΠ° ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΡΠ΅Π»ΠΎΠ΅ ΡΠΈΡΠ»ΠΎ ΠΎΡ 1 Π΄ΠΎ 12; ΠΎΠ½ΠΈ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ Π² Π»ΡΠ±ΠΎΠΉ ΡΠΎΡΠΊΠ΅ ΠΎΡΡΠ°Π½ΠΎΠ²Π° ΠΈ ΡΠΊΠ°Π·ΡΠ²Π°ΡΡ, ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠΎΠ»Π±ΡΠΎΠ² Π·Π°Π½ΡΡΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠΌ.
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅, ΠΏΡΠΈΡΠ²ΠΎΠ΅Π½Π½ΠΎΠ΅ ΡΠΎΡΠΊΠ΅ ΠΎΡΡΠ°Π½ΠΎΠ²Π°, ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΊΠΎ Π²ΡΠ΅ΠΌ Π΄ΡΡΠ³ΠΈΠΌ ΡΠΎΡΠΊΠ°ΠΌ ΠΎΡΡΠ°Π½ΠΎΠ²Π°, Π±ΠΎΠ»Π΅Π΅ ΡΠΈΡΠΎΠΊΠΈΠΌ, ΡΠ΅ΠΌ ΠΎΠ½Π° (Π΅ΡΠ»ΠΈ Π½Π΅ ΠΏΠ΅ΡΠ΅ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ, ΠΊΠ°ΠΊ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΎΡΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅ Π½Π° ΡΡΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅). ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, xs={12}
ΠΈΠ·ΠΌΠ΅Π½ΡΠ΅Ρ ΡΠ°Π·ΠΌΠ΅Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ ΠΎΠ½ Π·Π°Π½ΠΈΠΌΠ°Π» Π²ΡΡ ΡΠΈΡΠΈΠ½Ρ ΠΎΠ±Π»Π°ΡΡΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΠΎ ΠΎΡ Π΅Π³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°.
<ΠΠ½ΡΠ΅ΡΠ²Π°Π» ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΡΠ΅ΡΠΊΠΈ={2}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={8}>- xs=8
<ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={4}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ>xs=4 <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={4}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ>xs=4 <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={8}>- xs=8
<ΠΠ½ΡΠ΅ΡΠ²Π°Π» ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΡΠ΅ΡΠΊΠΈ = {2}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={8}>
ΠΠ°ΠΆΠΌΠΈΡΠ΅ . ΠΠ²Π΅Π΄ΠΈΡΠ΅ , ΡΡΠΎΠ±Ρ Π½Π°ΡΠ°ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅. ΠΠ½Π°ΡΠ΅Π½ΠΈΡ ΡΠΈΡΠΈΠ½Ρ, Π·Π°Π΄Π°Π½Π½ΡΠ΅ Π΄Π»Ρ Π±ΠΎΠ»Π΅Π΅ ΠΊΡΡΠΏΠ½ΡΡ ΡΠΎΡΠ΅ΠΊ ΠΎΡΡΠ°Π½ΠΎΠ²Π°, ΠΏΠ΅ΡΠ΅ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡ, Π·Π°Π΄Π°Π½Π½ΡΠ΅ Π΄Π»Ρ ΠΌΠ΅Π½ΡΡΠΈΡ ΡΠΎΡΠ΅ΠΊ ΠΎΡΡΠ°Π½ΠΎΠ²Π°.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, xs={12} sm={6}
ΠΈΠ·ΠΌΠ΅Π½ΡΠ΅Ρ ΡΠ°Π·ΠΌΠ΅Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° ΡΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΡΠΎΠ±Ρ ΠΎΠ½ Π·Π°Π½ΠΈΠΌΠ°Π» ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Ρ ΡΠΈΡΠΈΠ½Ρ ΠΎΠ±Π»Π°ΡΡΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° (6 ΡΡΠΎΠ»Π±ΡΠΎΠ²), ΠΊΠΎΠ³Π΄Π° ΡΠΈΡΠΈΠ½Π° ΠΎΠ±Π»Π°ΡΡΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΡΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ 600 ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ. ΠΠ»Ρ ΠΌΠ΅Π½ΡΡΠΈΡ
Π²ΠΈΠ΄ΠΎΠ²ΡΡ
ΡΠΊΡΠ°Π½ΠΎΠ² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Π·Π°ΠΏΠΎΠ»Π½ΡΠ΅Ρ Π²ΡΠ΅ 12 Π΄ΠΎΡΡΡΠΏΠ½ΡΡ
ΡΡΠΎΠ»Π±ΡΠΎΠ².
xs=6 md=8
xs=6 md=4
xs=6 md=4
xs=6 md=8
<ΠΠ½ΡΠ΅ΡΠ²Π°Π» ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΡΠ΅ΡΠΊΠΈ={2}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={6} md={8}>- xs=6 md=8
<ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={6} md={4}>- xs=6 md=4
<ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={6} md={4}>- xs=6 md=4
<ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={6} md={8}>- xs=6 md=8
<Π Π°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ°ΠΌΠΈ ΡΠ΅ΡΠΊΠΈ={2}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={6} md={8}>
ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΠ²Π΅Π΄ΠΈΡΠ΅ , ΡΡΠΎΠ±Ρ Π½Π°ΡΠ°ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
ΠΠ½ΡΠ΅ΡΠ²Π°Π»
Π§ΡΠΎΠ±Ρ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΠΎΠ²Π°ΡΡ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ ΠΌΠ΅ΠΆΠ΄Ρ Π΄ΠΎΡΠ΅ΡΠ½ΠΈΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΎΠΏΠΎΡΡ spacing
. ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π»Π° ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π»ΡΠ±ΡΠΌ ΠΏΠΎΠ»ΠΎΠΆΠΈΡΠ΅Π»ΡΠ½ΡΠΌ ΡΠΈΡΠ»ΠΎΠΌ, Π²ΠΊΠ»ΡΡΠ°Ρ Π΄Π΅ΡΡΡΠΈΡΠ½ΡΠ΅ Π΄ΡΠΎΠ±ΠΈ ΠΈ Π»ΡΠ±ΡΡ ΡΡΡΠΎΠΊΡ.
Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΡΠ΅ΡΡΡ Π² ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ CSS Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠΎΠΌΠΎΡΠ½ΠΈΠΊΠ° theme.spacing()
.
00.51234812
ΠΠ½ΡΠ΅ΡΠ²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρ ΡΡΡΠΎΠΊΠ°ΠΌΠΈ ΠΈ ΡΡΠΎΠ»Π±ΡΠ°ΠΌΠΈ
ΡΠ°Π·ΡΡΠ²Ρ ΡΡΠΎΠ»Π±ΡΠΎΠ² ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ.
ΠΠ½ ΠΏΠΎΡ
ΠΎΠΆ Π½Π° row-gap
ΠΈ column-gap
ΡΠ²ΠΎΠΉΡΡΠ²Π° CSS Grid.
<ΠΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ ΡΠ΅ΡΠΊΠΈ rowSpacing={1} columnSpacing={{ xs: 1, sm: 2, md: 3 }}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={6}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ>1 <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={6}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ>2 <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={6}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ>3 <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={6}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ>4
<ΠΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ ΡΠ΅ΡΠΊΠΈ rowSpacing={1} columnSpacing={{ xs: 1, sm: 2, md: 3 }}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={6}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ>1 <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={6}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ>2 <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={6}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ>3 <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={6}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ>4
ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΠ²Π΅Π΄ΠΈΡΠ΅ , ΡΡΠΎΠ±Ρ Π½Π°ΡΠ°ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ Β«ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΠΌΡΡΒ» Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΡ ΡΠ΅ΡΠΊΡ ΠΌΠ°ΠΊΠ΅ΡΠ° Π² Material Design.
<ΠΠ½ΡΠ΅ΡΠ²Π°Π» ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΡΠ΅ΡΠΊΠΈ={{ xs: 2, md: 3 }} columns={{ xs: 4, sm: 8, md: 12 }}> {ΠΠ°ΡΡΠΈΠ².ΠΈΠ·(ΠΠ°ΡΡΠΈΠ²(6)).map((_, ΠΈΠ½Π΄Π΅ΠΊΡ) => ( <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={2} sm={4} md={4} key={index}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ>xs=2 ))}
<ΠΠ½ΡΠ΅ΡΠ²Π°Π» ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΡΠ΅ΡΠΊΠΈ = {{ xs: 2, md: 3 }} ΡΡΠΎΠ»Π±ΡΡ = {{ xs: 4, sm: 8, md: 12 }}> {ΠΠ°ΡΡΠΈΠ².ΠΈΠ·(ΠΠ°ΡΡΠΈΠ²(6)).map((_, ΠΈΠ½Π΄Π΅ΠΊΡ) => ( <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={2} sm={4} md={4} key={index}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ>xs=2 ))}
ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΠ²Π΅Π΄ΠΈΡΠ΅ , ΡΡΠΎΠ±Ρ Π½Π°ΡΠ°ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅.
Π Π°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ ΡΡΠΎΠ»Π±ΡΠ°ΠΌΠΈ
Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅
Π Π°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ ΡΡΡΠΎΠΊΠ°ΠΌΠΈ
ΠΈΠ½ΡΠ΅ΡΠ²Π°Π»
ΠΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΠΉ ΠΎΠΏΠΎΡΡ ΡΡΠΎΠ»Π±ΡΠΎΠ²
ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠ΅ΡΠΊΠΈ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠ°Ρ ΡΠΎΡΠΊΠ° ΠΎΡΡΠ°Π½ΠΎΠ²Π°. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΡΠΎ Π½Π΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ. Π ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅ ΡΠ΅ΡΠΊΠΈ ΠΎΡΡΡΡΡΡΠ²ΡΠ΅Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ md
:
<Π‘ΡΠΎΠ»Π±ΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΡΠ΅ΡΠΊΠΈ = {{ xs: 4, md: 12 }}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={2} />
Interactive
ΠΠΈΠΆΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Π° ββΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½Π°Ρ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠ°Ρ ΠΈΠ·ΡΡΠΈΡΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠ΅ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ Π½Π°ΡΡΡΠΎΠ΅ΠΊ:
Π―ΡΠ΅ΠΉΠΊΠ° 1
Π―ΡΠ΅ΠΉΠΊΠ° 2
Π―ΡΠ΅ΠΉΠΊΠ° 3
Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅rowrow-reversecolumncolumn-reverse
justifyContentflex-startcenterflex-endspace-betweenspace-aroundspace-evenly
alignItems 90 063 flex-startcenterflex-endstretchbaseline<Π‘Π΅ΡΠΊΠ° ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ = "ΡΡΠ΄" JustifyContent="ΡΠ΅Π½ΡΡ" Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² = "ΡΠ΅Π½ΡΡ" >
Auto-layout
Auto-layout ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ ΡΠ°Π²Π½ΠΎΠΌΠ΅ΡΠ½ΠΎ ΡΠ°ΡΠΏΡΠ΅Π΄Π΅Π»ΡΡΡ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ. ΠΡΠΎ ΡΠ°ΠΊΠΆΠ΅ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΠΈΡΠΈΠ½Ρ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΈΠ·ΠΌΠ΅Π½ΡΡ ΡΠ°Π·ΠΌΠ΅Ρ Π²ΠΎΠΊΡΡΠ³ Π½Π΅Π³ΠΎ.
<Π Π°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ°ΠΌΠΈ ΡΠ΅ΡΠΊΠΈ={3}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ>xs <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={6}>- xs=6
<ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ>xs
<ΠΠ½ΡΠ΅ΡΠ²Π°Π» ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΡΠ΅ΡΠΊΠΈ = {3}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ>xs <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={6}>
ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΠ²Π΅Π΄ΠΈΡΠ΅ , ΡΡΠΎΠ±Ρ Π½Π°ΡΠ°ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅. ΡΡΠΎΠ»Π±Π΅Ρ, ΠΎΡΠ½ΠΎΠ²Π°Π½Π½ΡΠΉ Π½Π° Π΅ΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎΠΉ ΡΠΈΡΠΈΠ½Π΅ Π΅Π³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ.
ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΉ ΡΠΈΡΠΈΠ½Ρ
<ΠΠ½ΡΠ΅ΡΠ²Π°Π» ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΡΠ΅ΡΠΊΠΈ={3}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs="Π°Π²ΡΠΎ">- ΠΊΠΎΠ½ΡΠ΅Π½Ρ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΉ ΡΠΈΡΠΈΠ½Ρ
<ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={6}>- xs=6
<ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ>xs
<Π Π°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ°ΠΌΠΈ ΡΠ΅ΡΠΊΠΈ={3}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs="Π°Π²ΡΠΎ">
ΠΠ°ΠΆΠΌΠΈΡΠ΅ . ΠΠ²Π΅Π΄ΠΈΡΠ΅ , ΡΡΠΎΠ±Ρ Π½Π°ΡΠ°ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅.
Π‘ΡΠ°Π½Π΄Π°ΡΡΠ½Π°Ρ Π»ΠΈΡΠ΅Π½Π·ΠΈΡ
ΠΠΎΠ»Π½ΠΎΠ΅ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ 1920x1080 β’ JPEG
ID: 1030114
Π£Π΄Π°Π»ΠΈΡΡ
$19.00
ΠΠ»ΠΎΠΆΠ΅Π½Π½Π°Ρ ΡΠ΅ΡΠΊΠ°
container
ΠΈ item
props β ΡΡΠΎ Π΄Π²Π° Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΡΡ
Π»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΡ
Π·Π½Π°ΡΠ΅Π½ΠΈΡ; ΠΈΡ
ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡΠΎΠ²Π°ΡΡ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Grid Π±ΡΡΡ ΠΊΠ°ΠΊ flex-ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠΎΠΌ, ΡΠ°ΠΊ ΠΈ Π΄ΠΎΡΠ΅ΡΠ½ΠΈΠΌ.
ΠΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ flex β ΡΡΠΎ ΠΏΠΎΠ»Π΅, ΡΠΎΠ·Π΄Π°Π½Π½ΠΎΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ Ρ Π²ΡΡΠΈΡΠ»ΡΠ΅ΠΌΡΠΌ Π΄ΠΈΡΠΏΠ»Π΅Π΅ΠΌ flex
ΠΈΠ»ΠΈ inline-flex
. ΠΡ
ΠΎΠ΄ΡΡΠΈΠ΅ Π΄ΠΎΡΠ΅ΡΠ½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π³ΠΈΠ±ΠΊΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° Π½Π°Π·ΡΠ²Π°ΡΡΡΡ flex 9.0045 ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΈ Π²ΡΠ»ΠΎΠΆΠ΅Π½Ρ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π³ΠΈΠ±ΠΊΠΎΠΉ ΠΌΠΎΠ΄Π΅Π»ΠΈ ΠΌΠ°ΠΊΠ΅ΡΠ°.
https://www.w3.org/TR/css-flexbox-1/#box-model
<ΠΠ½ΡΠ΅ΡΠ²Π°Π» ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΡΠ΅ΡΠΊΠΈ={1}> <ΠΠ½ΡΠ΅ΡΠ²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΡΠ΅ΡΠΊΠΈ={3}> <ΡΡΡΠΎΠΊΠ° ΡΠΎΡΠΌΡ/> <ΠΠ½ΡΠ΅ΡΠ²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΡΠ΅ΡΠΊΠΈ={3}> <ΡΡΡΠΎΠΊΠ° ΡΠΎΡΠΌΡ/> <ΠΠ½ΡΠ΅ΡΠ²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΡΠ΅ΡΠΊΠΈ={3}> <ΡΡΡΠΎΠΊΠ° ΡΠΎΡΠΌΡ/>
<ΠΠ½ΡΠ΅ΡΠ²Π°Π» ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΡΠ΅ΡΠΊΠΈ={1}> <ΠΠ½ΡΠ΅ΡΠ²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΡΠ΅ΡΠΊΠΈ={3}> <ΡΡΡΠΎΠΊΠ° ΡΠΎΡΠΌΡ/> <ΠΠ½ΡΠ΅ΡΠ²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΡΠ΅ΡΠΊΠΈ={3}> <ΡΡΡΠΎΠΊΠ° ΡΠΎΡΠΌΡ/> <ΠΠ½ΡΠ΅ΡΠ²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΡΠ΅ΡΠΊΠΈ={3}> <ΡΡΡΠΎΠΊΠ° ΡΠΎΡΠΌΡ/>
ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΠ²Π΅Π΄ΠΈΡΠ΅ , ΡΡΠΎΠ±Ρ Π½Π°ΡΠ°ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅. {1} ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° xs={12}>
ΠΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ, ΡΠ΄Π°Π»ΠΈΡΠ΅ ΠΎΠ΄Π½Ρ ΠΈΠ· ΠΎΠΏΠΎΡ.
Π‘ΡΠΎΠ»Π±ΡΡ
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΡΠΎΠ»Π±ΡΠΎΠ² ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ (12) Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅ΠΊΠ²ΠΈΠ·ΠΈΡΠ° ΡΡΠΎΠ»Π±ΡΠΎΠ²
.
<ΠΠ½ΡΠ΅ΡΠ²Π°Π» ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΡΠ΅ΡΠΊΠΈ={2} ΡΡΠΎΠ»Π±ΡΠΎΠ²={16}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={8}>- xs=8
<ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={8}>- xs=8
<ΠΠ½ΡΠ΅ΡΠ²Π°Π» ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΡΠ΅ΡΠΊΠΈ={2} ΡΡΠΎΠ»Π±ΡΡ={16}> <ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs={8}>
ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΠ²Π΅Π΄ΠΈΡΠ΅ , ΡΡΠΎΠ±Ρ Π½Π°ΡΠ°ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
ΠΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡ
ΠΡΡΠΈΡΠ°ΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΠΏΠΎΠ»Π΅
ΠΠ½ΡΠ΅ΡΠ²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½ Ρ ΠΎΡΡΠΈΡΠ°ΡΠ΅Π»ΡΠ½ΡΠΌ ΠΏΠΎΠ»Π΅ΠΌ. ΠΡΠΎ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΈΠ²Π΅ΡΡΠΈ ΠΊ Π½Π΅ΠΎΠΆΠΈΠ΄Π°Π½Π½ΠΎΠΌΡ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΡ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΡΠΎΠ±Ρ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ ΡΠ²Π΅Ρ ΡΠΎΠ½Π°, Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ Π΄ΠΈΡΠΏΠ»Π΅ΠΉ: Π³ΠΈΠ±ΠΊΠΈΠΉ;
ΡΠΎΠ΄ΠΈΡΠ΅Π»Ρ.
white-space: nowrap
ΠΠ°ΡΠ°Π»ΡΠ½Π°Ρ Π½Π°ΡΡΡΠΎΠΉΠΊΠ° Π΄Π»Ρ flex-ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ²: min-width: auto
. ΠΡΠΎ Π²ΡΠ·ΡΠ²Π°Π΅Ρ ΠΊΠΎΠ½ΡΠ»ΠΈΠΊΡ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΡ, ΠΊΠΎΠ³Π΄Π° Π΄Π΅ΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΠΏΡΠΎΠ±Π΅Π» : nowrap;
.
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΠΎΡΠΏΡΠΎΠΈΠ·Π²Π΅ΡΡΠΈ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ:
<ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs> <Π’ΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΠΊΠ° Π±Π΅Π· ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠ°>
Π§ΡΠΎΠ±Ρ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΎΡΡΠ°Π²Π°Π»ΡΡ Π²Π½ΡΡΡΠΈ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ°, Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ min-width: 0
.
ΠΠ° ΠΏΡΠ°ΠΊΡΠΈΠΊΠ΅ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ zeroMinWidth
prop:
<ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ xs zeroMinWidth> <Π’ΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΠΊΠ° Π±Π΅Π· ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠ°>
Π£ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ ΡΡΠ»ΠΎΠ²Π½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠΌΠΎ ΠΊ ΡΡΠΎΠΉ Π΄Π»ΠΈΠ½Π½ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ ΡΠ΅ΠΊΡΡΠ° ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΡΡΠΎ Π³ΠΎΡΠ°Π·Π΄ΠΎ Π±ΠΎΠ»Π΅Π΅ Π΄Π»ΠΈΠ½Π½Π°Ρ Π»ΠΈΠ½ΠΈΡ, ΡΠ΅ΠΌ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ΄Π΅ΡΠΆΠ°ΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ.
Π£ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ ΡΡΠ»ΠΎΠ²Π½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠΌΠΎ ΠΊ ΡΡΠΎΠΉ Π΄Π»ΠΈΠ½Π½ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ ΡΠ΅ΠΊΡΡΠ° ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΡΡΠΎ Π³ΠΎΡΠ°Π·Π΄ΠΎ Π±ΠΎΠ»Π΅Π΅ Π΄Π»ΠΈΠ½Π½Π°Ρ Π»ΠΈΠ½ΠΈΡ, ΡΠ΅ΠΌ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ΄Π΅ΡΠΆΠ°ΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ.
Π£ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ ΡΡΠ»ΠΎΠ²Π½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠΌΠΎ ΠΊ ΡΡΠΎΠΉ Π΄Π»ΠΈΠ½Π½ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ ΡΠ΅ΠΊΡΡΠ° ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΡΡΠΎ Π³ΠΎΡΠ°Π·Π΄ΠΎ Π±ΠΎΠ»Π΅Π΅ Π΄Π»ΠΈΠ½Π½Π°Ρ Π»ΠΈΠ½ΠΈΡ, ΡΠ΅ΠΌ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ΄Π΅ΡΠΆΠ°ΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ.
Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅: ΡΡΠΎΠ»Π±Π΅Ρ | column-reverse
xs
, sm
, md
, lg
ΠΈ xl
ΡΠ΅ΠΊΠ²ΠΈΠ·ΠΈΡΡ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΡΡ Π² ΠΏΡΠ΅Π΄Π΅Π»Π°Ρ
direction="co lumn"
ΠΈ direction="column-reverse"
ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΡ.
ΠΠ½ΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠ΅ΡΠΎΠΊ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ Π·Π°Π΄Π°Π½Π½ΠΎΠΉ ΡΠΎΡΠΊΠΈ ΠΎΡΡΠ°Π½ΠΎΠ²Π°. ΠΠ½ΠΈ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Ρ Π΄Π»Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠΈΡΠΈΠ½ΠΎΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ flex-basis
Π² ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ°Ρ
row
, Π½ΠΎ ΠΎΠ½ΠΈ Π±ΡΠ΄ΡΡ Π²Π»ΠΈΡΡΡ Π½Π° Π²ΡΡΠΎΡΡ Π² ΡΡΠΎΠ»Π±Π΅Ρ
ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠΎΠ².
ΠΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ ΡΡΠΈ ΡΠ΅ΠΊΠ²ΠΈΠ·ΠΈΡΡ ΠΌΠΎΠ³ΡΡ ΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ Π½Π΅ΠΆΠ΅Π»Π°ΡΠ΅Π»ΡΠ½ΠΎΠ΅ Π²Π»ΠΈΡΠ½ΠΈΠ΅ Π½Π° Π²ΡΡΠΎΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Grid
.
CSS Grid Layout
ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Grid
Π²Π½ΡΡΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ CSS flexbox.
ΠΠΎ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π»Π΅Π³ΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΈΡΡΠ΅ΠΌΡ ΠΈ CSS Grid Π΄Π»Ρ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ ΡΠ²ΠΎΠΈΡ
ΡΡΡΠ°Π½ΠΈΡ.
- xs=8
<ΠΠ»Π΅ΠΌΠ΅Π½Ρ>xs=4 <ΠΠ»Π΅ΠΌΠ΅Π½Ρ>xs=4 - xs=8
ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΠ²Π΅Π΄ΠΈΡΠ΅ , ΡΡΠΎΠ±Ρ Π½Π°ΡΠ°ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
Π‘ΠΈΡΡΠ΅ΠΌΠ½ΡΠ΅ ΡΠ΅ΠΊΠ²ΠΈΠ·ΠΈΡΡ
ΠΠ°ΠΊ ΡΠ»ΡΠΆΠ΅Π±Π½ΡΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ CSS, Grid
ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Π²ΡΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΡΠΈΡΡΠ΅ΠΌΡ
. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΈΡ
Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΠ΅ΠΊΠ²ΠΈΠ·ΠΈΡΠ° Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ Π² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ΅.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΎΡΡΡΡΠΏ:
<ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΠΊΠΈ p={2}>
API
Π‘ΠΌ. ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΡΡ Π½ΠΈΠΆΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ Π΄Π»Ρ ΠΏΠΎΠ»Π½ΠΎΠΉ ΡΡΡΠ»ΠΊΠΈ Π½Π° Π²ΡΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΈ ΠΊΠ»Π°ΡΡΡ, Π΄ΠΎΡΡΡΠΏΠ½ΡΠ΅ Π΄Π»Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ², ΡΠΏΠΎΠΌΡΠ½ΡΡΡΡ Π·Π΄Π΅ΡΡ.
-
<Π‘Π΅ΡΠΊΠ° />
ΡΠΈΠΏΠΎΠ² ΡΠ΅ΡΠΎΠΊ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ²
Π‘Π΅ΠΊΡΠ΅Ρ Π»ΡΠ±ΠΎΠ³ΠΎ Ρ ΠΎΡΠΎΡΠ΅Π³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΡΠΎΠΌ, ΠΊΠ°ΠΊ Π΅Π³ΠΎ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΎΡΠ³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Ρ ΠΈ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Ρ ΠΏΠΎ ΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΡ Π΄ΡΡΠ³ ΠΊ Π΄ΡΡΠ³Ρ. ΠΡΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΠΎ, ΡΡΠΎ ΠΊΠ°ΡΠ°Π΅ΡΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠ°ΠΊΠ΅ΡΠ°.
ΠΠ°ΠΊΠ΅Ρ ΠΏΡΠΈΠ΄Π°Π΅Ρ ΡΠΌΡΡΠ» Π²Π°ΡΠ΅ΠΌΡ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ ΠΈ Π΄Π΅Π»Π°Π΅Ρ Π΅Π³ΠΎ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΡΠΌ. ΠΡΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ ΡΠΎΡ ΡΠ°Π½ΡΡΡ Π±Π°Π»Π°Π½Ρ ΠΎΡ ΡΡΡΠ°Π½ΠΈΡΡ ΠΊ ΡΡΡΠ°Π½ΠΈΡΠ΅ ΠΈΠ»ΠΈ ΠΎΡ ΡΠ»Π°ΠΉΠ΄Π° ΠΊ ΡΠ»Π°ΠΉΠ΄Ρ.
ΠΠ°ΠΆΠ½ΡΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠ°ΠΊΠ΅ΡΠ° ΡΠ²Π»ΡΡΡΡΡ ΡΠ΅ΡΠΊΠΈ. Π‘Π΅ΡΠΊΠΈ ΡΠ²Π»ΡΡΡΡΡ ΠΎΡΠ½ΠΎΠ²ΠΎΠΉ Π²ΡΠ΅Ρ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ², ΠΈΠ½ΡΠΎΠ³ΡΠ°ΡΠΈΠΊΠΈ ΠΈ ΠΏΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΠΉ. ΠΠΎΠ³Π΄Π° Π²Ρ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΡΠ΅ΡΠ΅ Π² ΠΎΠ½Π»Π°ΠΉΠ½-ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅, ΡΠ°ΠΊΠΎΠΌ ΠΊΠ°ΠΊ Visme, Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ ΡΠ΅ΡΠΊΠΈ, Π΄Π°ΠΆΠ΅ Π½Π΅ ΠΏΠΎΠ΄ΠΎΠ·ΡΠ΅Π²Π°Ρ ΠΎΠ± ΡΡΠΎΠΌ. ΠΠ°ΡΠΈ ΡΡΠ°ΡΠ½ΡΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΡΠ΅ΡΠΊΠΈ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Π²Π°ΠΌ Π½ΡΠ°Π²ΡΡΡΡ.
ΠΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅ΡΠ° ΠΏΡΠ΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΎΠ΄Π½ΠΎΠΉ ΡΠ΅ΡΠΊΠΈ ΠΈΠ»ΠΈ Π³ΡΡΠΏΠΏΡ ΡΠ΅ΡΠΎΠΊ, Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΡΠΎΠ³ΠΎ, ΡΡΠΎ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΡΡΠΈΡΡ. Π₯ΠΎΡΠΈΡΠ΅ Π²Π΅ΡΡΡΠ΅, Ρ ΠΎΡΠΈΡΠ΅ Π½Π΅Ρ, Π½ΠΎ ΡΠ΅ΡΠΊΠΈ ΡΠ°ΠΊΠΆΠ΅ ΡΡΡΠ΅ΡΡΠ²ΡΡΡ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΌΠΎΡΡ Π²Π°ΠΌ Π½Π°ΡΡΡΠΈΡΡ ΠΏΡΠ°Π²ΠΈΠ»Π°.
ΠΠΎΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ Π²ΡΠ±ΠΎΡ ΠΈΠ· 8 ΡΠ΅ΡΠΎΠΊ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΡΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ, ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΠΈ ΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠ΅ ΠΌΠ°ΡΠΊΠ΅ΡΠΈΠ½Π³ΠΎΠ²ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° Ρ ΠΏΠΎΠΌΠΎΡΡΡ Visme. ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅ ΡΠΌ. Π½ΠΈΠΆΠ΅:
ΠΠ°Π²Π°ΠΉΡΠ΅ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ Π²ΡΠ΅ Π²ΠΈΠ΄Ρ ΡΠ΅ΡΠΎΠΊ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΡΡΠ΅ΡΡΠ²ΡΡΡ Π² Π½Π°Π±ΠΎΡΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Π΄Π»Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠ°ΠΊΠ΅ΡΠΎΠ², Π½Π°ΡΠΈΠ½Π°Ρ Ρ Π°Π½Π°ΡΠΎΠΌΠΈΠΈ ΡΠ΅ΡΠΎΠΊ, ΡΡΠΎΠ±Ρ Π²Ρ ΠΌΠΎΠ³Π»ΠΈ Π»ΡΡΡΠ΅ ΠΈΡ ΠΏΠΎΠ½ΡΡΡ.
Π‘ΠΠ―ΠΠΠΠΠ«Π: ΠΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ ΠΏΠΎ Π°Π½Π°ΡΠΎΠΌΠΈΠΈ ΡΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΠΊΠΈ [ΠΠ½ΡΠΎΠ³ΡΠ°ΡΠΈΠΊΠ°]
Β
ΠΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅ΡΠ°: ΡΠ°ΡΡΠΈ ΡΠ΅ΡΠΊΠΈ
ΠΠ½Π°ΡΠΎΠΌΠΈΡ ΡΠ΅ΡΠΊΠΈ ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠ°ΡΡΠ΅ΠΉ. ΠΠ΅ ΠΊΠ°ΠΆΠ΄Π°Ρ ΡΠ°ΡΡΡ ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΠ΅ΡΠΊΠ΅; ΡΡΠΎ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΡΠΈΠΏΠ° ΡΠ΅ΡΠΊΠΈ. ΠΠ΄Π΅ΡΡ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½ΡΠ΅ ΡΠ°ΡΡΠΈ ΡΠ΅ΡΠΊΠΈ.
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ·Π½Π°ΡΡ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΈΠ· ΡΡΠΈΡ ΡΠ΅ΡΠΌΠΈΠ½ΠΎΠ² ΠΈΠ· ΡΠ°ΠΊΠΈΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΎΠ², ΠΊΠ°ΠΊ Microsoft Word, Google Docs ΠΈΠ»ΠΈ Pages. ΠΠ½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ Π²Π°ΡΠ΅Π³ΠΎ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΡΡΡ ΡΡΠΈΠΌΠΈ ΡΠ°Π·Π΄Π΅Π»Π°ΠΌΠΈ ΡΠ΅ΡΠΊΠΈ, Π²ΠΊΠ»ΡΡΠ°Ρ ΠΏΠΎΠ»Ρ, Π²Π΅ΡΡ Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»Ρ ΠΈ Π½ΠΎΠΌΠ΅ΡΠ° ΡΡΡΠ°Π½ΠΈΡ.
Β
Π€ΠΎΡΠΌΠ°Ρ
Π€ΠΎΡΠΌΠ°Ρ β ΡΡΠΎ ΠΏΠΎΠ»Π½Π°Ρ ΠΎΠ±Π»Π°ΡΡΡ, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ Π±ΡΠ΄Π΅Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ ΠΎΠΊΠΎΠ½ΡΠ°ΡΠ΅Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½. Π ΠΏΠ΅ΡΠ°ΡΠ½ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΡΠΎΡΠΌΠ°Ρ β ΡΡΠΎ ΡΡΡΠ°Π½ΠΈΡΠ°, Π° Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ β ΠΎΠΊΠ½ΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΠ°.
Β
ΠΠΎΠ»Ρ
ΠΠΎΠ»Ρ β ΡΡΠΎ ΠΏΡΡΡΠΎΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ ΠΌΠ΅ΠΆΠ΄Ρ ΠΊΡΠ°ΡΠΌΠΈ ΡΠΎΡΠΌΠ°ΡΠ° ΠΈ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ. Π Π°Π·ΠΌΠ΅Ρ ΠΏΠΎΠ»Π΅ΠΉ β ΡΡΠΎ ΡΠΎ, ΡΡΠΎ ΠΏΡΠΈΠ΄Π°Π΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠΌΡ ΠΎΠ±ΡΡΡ ΡΠΎΡΠΌΡ, ΠΎΠ±ΡΡΠ½ΠΎ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΡΡ.
Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎ Π²ΡΠ³Π»ΡΠ΄ΡΡΠΈΠΉ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠΎΠ³ΠΎ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ° Β«Π‘Π΄Π΅Π»Π°ΠΉ ΡΠ°ΠΌΒ». ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ
Β
ΠΠΎΡΠΎΠΊΠΎΠ²ΡΠ΅ Π»ΠΈΠ½ΠΈΠΈ
ΠΠΎΡΠΎΠΊΠΎΠ²ΡΠ΅ Π»ΠΈΠ½ΠΈΠΈ β ΡΡΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΠ΅ Π»ΠΈΠ½ΠΈΠΈ, ΡΠ°Π·Π΄Π΅Π»ΡΡΡΠΈΠ΅ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΡΠ°ΡΡΠΊΠΈ ΡΠ΅ΡΠΊΠΈ Π½Π° ΠΏΠ°ΡΠ°Π»Π»Π΅Π»ΡΠ½ΡΠ΅ ΠΏΠΎΠ»ΠΎΡΡ. ΠΠ½ΠΈ ΠΏΠΎΠΌΠΎΠ³Π°ΡΡ ΡΠΈΡΠ°ΡΠ΅Π»Ρ ΡΠ»Π΅Π΄ΠΈΡΡ Π·Π° ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅ΠΌ ΠΌΠ°ΠΊΠ΅ΡΠ°. ΠΠΎΡΠΎΠΊΠΎΠ²ΡΠ΅ Π»ΠΈΠ½ΠΈΠΈ ΡΠ°ΠΊΠΆΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠΎΡΠΊΠΈ ΠΎΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ ΠΈΠ»ΠΈ ΠΊΡΠ°Ρ Π΄Π»Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ Π»ΠΈΠ½ΠΈΠΈ ΠΏΠΎΡΠΎΠΊΠ° Π½Π°Π·ΡΠ²Π°ΡΡΡΡ Π»ΠΈΠ½ΠΈΡΠΌΠΈ ΠΏΠΎΠ΄Π²Π΅ΡΠ°, Π° Π΄ΡΡΠ³ΠΈΠ΅ β Π±Π°Π·ΠΎΠ²ΡΠΌΠΈ Π»ΠΈΠ½ΠΈΡΠΌΠΈ.
ΠΠΎΠ΄ΡΠ»ΠΈ
ΠΠΎΠ΄ΡΠ»ΠΈ ΡΠ²Π»ΡΡΡΡΡ ΡΡΡΠΎΠΈΡΠ΅Π»ΡΠ½ΡΠΌΠΈ Π±Π»ΠΎΠΊΠ°ΠΌΠΈ Π»ΡΠ±ΠΎΠΉ ΡΠ΅ΡΠΊΠΈ. ΠΡΠΎ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π°, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ Π»ΠΈΠ½ΠΈΡΠΌΠΈ ΠΏΠΎΡΠΎΠΊΠ° ΠΈ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΡΠΌΠΈ Π»ΠΈΠ½ΠΈΡΠΌΠΈ. ΠΠ΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΡΠ΅ Π³ΡΡΠΏΠΏΡ ΠΌΠΎΠ΄ΡΠ»Π΅ΠΉ Π²ΠΌΠ΅ΡΡΠ΅ ΠΎΠ±ΡΠ°Π·ΡΡΡ ΠΊΠΎΠ»ΠΎΠ½Π½Ρ. ΠΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΠ΅ Π³ΡΡΠΏΠΏΡ ΠΎΠ±ΡΠ°Π·ΡΡΡ ΡΡΠ΄Ρ.
Β
ΠΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π΅Π½Π½ΡΠ΅ Π·ΠΎΠ½Ρ ΠΈΠ»ΠΈ ΡΠ΅Π³ΠΈΠΎΠ½Ρ
ΠΡΡΠΏΠΏΡ ΡΠΌΠ΅ΠΆΠ½ΡΡ ΠΌΠΎΠ΄ΡΠ»Π΅ΠΉ Π² Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΡΡ ΠΈ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΡ ΠΎΠ±Π»Π°ΡΡΡΡ ΡΠΎΠ·Π΄Π°ΡΡ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π΅Π½Π½ΡΠ΅ Π·ΠΎΠ½Ρ ΠΈΠ»ΠΈ ΡΠ΅Π³ΠΈΠΎΠ½Ρ. ΠΠ΅ΡΡΠΈΠΊΠ°Π»ΡΠ½Π°Ρ ΠΎΠ±Π»Π°ΡΡΡ ΠΌΠΎΠΆΠ΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ Π±Π»ΠΎΠΊ ΡΠ΅ΠΊΡΡΠ°, Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½Π°Ρ ΠΎΠ±Π»Π°ΡΡΡ ΠΌΠΎΠΆΠ΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ Π²ΠΈΠ΄Π΅ΠΎ. ΠΠ±Π»Π°ΡΡΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠ³Π°Π½ΠΈΠ·ΠΎΠ²Π°ΡΡ ΠΏΡΠΎΠΏΠΎΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎ ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΠ΅ΡΠ΅ΠΊΡΡΠ²Π°ΡΡΠΈΡ ΡΡ Π·ΠΎΠ½.
Β
Π‘ΡΠΎΠ»Π±ΡΡ
Π‘ΡΠΎΠ»Π±ΡΡ β ΡΡΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΡΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π΅Π½Π½ΡΠ΅ Π·ΠΎΠ½Ρ ΠΈΠ»ΠΈ ΠΎΠ±Π»Π°ΡΡΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΏΠΎΠΌΠ΅ΡΠ°ΡΡΡΡ ΠΎΡ Π²Π΅ΡΡ Π½Π΅Π³ΠΎ Π΄ΠΎ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΏΠΎΠ»Ρ.
Β
Π‘ΡΡΠΎΠΊΠΈ
Π‘ΡΡΠΎΠΊΠΈ β ΡΡΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π΅Π½Π½ΡΠ΅ Π·ΠΎΠ½Ρ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΏΠΎΠΌΠ΅ΡΠ°ΡΡΡΡ ΡΠ»Π΅Π²Π° Π½Π°ΠΏΡΠ°Π²ΠΎ.
Β
ΠΡΠΎΠΌΠ΅ΠΆΡΡΠΊΠΈ
ΠΡΠΎΠΌΠ΅ΠΆΡΡΠΊΠΈ ΠΌΠ΅ΠΆΠ΄Ρ ΡΡΡΠΎΠΊΠ°ΠΌΠΈ ΠΈ ΡΡΠΎΠ»Π±ΡΠ°ΠΌΠΈ Π½Π°Π·ΡΠ²Π°ΡΡΡΡ ΠΏΡΠΎΠΌΠ΅ΠΆΡΡΠΊΠ°ΠΌΠΈ. ΠΠ½ΠΈ Π²ΡΠ΅Π³Π΄Π° Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡΠΌΠΈ ΠΌΠ΅ΠΆΠ΄Ρ ΡΡΠΎΠ»Π±ΡΠ°ΠΌΠΈ ΠΈΠ»ΠΈ ΡΡΡΠΎΠΊΠ°ΠΌΠΈ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ Π±Π°Π»Π°Π½Ρ.
Β
ΠΠ°ΡΠΊΠ΅ΡΡ
ΠΠ°ΡΠΊΠ΅ΡΡ β ΡΡΠΎ ΠΎΠ±Π»Π°ΡΡΠΈ Π²Π½ΡΡΡΠΈ Π±Π΅Π³ΡΡΠ΅Π³ΠΎ Π²Π΅ΡΡ Π½Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»Π°, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΡΠΌΠ΅ΡΠ°ΡΡ ΡΠΎΡΠ½ΠΎΠ΅ ΠΌΠ΅ΡΡΠΎ, Π³Π΄Π΅ ΠΏΠΎΠ²ΡΠΎΡΡΡΡΠ°ΡΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΏΠΎΠΌΠ΅ΡΠ°Π΅ΡΡΡ ΡΠΎ ΡΡΡΠ°Π½ΠΈΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ.
Β
Π’ΠΈΠΏΡ ΡΠ΅ΡΠΎΠΊ
Π‘Π΅ΡΠΊΠΈ ΠΌΠ°ΠΊΠ΅ΡΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π΄Π»Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡΠΊΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ², ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΡ ΠΎΡ ΠΎΠ΄Π½ΠΎΠΉ Π΄ΠΎ ΡΠΎΡΠ΅Π½ ΡΡΡΠ°Π½ΠΈΡ. ΠΡΠΎ ΡΠ²ΠΎΠ΅Π³ΠΎ ΡΠΎΠ΄Π° ΡΠ΅ΡΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΡΠ³Π°Π½ΠΈΠ·ΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π²Π½ΡΡΡΠΈ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π°. ΠΠΎΠΊΡΠΌΠ΅Π½ΡΡ Word, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΈΠΌΠ΅ΡΡ ΡΠ΅ΡΠΊΡ, ΠΏΡΠΎΡΡΠΎ ΠΎΠ½ΠΈ Π½Π΅ Π²ΡΠ΅Π³Π΄Π° Π²ΠΈΠ΄Π½Ρ. Π‘Π΅ΡΠΊΠΈ ΠΌΠ°ΠΊΠ΅ΡΠ° ΠΏΠΎΠΌΠΎΠ³Π°ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°ΠΌ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ ΡΠ΅ΠΊΡΡ ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΡΠΎΠ±Ρ ΠΎΠ½ΠΈ Π²ΡΠ³Π»ΡΠ΄Π΅Π»ΠΈ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎ ΠΈ Π»Π΅Π³ΠΊΠΎ ΡΠΈΡΠ°Π»ΠΈΡΡ.
Π Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π΅ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² ΠΌΠ°ΠΊΠ΅ΡΠΎΠ², ΠΎΠ½Π»Π°ΠΉΠ½ ΠΈΠ»ΠΈ Π΄ΡΡΠ³ΠΈΡ , Π΅ΡΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Β«ΠΏΡΠΈΠ²ΡΠ·ΠΊΠ° ΠΊ ΡΠ΅ΡΠΊΠ΅Β». ΠΡΠΎ ΡΠΈΠ½ΠΈΠ΅ ΠΈΠ»ΠΈ ΠΊΡΠ°ΡΠ½ΡΠ΅ Π»ΠΈΠ½ΠΈΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΡΠ²Π»ΡΡΡΡΡ, ΠΊΠΎΠ³Π΄Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°ΡΡΡΡ Π²Π½ΡΡΡΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. ΠΠ½ΠΈ ΡΠΎΠΎΠ±ΡΠ°ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°ΠΌ, ΠΊΠΎΠ³Π΄Π° ΠΊΡΠ°Ρ Π²ΡΡΠΎΠ²Π½Π΅Π½Ρ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ ΡΠ΅ΡΠΊΠΎΠΉ ΠΈΠ»ΠΈ ΠΊΠΎΠ³Π΄Π° ΠΎΠ½Π° ΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°Π½Π°. ΠΠΎΠ»Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΡΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ ΠΏΠΎΠΊΠ°ΠΆΡΡ ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ, ΡΡΠΎΠ±Ρ ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠΈΡΡ ΠΏΡΠΎΠΏΠΎΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎ.
Π‘ΠΠ―ΠΠΠΠΠ«Π:Β 11 ΠΏΡΠ°Π²ΠΈΠ» ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡΠΈΠΈ Π΄Π»Ρ Π½Π΅Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ²
ΠΡΠ΅ ΡΠ΅ΡΠΊΠΈ ΠΌΠ°ΠΊΠ΅ΡΠ° ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΡΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½Ρ Π΄Π²ΡΠΌΡ ΡΠΏΠΎΡΠΎΠ±Π°ΠΌΠΈ: ΡΠΈΠΌΠΌΠ΅ΡΡΠΈΡΠ½ΡΠΌ ΠΈΠ»ΠΈ Π°ΡΠΈΠΌΠΌΠ΅ΡΡΠΈΡΠ½ΡΠΌ. Π‘ΠΈΠΌΠΌΠ΅ΡΡΠΈΡΠ½ΡΠ΅ ΡΠ΅ΡΠΊΠΈ ΡΠ»Π΅Π΄ΡΡΡ ΡΠ΅Π½ΡΡΠ°Π»ΡΠ½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ. ΠΠ΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΡΠ΅ ΠΏΠΎΠ»Ρ ΡΠ°Π²Π½Ρ Π΄ΡΡΠ³ Π΄ΡΡΠ³Ρ, ΠΊΠ°ΠΊ ΠΈ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΠ΅. Π‘ΡΠΎΠ»Π±ΡΡ Π² ΡΠΈΠΌΠΌΠ΅ΡΡΠΈΡΠ½ΠΎΠΌ ΠΌΠ°ΠΊΠ΅ΡΠ΅ ΡΠ°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅ΡΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡΡ ΡΠΈΡΠΈΠ½Ρ. Π Π°ΡΠΈΠΌΠΌΠ΅ΡΡΠΈΡΠ½ΠΎΠΌ ΠΌΠ°ΠΊΠ΅ΡΠ΅ ΠΏΠΎΠ»Ρ ΠΈ ΡΡΠΎΠ»Π±ΡΡ ΠΌΠΎΠ³ΡΡ ΠΎΡΠ»ΠΈΡΠ°ΡΡΡΡ Π΄ΡΡΠ³ ΠΎΡ Π΄ΡΡΠ³Π°. ΠΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ Π°ΡΠΈΠΌΠΌΠ΅ΡΡΠΈΡΠ½ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅ΡΠ° Π²Π°ΠΆΠ½ΠΎ Π²ΡΠ΅Π³Π΄Π° ΠΈΡΠΊΠ°ΡΡ Π±Π°Π»Π°Π½Ρ.
ΠΠ°Π²Π°ΠΉΡΠ΅ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΏΡΡΡ Π²ΠΈΠ΄ΠΎΠ² ΡΠ΅ΡΠΊΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ; ΡΡΠΊΠΎΠΏΠΈΡΠ½ΡΠΉ, ΠΊΠΎΠ»ΠΎΠ½ΠΎΡΠ½ΡΠΉ, Π±Π°Π·ΠΎΠ²ΡΠΉ, ΠΌΠΎΠ΄ΡΠ»ΡΠ½ΡΠΉ ΠΈ ΠΈΠ΅ΡΠ°ΡΡ ΠΈΡΠ΅ΡΠΊΠΈΠΉ.
- Π ΡΠΊΠΎΠΏΠΈΡΠ½ΡΠ΅ ΡΠ΅ΡΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π² Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°Ρ , ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΡΡ ΠΊΠ½ΠΈΠ³Π°Ρ , PDF-ΡΠ°ΠΉΠ»Π°Ρ ΠΈ ΠΏΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΡΡ Ρ Π±ΠΎΠ»ΡΡΠΈΠΌ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎΠΌ ΡΠ΅ΠΊΡΡΠ°.
- Π‘Π΅ΡΠΊΠΈ ΡΡΠΎΠ»Π±ΡΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π² ΠΆΡΡΠ½Π°Π»Π°Ρ Π΄Π»Ρ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠΈΠ²Π°Π½ΠΈΡ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° ΠΏΠΎ ΡΡΠΎΠ»Π±ΡΠ°ΠΌ, ΡΡΠΎΠ±Ρ Π΅Π³ΠΎ Π±ΡΠ»ΠΎ Π»Π΅Π³ΡΠ΅ ΡΠΈΡΠ°ΡΡ.
- ΠΠ°Π·ΠΎΠ²Π°Ρ ΡΠ΅ΡΠΊΠ° Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π±ΠΎΠ»Π΅Π΅ ΡΠ΅Ρ Π½ΠΈΡΠ΅ΡΠΊΠ°Ρ ΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΡΡΡ ΡΡΡΠΎΠΊΠΎΠΉ, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ ΡΠ΅ΠΊΡΡ. ΠΡΠ° ΡΠ΅ΡΠΊΠ° ΡΠΎΠ·Π΄Π°Π΅Ρ Ρ ΠΎΡΠΎΡΠΈΠΉ ΡΠΈΡΠΌ ΡΡΠ΅Π½ΠΈΡ Π΄Π»Ρ Π»ΡΠ±ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Ρ Π±ΠΎΠ»ΡΡΠΈΠΌ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎΠΌ ΡΠ΅ΠΊΡΡΠ°.
- ΠΠΎΠ΄ΡΠ»ΡΠ½ΡΠ΅ ΡΠ΅ΡΠΊΠΈ ΠΏΠΎΡ ΠΎΠΆΠΈ Π½Π° ΡΠ°Ρ ΠΌΠ°ΡΠ½ΡΡ Π΄ΠΎΡΠΊΡ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΌΠΎΠΆΠ΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π΄Π»Ρ Π±ΡΡΡΡΠΎΠ³ΠΎ Π΄ΠΎΡΡΡΠΏΠ°.
- ΠΠ΅ΡΠ°ΡΡ ΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ΅ΡΠΊΠΈ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π½Π° Π²Π΅Π±-ΡΠ°ΠΉΡΠ°Ρ , ΠΎΡΠ³Π°Π½ΠΈΠ·ΡΡ ΠΊΠΎΠ½ΡΠ΅Π½Ρ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ Π΅Π³ΠΎ Π²Π°ΠΆΠ½ΠΎΡΡΡΡ.
Π½Π°Ρ Π±ΡΠ°ΡΠ·Π΅Ρ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΡΠ΅Π³ Π²ΠΈΠ΄Π΅ΠΎ.
Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡΠ΅ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠ½ΠΊΡΠΈΠΈ ΠΏΡΠΈΠ²ΡΠ·ΠΊΠΈ Visme ΠΊ ΡΠ΅ΡΠΊΠ΅!
- ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΠΈΠ· Π΄Π΅ΡΡΡΠΊΠΎΠ² ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΡ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ²
- ΠΠΎΠ±Π°Π²Π»ΡΠΉΡΠ΅ ΡΠΈΠ³ΡΡΡ, Π·Π½Π°ΡΠΊΠΈ, Π²ΠΈΠ΄ΠΆΠ΅ΡΡ Π΄Π°Π½Π½ΡΡ , Π°Π½ΠΈΠΌΠ°ΡΠΈΡ, ΡΡΡΠ»ΠΊΠΈ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄ΡΡΠ³ΠΎΠ΅
- ΠΠ°ΡΡΡΠΎΠΉΡΠ΅ ΡΡΠΎ ΡΠ³ΠΎΠ΄Π½ΠΎ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ Π²Π°ΡΠΈΠΌ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠΎΠΌ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ
ΠΠ°ΡΠ΅Π³ΠΈΡΡΡΠΈΡΠΎΠ²Π°ΡΡΡΡ. ΠΡΠΎ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ.
Π‘Π΅ΡΠΊΠ° ΡΡΠΊΠΎΠΏΠΈΡΠΈ
ΠΠΎΠΊΡΠΌΠ΅Π½Ρ Word ΠΈΠ»ΠΈ ΡΠ°Π±Π»ΠΎΠ½ ΠΏΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΠΈ Π²ΡΠ΅Π³Π΄Π° Π±ΡΠ΄Π΅Ρ ΠΈΠΌΠ΅ΡΡ ΡΠ΅ΡΠΊΡ ΡΡΠΊΠΎΠΏΠΈΡΠΈ. ΠΠ½ΠΎΠ³Π΄Π° ΡΡΠΈ ΡΠ΅ΡΠΊΠΈ Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ, Ρ ΠΎΡΡ ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΡ, ΡΡΠΎΠ±Ρ ΠΎΠ½ΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π»ΠΈΡΡ Π² ΡΠ°ΠΊΠΈΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°Ρ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΎΠ², ΠΊΠ°ΠΊ Word. Π‘Π΅ΡΠΊΠΈ ΡΡΠΊΠΎΠΏΠΈΡΠΈ Π² ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΌ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅ ΡΠ°Π·Π΄Π΅Π»ΡΡΡ Π²Π΅ΡΡ Π½ΠΈΠΉ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»Ρ ΠΈ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ ΠΏΠΎ ΠΊΡΠ°ΡΠΌ (ΠΏΠΎΠ»Ρ). ΠΠ°ΠΊΠ΅Ρ ΡΡΠΊΠΎΠΏΠΈΡΠΈ ΡΠΎΠ·Π΄Π°Π΅Ρ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊ Π²Π½ΡΡΡΠΈ ΡΡΡΠ°Π½ΠΈΡΡ (ΡΠΎΡΠΌΠ°Ρ), ΠΊΠ°ΠΊ ΠΎΠ³ΡΠ°Π½ΠΈΡΠΈΠ²Π°ΡΡΡΡ ΡΠ°ΠΌΠΊΡ Π΄Π»Ρ ΡΠ΅ΠΊΡΡΠ°.
The Manuscript Grid ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΡΠ½ΠΎΠ²ΠΎΠΉ Π΄Π»Ρ Π²ΡΠ΅Ρ ΠΆΡΡΠ½Π°Π»ΠΎΠ², Π³Π°Π·Π΅Ρ, ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΡΡ ΠΊΠ½ΠΈΠ³ ΠΈ Π²ΡΠ΅Π³ΠΎ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. ΠΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅ΡΠ° ΡΠ΅ΡΠΊΠΈ ΡΡΠΊΠΎΠΏΠΈΡΠΈ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΡΡΡ Π½Π° ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅. ΠΡΡΠ°Π»ΡΠ½ΡΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ Π±ΡΠ΄ΡΡ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΎΠ²Π°ΡΡ ΡΠ΅ΠΌ ΠΆΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΠΌ. Π₯ΠΎΡΠΎΡΠ΅ΠΉ ΠΏΡΠ°ΠΊΡΠΈΠΊΠΎΠΉ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠ΅ ΡΠΎΠ³Π»Π°ΡΠΎΠ²Π°Π½Π½ΠΎΡΡΠΈ ΡΠ΅ΡΠΊΠΈ ΡΡΠΊΠΎΠΏΠΈΡΠΈ Π²Π½ΡΡΡΠΈ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°. ΠΠ°ΠΆΠ΅ Π΅ΡΠ»ΠΈ Π΅ΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, Π²ΡΡ ΠΎΠ΄ΡΡΠΈΠ΅ Π·Π° ΠΊΡΠ°Ρ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΡΠΈΠ³ΡΡΠ° ΠΈΠ»ΠΈ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΡ, ΡΠ΅ΡΠΊΠ° Π²ΡΠ΅ ΡΠ°Π²Π½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΈΡΡΡΡΡΠ²ΠΎΠ²Π°ΡΡ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΌΠΎΡΡ ΡΠΎΡ ΡΠ°Π½ΠΈΡΡ Ρ ΠΎΡΠΎΡΠΈΠΉ Π±Π°Π»Π°Π½Ρ Π΄Π»Ρ Π²ΡΠ΅Π³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°.
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΡΠ½ΠΊΡΠΈΡ ΠΏΡΠΈΠ²ΡΠ·ΠΊΠΈ ΠΊ ΡΠ΅ΡΠΊΠ΅ Π² ΡΡΠΎΠΌ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ΅ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° ΡΠ²ΠΎΠΈΠΌΠΈ ΡΡΠΊΠ°ΠΌΠΈ. ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ
Β
Π‘Π΅ΡΠΊΠ° ΡΡΠΎΠ»Π±ΡΠΎΠ²
Π‘Π΅ΡΠΊΠΈ ΡΡΠΎΠ»Π±ΡΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π΄Π»Ρ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π² ΡΡΠΎΠ»Π±ΡΡ. ΠΡΡΠ½Π°Π»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΡΠ΅ΡΠΊΠΈ ΡΡΠΎΠ»Π±ΡΠΎΠ², ΡΡΠΎΠ±Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ ΡΠ΅ΠΊΡΡ Π² Π»Π΅Π³ΠΊΠΎ ΡΠΈΡΠ°Π΅ΠΌΡΡ ΡΠ°Π·Π΄Π΅Π»Π°Ρ . ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ Π°ΠΊΠ°Π΄Π΅ΠΌΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΡΠ΅Π±Π½ΠΈΠΊΠΈ ΡΠ°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΠΈΡ . Π‘Π΅ΡΠΊΠΈ ΡΡΠΎΠ»Π±ΡΠΎΠ² ΡΠ°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π²Π½ΡΡΡΠΈ Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ², Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π² ΠΎΠ½Π»Π°ΠΉΠ½-Π³Π°Π·Π΅ΡΠ°Ρ ΠΈΠ»ΠΈ Π±Π»ΠΎΠ³Π°Ρ .
Π‘Π΅ΡΠΊΠΈ ΡΡΠΎΠ»Π±ΡΠΎΠ² ΠΌΠΎΠ³ΡΡ ΠΈΠΌΠ΅ΡΡ Π²ΡΠ΅Π³ΠΎ Π΄Π²Π° ΡΡΠΎΠ»Π±ΡΠ° ΠΈΠ»ΠΈ ΡΠ΅ΡΡΡ ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ ΡΡΠΎΠ»Π±ΡΠΎΠ², Π½ΠΎ ΡΡΠΎ Π½Π΅ ΠΎΡΠ΅Π½Ρ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½ΠΎ.
Π’Π΅ΠΊΡΡ ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² ΡΠ΅ΡΠΊΠ΅ ΡΡΠΎΠ»Π±ΡΠΎΠ² ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡΡΡ ΠΏΠΎΡΠ»Π΅ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΡΡ Π»ΠΈΠ½ΠΈΠΉ ΠΈ Π»ΠΈΠ½ΠΈΠΉ ΠΏΠΎΡΠΎΠΊΠ°, ΠΎΠ±ΡΠ°Π·ΡΡΡΠΈΡ ΡΡΠΎΠ»Π±ΡΡ. ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ Π²Π½ΡΡΡΠΈ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΡΠΎΠ»Π±ΡΠ° ΠΈΠ»ΠΈ ΠΌΠ΅ΠΆΠ΄Ρ Π΄Π²ΡΠΌΡ ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅, ΡΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ Π΄ΡΡΠ³ΠΎΠΉ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΠΌΠ°ΠΊΠ΅Ρ. ΠΠ½ΡΠ΅ΡΠ²Π°Π»Ρ ΠΌΠ΅ΠΆΠ΄Ρ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ°ΠΌΠΈ (ΠΎΡΡΡΡΠΏΠ°ΠΌΠΈ) Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ ΠΏΡΠΎΠΏΠΎΡΡΠΈΠΎΠ½Π°Π»ΡΠ½Ρ ΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ ΠΏΠΎ Π²ΡΠ΅ΠΌΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΡ.
Π ΡΠΈΠΌΠΌΠ΅ΡΡΠΈΡΠ½ΠΎΠΉ ΡΠ΅ΡΠΊΠ΅ ΡΡΠΎΠ»Π±ΡΠΎΠ² Π²ΡΠ΅ ΡΡΠΎΠ»Π±ΡΡ ΠΈΠΌΠ΅ΡΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡΡ ΡΠΈΡΠΈΠ½Ρ, Π° Π² Π°ΡΠΈΠΌΠΌΠ΅ΡΡΠΈΡΠ½ΠΎΠΉ ΡΠ΅ΡΠΊΠ΅ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΡΠΎΠ»Π±ΡΡ Π±ΡΠ΄ΡΡ ΠΏΡΠΎΠΏΠΎΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎ ΡΠΎΠ½ΡΡΠ΅ ΠΈΠ»ΠΈ ΡΠΈΡΠ΅, ΡΠ΅ΠΌ Π΄ΡΡΠ³ΠΈΠ΅.
ΠΠ΅ΡΠ°ΡΠ½ΡΠ΅ Π³Π°Π·Π΅ΡΡ ΠΎΠ±ΡΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΡΠΈΠΌΠΌΠ΅ΡΡΠΈΡΠ½ΡΡ ΡΠ΅ΡΠΊΡ ΡΡΠΎΠ»Π±ΡΠΎΠ² Π΄Π»Ρ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΈ ΡΠ²ΠΎΠΈΡ ΡΡΠ°ΡΠ΅ΠΉ.
ΠΡΠ»ΠΈΡΠ½ΡΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠΌ Π°ΡΠΈΠΌΠΌΠ΅ΡΡΠΈΡΠ½ΠΎΠΉ ΡΠ΅ΡΠΊΠΈ ΡΡΠΎΠ»Π±ΡΠΎΠ² ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΠ±ΡΠΈΠΉ ΠΌΠ°ΠΊΠ΅Ρ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ Π² Π±Π»ΠΎΠ³Π΅ (ΠΏΠΎΠ΄ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ). ΠΡΠ»ΠΈ Π²Ρ ΠΏΠΎΡΠΌΠΎΡΡΠΈΡΠ΅ Π½Π° ΡΡΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ ΠΏΠΎΡΡΠ° Π² Π±Π»ΠΎΠ³Π΅ Π½ΠΈΠΆΠ΅, Π²Ρ Π»Π΅Π³ΠΊΠΎ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅, ΡΡΠΎ ΠΎΠ½ ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· Π΄Π²ΡΡ ΡΡΠΎΠ»Π±ΡΠΎΠ² ΡΠ°Π·Π½ΠΎΠΉ ΡΠΈΡΠΈΠ½Ρ: ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΠΏΠΎΡΡΠ° ΠΈ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ.
Π ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π½ΠΈΠΆΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΆΡΡΠ½Π°Π»Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠ΅ΡΠΊΠ° ΠΈΠ· ΡΡΠ΅Ρ ΡΡΠΎΠ»Π±ΡΠΎΠ² Ρ ΠΏΡΠΎΠΏΠΎΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΠΉ ΡΠΈΡΠΈΠ½ΠΎΠΉ. ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ ΠΏΠΎΠ΄Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π·Π°Π½ΠΈΠΌΠ°ΡΡ ΠΌΠ΅ΡΡΠΎ Π²ΠΎ Π²ΡΠ΅Ρ ΡΡΠ΅Ρ ΡΡΠΎΠ»Π±ΡΠ°Ρ , Π° Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΡΠΉ ΡΠ΅ΠΊΡΡ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ ΠΌΠ΅ΡΡΠΎ Π² Π΄Π²ΡΡ ΡΡΠΎΠ»Π±ΡΠ°Ρ .
Β
ΠΠΎΠ΄ΡΠ»ΡΠ½Π°Ρ ΡΠ΅ΡΠΊΠ°
ΠΠΎΠ΄ΡΠ»ΡΠ½Π°Ρ ΡΠ΅ΡΠΊΠ° ΠΏΠΎΡ ΠΎΠΆΠ° Π½Π° ΡΠ΅ΡΠΊΡ ΡΡΠΎΠ»Π±ΡΠΎΠ² ΡΠ΅ΠΌ, ΡΡΠΎ Π² Π½Π΅ΠΉ Π΅ΡΡΡ ΡΡΠΎΠ»Π±ΡΡ, Π½ΠΎ ΡΠ°ΠΊΠΆΠ΅ Π΅ΡΡΡ ΠΈ ΡΡΡΠΎΠΊΠΈ. ΠΡΠΎΡ ΡΠΈΠΏ ΡΠ΅ΡΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ, ΠΊΠΎΠ³Π΄Π° Π½ΡΠΆΠ½ΠΎ ΠΎΡΠ³Π°Π½ΠΈΠ·ΠΎΠ²Π°ΡΡ Π±ΠΎΠ»ΡΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², Π° ΡΠ΅ΡΠΊΠΈ ΡΡΠΎΠ»Π±ΡΠΎΠ² Π½Π΅Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ. ΠΠ°Π·Π΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΡΡΠΎΠ»Π±ΡΡ ΠΈ ΠΌΠΎΠ΄ΡΠ»ΡΠ½ΡΠ΅ ΡΠ΅ΡΠΊΠΈ Π΄Π»Ρ ΡΠ΄ΠΎΠ±Π½ΠΎΠΉ ΠΈ ΡΠ΄ΠΎΠ±Π½ΠΎΠΉ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΈ ΡΡΠ°ΡΠ΅ΠΉ. ΠΠΎΠ΄ΡΠ»ΡΠ½ΡΠ΅ ΡΠ΅ΡΠΊΠΈ ΠΈΠΌΠ΅ΡΡ ΠΌΠΎΠ΄ΡΠ»ΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°. ΠΡΠΎ ΠΎΠ±Π»Π΅Π³ΡΠ°Π΅Ρ Β«Π½Π°ΡΡΡΠ΅Π½ΠΈΠ΅ ΠΏΡΠ°Π²ΠΈΠ»Β» ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π΅Π½Π½ΡΡ Π·ΠΎΠ½ ΠΏΠΎ-ΡΠ°Π·Π½ΠΎΠΌΡ.
ΠΠΎΠ΄ΡΠ»ΡΠ½ΡΠ΅ ΡΠ΅ΡΠΊΠΈ ΡΠ°ΠΊΠΆΠ΅ ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡ Π΄Π»Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ ΡΠΎΡΠΌ, Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌ ΠΈ ΡΠ°ΡΠΏΠΈΡΠ°Π½ΠΈΠΉ. ΠΠ½ΠΈ ΡΠ°ΠΊΠΆΠ΅ ΡΠ°ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π½Π° ΡΠ°ΠΉΡΠ°Ρ ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠΉ ΠΊΠΎΠΌΠΌΠ΅ΡΡΠΈΠΈ. ΠΠΎΠΌΠ°ΡΠ½ΡΡ ΡΡΡΠ°Π½ΠΈΡΠ° Π²Π°ΡΠ΅Π³ΠΎ ΡΠ΅Π»Π΅ΡΠΎΠ½Π°, Π½Π° ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ Π²ΡΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, ΠΈΠΌΠ΅Π΅Ρ ΠΌΠΎΠ΄ΡΠ»ΡΠ½ΡΡ ΡΠ΅ΡΠΊΡ. Instagram ΡΠ°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΠΌΠΎΠ΄ΡΠ»ΡΠ½ΡΡ ΡΠ΅ΡΠΊΡ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π²Π°ΡΠ΅ΠΉ Π»Π΅Π½ΡΡ.
ΠΡΡΠΎΡΠ½ΠΈΠΊ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
Β
Π‘Π΅ΡΠΊΠ° Π±Π°Π·ΠΎΠ²ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ
ΠΠ°Π·ΠΎΠ²Π°Ρ Π»ΠΈΠ½ΠΈΡ β ΡΡΠΎ Π»ΠΈΠ½ΠΈΡ, Π½Π° ΠΊΠΎΡΠΎΡΠΎΠΉ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°Π΅ΡΡΡ ΡΠ΅ΠΊΡΡ. ΠΠ½ΡΠ΅ΡΠ»ΠΈΠ½ΡΡΠΆ β ΡΡΠΎ ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ Π±Π°Π·ΠΎΠ²ΡΠΌΠΈ Π»ΠΈΠ½ΠΈΡΠΌΠΈ. ΠΠ°Π·ΠΎΠ²Π°Ρ ΡΠ΅ΡΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½Π° ΠΊ Π»ΡΠ±ΠΎΠΉ ΠΈΠ· ΡΠΏΠΎΠΌΡΠ½ΡΡΡΡ Π²ΡΡΠ΅ ΡΠ΅ΡΠΎΠΊ. ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π±Π°Π·ΠΎΠ²ΠΎΠΉ ΡΠ΅ΡΠΊΠΈ ΠΏΡΠΈΠ΄Π°ΡΡ ΡΠ΅ΠΊΡΡΡ ΠΏΠ»Π°Π²Π½ΡΠΉ ΡΠΈΡΠΌ. ΠΡΠΎ ΡΠ°ΠΊΠΆΠ΅ Π΄Π°ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°ΠΌ ΠΈ ΠΏΠΎΠ΄Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°ΠΌ ΠΏΡΠΎΠΏΠΎΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ ΠΏΠΎ ΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΡ ΠΊ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌΡ ΡΠ΅ΠΊΡΡΡ, ΡΡΠΎ ΡΠ΄Π΅Π»Π°Π΅Ρ ΠΈΡ Π±ΠΎΠ»Π΅Π΅ ΠΏΡΠΈΡΡΠ½ΡΠΌΠΈ Π΄Π»Ρ ΡΠΈΡΠ°ΡΠ΅Π»Ρ.
Π ΡΠ΅ΠΌ-ΡΠΎ, ΡΡΠΎ Π²Ρ ΡΠ°ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈ Π² ΡΠΊΠΎΠ»Π΅ ΠΈ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²ΡΠ΅ Π΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ ΡΠ΅ΠΉΡΠ°Ρ, Π΅ΡΡΡ Π±Π°Π·ΠΎΠ²Π°Ρ ΡΠ΅ΡΠΊΠ°. ΠΠ»ΠΎΠΊΠ½ΠΎΡΡ Ρ Π»ΠΈΠ½Π΅ΠΉΠΊΠΎΠΉ ΠΈΠΌΠ΅ΡΡ Π±Π°Π·ΠΎΠ²ΡΡ ΡΠ΅ΡΠΊΡ. ΠΠ΅ΡΠ΄ΠΈΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ, ΡΡΠΎ ΡΡΠΈΡΠ΅Π»Ρ Π²ΡΠ΅Π³Π΄Π° Ρ ΠΎΡΠ΅Π»ΠΈ, ΡΡΠΎΠ±Ρ ΠΌΡ ΠΏΠΈΡΠ°Π»ΠΈ Π½Π° ΡΠ΅ΡΡΠ°Π΄Π½ΠΎΠΉ Π±ΡΠΌΠ°Π³Π΅, Π° Π½Π΅ Π½Π° Π±Π΅Π»ΠΎΠΉ Π±ΡΠΌΠ°Π³Π΅. ΠΡΠΎ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π»ΠΎ Ρ ΠΎΡΠΎΡΠΈΠΉ ΡΠΈΡΠΌ Π² Π½Π°ΡΠΈΡ ΠΏΠΈΡΡΠΌΠ΅Π½Π½ΡΡ Π·Π°Π΄Π°Π½ΠΈΡΡ . ΠΡΠ»ΠΈ, ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ, Π½Π°Ρ ΠΏΠΎΡΠ΅ΡΠΊ Π½Π΅ Π±ΡΠ» Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΊΡΠΎΡΠ΅ΡΠ½ΡΠΌ ΠΈΠ»ΠΈ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΎΠ³ΡΠΎΠΌΠ½ΡΠΌ, ΠΈ ΡΠΎΠ³Π΄Π° ΡΠΈΡΠΌ Π²ΡΡ ΠΎΠ΄ΠΈΠ» Π·Π° Π΄Π²Π΅ΡΡ.
ΠΡΠ»ΠΈ Π²Ρ Π²Π½ΠΈΠΌΠ°ΡΠ΅Π»ΡΠ½ΠΎ ΠΏΠΎΡΠΌΠΎΡΡΠΈΡΠ΅ Π½Π° ΡΡΠΎΡ Π»ΠΈΡΡ Π±ΡΠΌΠ°Π³ΠΈ ΠΈΠ· Π±Π»ΠΎΠΊΠ½ΠΎΡΠ°, ΡΠΎ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅, ΡΡΠΎ Π½Π° Π½Π΅ΠΌ ΡΠ°ΠΊΠΆΠ΅ Π΅ΡΡΡ ΡΠ΅ΡΠΊΠ° Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°, ΠΊΠΎΡΠΎΡΠ°Ρ ΡΠΎΠ·Π΄Π°Π΅Ρ ΠΏΠΎΠ»Ρ. Π‘Π΅ΡΠΊΠΈ ΠΏΠΎΡΡΠΈ Π²Π΅Π·Π΄Π΅, Π³Π΄Π΅ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡΡΡ ΡΠ΅ΠΊΡΡ ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΠΎΡΠ΅ΠΌΡ Π±Ρ Π½Π΅ Π±ΡΠΎΡΠΈΡΡ ΡΠ΅Π±Π΅ Π²ΡΠ·ΠΎΠ², ΡΡΠΎΠ±Ρ Π½Π°ΠΉΡΠΈ ΠΈΡ ?
Β
ΠΠ΅ΡΠ°ΡΡ ΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ΅ΡΠΊΠΈ
ΠΠ΅ΡΠ°ΡΡ ΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ΅ΡΠΊΠΈ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅. Π¦Π΅Π»ΡΡ ΠΈΠ΅ΡΠ°ΡΡ ΠΈΡΠ΅ΡΠΊΠΎΠΉ ΡΠ΅ΡΠΊΠΈ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π² ΠΏΠΎΡΡΠ΄ΠΊΠ΅ ΠΈΡ Π²Π°ΠΆΠ½ΠΎΡΡΠΈ. ΠΠ½ ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ Π½Π°Π·ΡΠ²Π°Π΅ΡΡΡ ΡΠ΅ΡΠΊΠΎΠΉ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΠΌΠΎΠ΄ΡΠ»ΠΈ ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡΡΡ Π²Π½ΡΡΡΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ½ΠΎΠΉ ΡΠ΅ΡΠΊΠΈ ΡΡΠΊΠΎΠΏΠΈΡΠΈ.
ΠΠ΅ΡΠ°ΡΡ ΠΈΡΠ΅ΡΠΊΠ°Ρ ΡΠ΅ΡΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π½Π°ΡΡΡΠΎΠ΅Π½Π° ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ»ΡΠ½ΠΎ ΠΈΠ»ΠΈ Ρ ΠΌΠΎΠ΄ΡΠ»ΡΠ½ΠΎΠΉ ΡΠ΅ΡΠΊΠΎΠΉ Π² ββΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠ°. Π§ΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ±Π°Π»Π°Π½ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΠΈΠ΅ΡΠ°ΡΡ ΠΈΡΠ΅ΡΠΊΡΡ ΡΠ΅ΡΠΊΡ Π±Π΅Π· Π½Π°ΠΏΡΠ°Π²Π»ΡΡΡΠ΅ΠΉ ΠΌΠΎΠ΄ΡΠ»ΡΠ½ΠΎΠΉ ΡΠ΅ΡΠΊΠΈ, ΡΡΠ΅Π±ΡΡΡΡΡ Π³ΠΎΠ΄Ρ ΠΏΡΠ°ΠΊΡΠΈΠΊΠΈ. ΠΠΎΡ ΠΏΠΎΡΠ΅ΠΌΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΎΠ½Ρ Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ² Π΄Π»Ρ Π½Π΅Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ², ΡΡΠΎΠ±Ρ ΠΏΡΠΎΡΡΠΎ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ Π² Π½ΠΈΡ ΡΠ²ΠΎΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ. ΠΠ°ΠΆΠ΅ ΠΎΠΏΡΡΠ½ΡΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΡΠΆΠ΅ ΡΠΎΠ·Π΄Π°Π½Π½ΡΠ΅ ΡΠ°Π±Π»ΠΎΠ½Ρ, ΡΡΠΎΠ±Ρ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡΡ Π΄ΡΠ°Π³ΠΎΡΠ΅Π½Π½ΠΎΠ΅ Π²ΡΠ΅ΠΌΡ.
ΠΡΠΈ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π΅ Π½Π° ΡΠΈΡΡΠΎΠ²ΡΠ΅ ΠΏΠ»Π°ΡΡΠΎΡΠΌΡ Π³Π°Π·Π΅ΡΡ ΠΏΠ΅ΡΠ΅ΡΠ»ΠΈ ΠΎΡ ΠΎΠ±ΡΡΠ½ΡΡ ΡΠΈΠΌΠΌΠ΅ΡΡΠΈΡΠ½ΡΡ ΡΠ΅ΡΠΎΠΊ ΡΡΠΎΠ»Π±ΡΠΎΠ² ΠΊ ΠΈΠ΅ΡΠ°ΡΡ ΠΈΡΠ΅ΡΠΊΠΈΠΌ ΡΠ΅ΡΠΊΠ°ΠΌ ΡΠΎ ΡΡΠΎΠ»Π±ΡΠ°ΠΌΠΈ Π²Π½ΡΡΡΠΈ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π΅Π½Π½ΡΡ Π·ΠΎΠ½.
Β
ΠΠ΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΡΡΠΎΡΠΈΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΠ±ΡΠ°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ
ΠΠΎ ΡΠΏΠΎΡ ΠΈ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠΎΠ² ΡΠ΅ΡΠΊΠΈ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ² ΡΠΈΡΠΎΠ²Π°Π»ΠΈΡΡ Π½Π° ΠΌΠ°ΠΊΠ΅ΡΠ°Ρ ΡΠΈΠ½Π΅ΠΉ ΡΡΡΠΊΠΎΠΉ. ΠΠ°ΠΆΠ΄ΡΡ Π»ΠΈΠ½ΠΈΡ ΡΠ΅ΡΠΊΠΈ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ ΠΈΠ·ΠΌΠ΅ΡΠΈΡΡ ΠΈ Π½Π°ΡΠΈΡΠΎΠ²Π°ΡΡ Π²ΡΡΡΠ½ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π’-ΠΎΠ±ΡΠ°Π·Π½ΠΎΠΉ Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ. ΠΡΠ»ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ Ρ ΠΎΡΠ΅Π»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΡ ΡΠ΅ΡΠΊΡ, ΠΎΠ½ΠΈ ΠΌΠΎΠ³Π»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΎΠ½Ρ ΡΠ΅ΡΠΊΠΈ, Π½Π°ΠΏΠ΅ΡΠ°ΡΠ°Π½Π½ΡΠ΅ ΡΠΈΠ½ΠΈΠΌΠΈ ΡΠ΅ΡΠ½ΠΈΠ»Π°ΠΌΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠΌΠ΅ΡΠ°Π»ΠΈΡΡ ΠΏΠΎΠ΄ ΡΠΎΠ»ΡΡΡΡ ΠΊΠ°Π»ΡΠΊΡ.
ΠΠ°ΡΠ΅ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ Π½Π°ΡΡΡΠΎΠΈΠ» ΡΠ²ΠΎΠΉ ΠΌΠ°ΠΊΠ΅Ρ ΡΠ²Π΅ΡΡ Ρ. ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠΈΡΠΎΠ²Π°Π»ΠΈΡΡ Π² Π²ΠΈΠ΄Π΅ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊΠΎΠ² ΠΈΠ»ΠΈ ΠΊΠ²Π°Π΄ΡΠ°ΡΠΎΠ² Ρ Π΄Π²ΡΠΌΡ ΠΏΠ΅ΡΠ΅ΡΠ΅ΠΊΠ°ΡΡΠΈΠΌΠΈΡΡ Π»ΠΈΠ½ΠΈΡΠΌΠΈ ΠΈΠ· ΡΠ³Π»Π° Π² ΡΠ³ΠΎΠ». ΠΠΎΠΌΠΏΡΡΡΠ΅ΡΠ½ΡΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ² ΠΎΡΡΠ°ΠΆΠ°ΡΡ ΠΏΡΠ°ΠΊΡΠΈΠΊΡ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΡΠΊΠΈ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ² ΠΌΠ½ΠΎΠ³ΠΎ Π»Π΅Ρ Π½Π°Π·Π°Π΄. ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈΡΡ ΡΠΈΠ½ΠΈΠ΅ ΡΠ΅ΡΠ½ΠΈΠ»Π°, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΠΎΠ½ΠΈ Π½Π΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π»ΠΈΡΡ Π½Π° ΠΏΡΠ΅ΠΏΡΠΈΠ½ΡΠ°Ρ .
Β
ΠΠ°ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΠΈΠ΅ΡΠ°ΡΡ ΠΈΡ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅?
ΠΠ΅ΡΠ°ΡΡ ΠΈΡ β ΡΡΠΎ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅, ΠΏΡΠΈ ΠΊΠΎΡΠΎΡΠΎΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ Π² ΠΏΠΎΡΡΠ΄ΠΊΠ΅ Π²Π°ΠΆΠ½ΠΎΡΡΠΈ. Π‘Π»ΠΎΠ²ΠΎ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ ΠΎΡ ΠΏΠΎΠ½ΡΡΠΈΡ ΠΊΠΎΡΠΎΠ»Π΅Π²ΡΠΊΠΎΠΉ Π²Π»Π°ΡΡΠΈ: ΡΠ½Π°ΡΠ°Π»Π° ΠΊΠΎΡΠΎΠ»Ρ ΠΈ ΠΊΠΎΡΠΎΠ»Π΅Π²Π°, Π·Π°ΡΠ΅ΠΌ ΠΏΡΠΈΠ½Ρ ΠΈ ΠΏΡΠΈΠ½ΡΠ΅ΡΡΠ°, Π·Π°ΡΠ΅ΠΌ Π³Π΅ΡΡΠΎΠ³ΠΈ ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅. ΠΠ΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΠΈΠ΅ΡΠ°ΡΡ ΠΈΡ, ΡΡΠΎΠ±Ρ ΡΠ±Π΅Π΄ΠΈΡΡΡΡ, ΡΡΠΎ ΡΠ°ΠΌΠ°Ρ Π²Π°ΠΆΠ½Π°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π²ΠΈΠ΄Π½Π° ΠΏΠ΅ΡΠ²ΠΎΠΉ. ΠΡΠΈΠ·ΡΠ² ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ ΠΈ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΡΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΡ Π²ΡΠ΄Π΅Π»ΡΡΡΡΡ ΠΏΠ΅ΡΠ²ΡΠΌΠΈ.
ΠΡΡΠΎΡΠ½ΠΈΠΊ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
Π½Π°Ρ Π±ΡΠ°ΡΠ·Π΅Ρ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΡΠ΅Π³ Π²ΠΈΠ΄Π΅ΠΎ.
Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡΠ΅ ΠΊΡΠ°ΡΠΈΠ²ΡΠ΅ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠ΅ ΡΡΡΠ΅ΠΊΡΡ Π΄Π»Ρ ΡΠ²ΠΎΠ΅Π³ΠΎ Π²Π΅Π±-ΡΠ°ΠΉΡΠ° Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠΎΠ³ΠΎ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ° ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΊΠΈΠ²Π°Π½ΠΈΡ!
- ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΠΈΠ· Π΄Π΅ΡΡΡΠΊΠΎΠ² ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΡ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ²
- ΠΠΎΠ±Π°Π²Π»ΡΠΉΡΠ΅ ΡΠΈΠ³ΡΡΡ, Π·Π½Π°ΡΠΊΠΈ, Π²ΠΈΠ΄ΠΆΠ΅ΡΡ Π΄Π°Π½Π½ΡΡ , Π°Π½ΠΈΠΌΠ°ΡΠΈΡ, ΡΡΡΠ»ΠΊΠΈ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄ΡΡΠ³ΠΎΠ΅
- ΠΠ°ΡΡΡΠΎΠΉΡΠ΅ ΡΡΠΎ ΡΠ³ΠΎΠ΄Π½ΠΎ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ Π²Π°ΡΠΈΠΌ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠΎΠΌ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ
ΠΠ°ΡΠ΅Π³ΠΈΡΡΡΠΈΡΠΎΠ²Π°ΡΡΡΡ. ΠΡΠΎ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ.
ΠΡΠΎ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΡΠΈΠΏΠ° ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Π΅ΠΌΠΎΠ³ΠΎ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΎΠ½Π»Π°ΠΉΠ½-ΠΆΡΡΠ½Π°Π» ΠΈΠ»ΠΈ Π±Π»ΠΎΠ³ ΠΌΠΎΠΆΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΈΠ΅ΡΠ°ΡΡ ΠΈΡΠ΅ΡΠΊΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π° ΡΠ²ΠΎΠ΅ΠΉ Π³Π»Π°Π²Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅, Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΡΡ ΡΡΠ°ΡΡΠΈ ΡΠ°Π·Π½ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ². ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² Ρ ΡΠ°Π·Π½ΡΠΌΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΠΌΠΈ ΡΡΠΈΡΡΠ°. ΠΠ΅Π±-ΡΠ°ΠΉΡΡ ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠΉ ΠΊΠΎΠΌΠΌΠ΅ΡΡΠΈΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΡΠ΅Π»Π΅Π²ΡΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ Ρ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ»ΠΈ Π΄Π²ΡΠΌΡ ΠΏΡΠΈΠ·ΡΠ²Π°ΠΌΠΈ ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ, ΠΈ ΠΎΠ½ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π·Π°ΠΌΠ΅ΡΠ½ΡΠΌΠΈ.
Π‘ΠΠ―ΠΠΠΠΠ«Π:Β 16 ΡΠ΅Π½Π΄Π΅Π½ΡΠΈΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π½Π° ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΎΠ±ΡΠ°ΡΠΈΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅
ΠΠ΅ΡΠ°ΡΡ ΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ΅ΡΠΊΠΈ β ΡΠ°ΠΌΡΠ΅ Π½Π΅Π·Π°ΠΌΠ΅ΡΠ½ΡΠ΅ ΠΈΠ· Π²ΡΠ΅Ρ ΡΠ΅ΡΠΎΠΊ. ΠΡ ΡΠ΅Π»Ρ β ΠΏΡΠΈΠ²Π»Π΅ΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ, ΠΈ ΠΎΠ½ΠΈ Π΄Π΅Π»Π°ΡΡ ΡΡΠΎ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ Π·ΡΠΈΡΠ΅Π»Ρ Π½Π΅ Π·Π½Π°Π», ΡΡΠΎ ΡΡΠΎ Π±ΡΠ»ΠΎ ΡΠ΄Π΅Π»Π°Π½ΠΎ Π½Π°ΠΌΠ΅ΡΠ΅Π½Π½ΠΎ. Π₯ΠΎΡΠΎΡΠ°Ρ ΠΈΠ΅ΡΠ°ΡΡ ΠΈΡΠ΅ΡΠΊΠ°Ρ ΡΡΡΡΠΊΡΡΡΠ° ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ²ΡΡΠΈΡΡ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΡ!
ΠΡΡΠΎΡΠ½ΠΈΠΊ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎ Π²ΡΠ³Π»ΡΠ΄ΡΡΠΈΠΉ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠΎΠ³ΠΎ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ° Β«Π‘Π΄Π΅Π»Π°ΠΉ ΡΠ°ΠΌΒ». ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ
Β
Π‘Π΅ΡΠΊΠΈ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡΠΈΠΈ
ΠΡΠ°Π²ΠΈΠ»ΠΎ ΡΡΠ΅ΡΠ΅ΠΉ
ΠΡΠΎ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½Π½Π°Ρ ΡΠ΅ΡΠΊΠ°, ΠΊΠΎΡΠΎΡΠ°Ρ ΡΠ°Π·Π΄Π΅Π»ΡΠ΅Ρ Π»ΡΠ±ΠΎΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ Π½Π° ΡΠ΅ΡΠΊΡ ΠΈΠ· Π΄Π΅Π²ΡΡΠΈ ΡΠ°Π²Π½ΡΡ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ². ΠΡΠ° ΡΠΈΡΡΠ΅ΠΌΠ° ΡΠ΅ΡΠΊΠΈ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠΉ ΠΈΠ»ΠΈ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠΉ, Π½ΠΎ Π²ΡΠ΅ Π΄Π΅Π²ΡΡΡ ΡΡΠ΅Π΅ΠΊ Π²ΡΠ΅Π³Π΄Π° Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°. ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ Π² ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΠΈ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Ρ Π΄Π²ΠΎΡΠΊΠΎ. Π’ΠΎΡΠΊΠΈ ΡΠΎΠΊΡΡΠΈΡΠΎΠ²ΠΊΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡΡΡ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ ΠΏΠ΅ΡΠ΅ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ Π»ΠΈΠ½ΠΈΠΉ ΡΠ²Π΅ΡΡ Ρ ΡΠ»Π΅Π²Π°, ΡΠ²Π΅ΡΡ Ρ ΡΠΏΡΠ°Π²Π°, ΡΠ½ΠΈΠ·Ρ ΡΠ»Π΅Π²Π° ΠΈ Π·Π°ΡΠ΅ΠΌ ΡΠ½ΠΈΠ·Ρ ΡΠΏΡΠ°Π²Π°. ΠΡΡΠ³ΠΈΠ΅ Π²Π°ΠΆΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΠΎΠ±ΡΡΠ½ΠΎ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΡΠ΅ΠΊΡΡ, ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡΡΡ Π²Π½ΡΡΡΠΈ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ², ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½Π½ΡΡ ΠΏΠ΅ΡΠ΅ΡΠ΅ΠΊΠ°ΡΡΠΈΠΌΠΈΡΡ Π»ΠΈΠ½ΠΈΡΠΌΠΈ.
Π‘ΡΠΈΡΠ°Π΅ΡΡΡ, ΡΡΠΎ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ ΡΡΠ΅ΡΠ΅ΠΉ ΡΠΎΠ·Π΄Π°Π΅Ρ ΠΏΡΠΈΡΡΠ½ΡΡ Π΄Π»Ρ Π·ΡΠΈΡΠ΅Π»Ρ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡΠΈΡ. Π‘Π»Π΅Π΄ΡΡ ΡΠ΅ΡΠΊΠ΅ Β«ΠΡΠ°Π²ΠΈΠ»ΠΎ ΡΡΠ΅ΡΠ΅ΠΉΒ», Π²Ρ ΡΠ±Π΅Π΄ΠΈΡΠ΅ΡΡ, ΡΡΠΎ Π²Π°Ρ Π΄ΠΈΠ·Π°ΠΉΠ½ ΡΠ±Π°Π»Π°Π½ΡΠΈΡΠΎΠ²Π°Π½ ΠΈ ΠΏΡΠΎΠΏΠΎΡΡΠΈΠΎΠ½Π°Π»Π΅Π½. ΠΠ½ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π² Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, Π° ΡΠ°ΠΊΠΆΠ΅ Π² ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ.
ΠΡΡΠΎΡΠ½ΠΈΠΊ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
Β
ΠΠΎΠ»ΠΎΡΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅
ΠΠΎΠ»ΠΎΡΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ ΡΠ°ΠΊΠΆΠ΅ Π½Π°Π·ΡΠ²Π°ΡΡ Π·ΠΎΠ»ΠΎΡΠΎΠΉ ΡΠΏΠΈΡΠ°Π»ΡΡ ΠΈΠ»ΠΈ Π·ΠΎΠ»ΠΎΡΡΠΌ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ. ΠΡΠΎ ΡΠ΅Π½ΠΎΠΌΠ΅Π½ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡΠΈΠΈ, Π²ΡΡΡΠ΅ΡΠ°ΡΡΠΈΠΉΡΡ Π² ΠΏΡΠΈΡΠΎΠ΄Π΅, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅. ΠΠ½ΠΎΠ³ΠΈΠ΅ ΠΈΠ·Π²Π΅ΡΡΠ½ΡΠ΅ Π»ΠΎΠ³ΠΎΡΠΈΠΏΡ Π±ΡΠ»ΠΈ ΡΠΎΠ·Π΄Π°Π½Ρ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π·ΠΎΠ»ΠΎΡΠΎΠ³ΠΎ ΡΠ΅ΡΠ΅Π½ΠΈΡ, ΠΈ ΠΎΠ½ΠΎ ΡΠ°ΠΊΠΆΠ΅ ΠΎΡΠ΅Π½Ρ ΡΠ°ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π² ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ.
ΠΠΎΠ»ΠΎΡΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ ΡΠ΅ΡΠ½ΠΎ ΡΠ²ΡΠ·Π°Π½ΠΎ Ρ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΡΡ Π€ΠΈΠ±ΠΎΠ½Π°ΡΡΠΈ. ΠΡΠΎ ΠΌΠ°ΡΠ΅ΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ΅ ΡΡΠ°Π²Π½Π΅Π½ΠΈΠ΅ ΡΠΏΡΠ°Π²Π»ΡΠ΅Ρ ΠΈΠ·ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ ΠΠΎΠ»ΠΎΡΠΎΠ³ΠΎ ΠΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊΠ°, ΠΈΠ΄Π΅Π°Π»ΡΠ½ΠΎ ΡΠ±Π°Π»Π°Π½ΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠΉ ΡΠΎΡΠΌΡ. ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π·ΠΎΠ»ΠΎΡΠΎΠ³ΠΎ ΡΠ΅ΡΠ΅Π½ΠΈΡ ΠΈΠ»ΠΈ Π³ΡΡΠΏΠΏΡ Π·ΠΎΠ»ΠΎΡΡΡ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊΠΎΠ² Π² Π²Π°ΡΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠ°Ρ Π±ΡΠ΄Π΅Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΎΠ²Π°ΡΡ Π΄ΡΠ΅Π²Π½Π΅ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡΠΈΠΈ ΠΏΡΠΈΡΠΎΠ΄Ρ.
Β
Π‘ΠΎΡΡΠ°Π²Π½ΡΠ΅ ΡΠ΅ΡΠΊΠΈ
ΠΠΎΠ³Π΄Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΡΠ΅ΡΠΊΠΈ, ΠΎΠ½ΠΈ Π½Π΅ Π²ΡΠ΅Π³Π΄Π° ΠΏΡΠΈΠ΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΡΡ ΠΎΡΠ½ΠΎΠ². Π‘ΠΌΠ΅ΡΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΡΠΎΠΊ β ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΡΠΉ ΡΠΏΠΎΡΠΎΠ± ΡΠ΄Π΅Π»Π°ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅ΡΠ° Π±ΠΎΠ»Π΅Π΅ ΠΊΡΠ΅Π°ΡΠΈΠ²Π½ΡΠΌ ΠΈ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΡΠΌ. ΠΠ½ΠΎΠ³ΠΎΡΡΡΠ°Π½ΠΈΡΠ½ΡΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ Π±ΡΠ΄Π΅Ρ ΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΡ ΡΠ΅ΠΌ ΠΆΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΠΌ ΡΠ΅ΡΠΊΠΈ ΡΡΠΊΠΎΠΏΠΈΡΠΈ, Π½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΈΠΌΠ΅ΡΡ ΡΠ°Π·Π½ΡΠ΅ ΡΠ΅ΡΠΊΠΈ Π΄Π»Ρ ΡΠ°Π·Π½ΡΡ ΡΠ°ΡΡΠ΅ΠΉ ΡΠΎΡΠΌΠ°ΡΠΎΠ².
ΠΠΎΡΠΌΠΎΡΡΠΈΡΠ΅, ΠΊΠ°ΠΊ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΌΠ°ΠΊΠ΅Ρ ΠΆΡΡΠ½Π°Π»Π°, ΠΊΠΎΠ³Π΄Π° ΡΡΡΠ°Π½ΠΈΡΡ ΠΎΡΠΊΡΡΡΡ ΠΈ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Ρ ΡΡΠ΄ΠΎΠΌ. ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΠΏΡΠΎΠ±Π΅Π»Ρ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΎΡ ΡΠ°Π½ΡΡΡ ΠΎΠ΄Π½Ρ ΠΈ ΡΡ ΠΆΠ΅ ΠΏΡΠΎΠΏΠΎΡΡΠΈΡ ΠΎΡ ΡΡΡΠ°Π½ΠΈΡΡ ΠΊ ΡΡΡΠ°Π½ΠΈΡΠ΅, ΠΈ Π΄ΡΡΠ³ΠΈΠ΅, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΡΠ»ΠΈΡΠ°ΡΡΡΡ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅. Π’Π²ΠΎΡΡΠ΅ΡΠΊΠΎΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΎΡΡΠ°Π²Π½ΡΡ ΡΠ΅ΡΠΎΠΊ ΡΠ΄Π΅Π»Π°Π΅Ρ Π²Π°ΡΠΈ ΠΏΡΠΎΠ΅ΠΊΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΏΡΠΈΡΡΠ½ΡΠΌΠΈ. ΠΡΠΎ ΠΌΠ°ΡΡΠ΅ΡΡΡΠ²ΠΎ ΡΡΠ΅Π±ΡΠ΅Ρ ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡΠ°ΠΊΡΠΈΠΊΠΈ!
ΠΡΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ ΠΏΠΎΡΡΡΠ°Π½ΠΈΡΠ½ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅ΡΠ° Π²ΡΠ΅Π³ΠΎ ΡΠ°Π±Π»ΠΎΠ½Π° ΠΆΡΡΠ½Π°Π»Π° ΠΎΡ graphic river β ΠΎΡΠ»ΠΈΡΠ½ΡΠΉ ΠΏΡΠΈΠΌΠ΅Ρ ΡΠΎΡΡΠ°Π²Π½ΠΎΠΉ ΡΠ΅ΡΠΊΠΈ. ΠΠ°ΠΆΠ΄Π°Ρ ΡΡΡΠ°Π½ΠΈΡΠ° ΠΎΡΠ»ΠΈΡΠ°Π΅ΡΡΡ, Π½ΠΎ ΠΊΠ°ΠΆΠ΄Π°Ρ ΡΡΡΠ°Π½ΠΈΡΠ° ΡΠΎΡ ΡΠ°Π½ΡΠ΅Ρ Π±Π°Π·ΠΎΠ²ΡΡ ΡΠ΅ΡΠΊΡ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π·Π°ΠΌΠ΅ΡΠΈΡΡ ΡΡΠΎ ΠΏΠΎ Π½ΠΈΠΆΠ½Π΅ΠΌΡ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»Ρ ΠΈ Π½ΠΎΠΌΠ΅ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎ ΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΡΠΎΠ»Π±ΡΠΎΠ² ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
ΠΡΡΠΎΡΠ½ΠΈΠΊ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
Β
ΠΡΠ±ΠΎΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠΉ ΡΠ΅ΡΠΊΠΈ Π΄Π»Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠ°ΠΊΠ΅ΡΠ°
ΠΡΠ±ΠΎΡ Π»ΡΡΡΠ΅ΠΉ ΡΠ΅ΡΠΊΠΈ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΡΠΎΠ³ΠΎ, Π½Π°Π΄ ΠΊΠ°ΠΊΠΈΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ Π²Ρ Π±ΡΠ΄Π΅ΡΠ΅ ΡΠ°Π±ΠΎΡΠ°ΡΡ. ΠΠΈΠ·Π°ΠΉΠ½Ρ Ρ Π±ΠΎΠ»ΡΡΠΈΠΌ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎΠΌ ΡΠ΅ΠΊΡΡΠ° Π½ΡΠΆΠ΄Π°ΡΡΡΡ Π² ΡΠ΅ΡΠΊΠ΅ ΠΌΠ°ΠΊΠ΅ΡΠ°. ΠΠΈΠ·Π°ΠΉΠ½Ρ Ρ Π±ΠΎΠ»ΡΡΠΈΠΌ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎΠΌ Π°Π±ΡΡΡΠ°ΠΊΡΠ½ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡΠΈΠΉ ΡΠ²Π΅ΡΠΎΠ² ΠΈ ΡΠΎΡΠΌ Π»ΡΡΡΠ΅ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ ΠΏΡΠ°Π²ΠΈΠ»ΠΎΠΌ ΡΡΠ΅ΡΠ΅ΠΉ ΠΈΠ»ΠΈ Π·ΠΎΠ»ΠΎΡΠΎΠΉ ΡΠ΅ΡΠ΅Π΄ΠΈΠ½ΠΎΠΉ.