ΡΠ°ΠΉΡ Π½Π° js html css ΠΏΡΠΈΠΌΠ΅ΡΡ Ρ ΠΊΠΎΠ΄ΠΎΠΌ
ΠΠΎΡΠΎΠ²ΡΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΡ Π΄Π»Ρ ΡΠ°ΠΉΡΠΎΠ². ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ.
Π‘Π½ΠΈΠΏΠΏΠ΅ΡΡ. ΠΠΎΡΠΎΠ²ΡΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΡ Π΄Π»Ρ ΡΠ°ΠΉΡΠΎΠ². Π€ΡΠ°Π³ΠΌΠ΅Π½ΡΡ ΠΊΠΎΠ΄Π° HTML, CSS ΠΈ JavaScript.
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π°Π½Π½ΡΠ΅ Π³ΠΎΡΠΎΠ²ΡΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΡ (ΡΠ½ΠΈΠΏΠΏΠ΅ΡΡ) Π½Π° ΡΠ²ΠΎΠΈΡ ΡΠ°ΠΉΡΠ°Ρ . ΠΡΠΎ ΡΡΠΊΠΎΡΠΈΡ ΠΈ ΠΎΠ±Π»Π΅Π³ΡΠΈΡ Π²Π°ΠΌ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ. Π Π΄Π°Π½Π½ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠ°Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π²ΡΠ΅Π³ΠΎ Π»ΠΈΡΡ ΡΡΠΈ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ: HTML + CSS + JavaScript. Π’Π°ΠΊΠΆΠ΅ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΠΊΠΎΠ΄ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΡ ΡΡΡΠ°Π½ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS), ΠΏΡΠΈΡΠΏΠΎΡΠ°Π±Π»ΠΈΠ²Π°Ρ Π΅Π³ΠΎ Π΄Π»Ρ ΡΠ²ΠΎΠΈΡ Π²Π΅Π±-ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ².
Π‘Π»Π°ΠΉΠ΄ΡΠΎΡ
Π€ΠΎΡΠΌΠ° Π²Ρ ΠΎΠ΄Π°
ΠΠ΅Π½Ρ ΠΠΊΠΊΠΎΡΠ΄Π΅ΠΎΠ½
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
HTML, CSS ΠΈ JavaScript Π² Π²Π΅Π±Π΅ (ΠΏΠΎΠΉΠΌΡΡ Π΄Π°ΠΆΠ΅ ΡΠ°ΠΉΠ½ΠΈΠΊΠΈ)
ΠΡ Π²ΡΠ΅ΠΌΡ ΠΎΡ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Π·Π°Π΄ΡΠΌΡΠ²Π°Π΅ΡΠ΅ΡΡ, ΠΊΠ°ΠΊ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅, Π½ΠΎ Π½Π΅ Π΄Π΅Π»Π°Π»ΠΈ Π½ΠΈΡΠ΅Π³ΠΎ ΡΠ»ΠΎΠΆΠ½Π΅Π΅ Π² ΠΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅, ΡΠ΅ΠΌ Π·Π°Π³ΡΡΠ·ΠΊΠ° ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ Π² Facebook? Π’ΠΎΠ³Π΄Π° Π²Ρ Π² Π½ΡΠΆΠ½ΠΎΠΌ ΠΌΠ΅ΡΡΠ΅.
Π‘ΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅.
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΡΠ·ΡΠΊ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ?
ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π² Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅
HTML ΠΈ CSS Π½Π° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅ Π²ΡΠ΅Π³ΠΎ Π»ΠΈΡΡ ΡΡΡΡΠΊΡΡΡΠ° ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΡΡΠΈΠ»Π΅. ΠΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ ΠΏΠ΅ΡΠ΅ΠΉΡΠΈ ΠΊ JavaScript ΠΈ Π΄ΡΡΠ³ΠΈΠΌ ΡΠ·ΡΠΊΠ°ΠΌ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π·Π½Π°ΡΡ ΠΎΡΠ½ΠΎΠ²Ρ HTML ΠΈ CSS, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΎΠ½ΠΈ Π½Π°Ρ ΠΎΠ΄ΡΡΡΡ Π½Π° ΠΏΠ΅ΡΠ΅Π΄Π½Π΅ΠΉ ΡΠ°ΡΡΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ.
Π ΡΠ°ΠΌΠΎΠΌ Π½Π°ΡΠ°Π»Π΅ 1990-Ρ Π³ΠΎΠ΄ΠΎΠ² HTML Π±ΡΠ» Π΅Π΄ΠΈΠ½ΡΡΠ²Π΅Π½Π½ΡΠΌ ΡΠ·ΡΠΊΠΎΠΌ, Π΄ΠΎΡΡΡΠΏΠ½ΡΠΌ Π² ΠΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅. Π‘ ΡΠ΅Ρ ΠΏΠΎΡ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»ΠΎΡΡ ΠΈ ΡΠ΅ΠΏΠ΅ΡΡ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· ΡΠ°ΠΌΡΡ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΡΡ ΡΠ·ΡΠΊΠΎΠ² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ²Π»ΡΠ΅ΡΡΡ JavaScript.
HTML ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅Ρ ΡΠ·ΡΠΊ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ Π³ΠΈΠΏΠ΅ΡΡΠ΅ΠΊΡΡΠ°. Β«Π―Π·ΡΠΊ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈΒ» ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ HTML ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΠ΅Π³ΠΈ Π΄Π»Ρ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΠΈΠΏΠΎΠ² ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° ΠΈ ΡΠ΅Π»Π΅ΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΏΡΠ΅ΡΠ»Π΅Π΄ΡΠ΅Ρ Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ΅.
ΠΠ·Π³Π»ΡΠ½ΠΈΡΠ΅ Π½Π° ΡΡΠ°ΡΡΡ Π½ΠΈΠΆΠ΅. ΠΡΠ»ΠΈ Π±Ρ ΠΌΡ ΠΏΠΎΠΏΡΠΎΡΠΈΠ»ΠΈ Π²Π°Ρ ΡΡΡΡΠΊΡΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ΅ΠΊΡΡ, Π²Ρ, Π²Π΅ΡΠΎΡΡΠ½ΠΎ, Π»Π΅Π³ΠΊΠΎ Π±Ρ ΡΠΏΡΠ°Π²ΠΈΠ»ΠΈΡΡ: Π½Π°Π²Π΅ΡΡ Ρ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, Π·Π°ΡΠ΅ΠΌ ΠΏΠΎΠ΄Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΡΠ΅ΠΊΡΡ ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π²Π½ΠΈΠ·Ρ.
ΠΠ»Ρ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ HTML-ΡΠ΅Π³ΠΈ, ΡΠ°ΠΊΠΆΠ΅ ΠΈΠ·Π²Π΅ΡΡΠ½ΡΠ΅ ΠΊΠ°ΠΊ Β«ΡΠ»Π΅ΠΌΠ΅Π½ΡΡΒ». ΠΠ½ΠΈ ΠΈΠΌΠ΅ΡΡ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΈΠ½ΡΡΠΈΡΠΈΠ²Π½ΡΠ΅ ΡΠΈΠΏΡ: Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, ΡΠ΅Π³ΠΈ Π°Π±Π·Π°ΡΠ΅Π², ΡΠ΅Π³ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Ρ. Π΄.
ΠΠ°ΠΆΠ΄Π°Ρ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ° ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠ΅Π³ΠΎΠ² HTML, ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ°ΡΡΠΈΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΉ ΡΠΈΠΏ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅. ΠΠ°ΠΆΠ΄ΡΠΉ ΡΠΈΠΏ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ Β«ΠΎΠ±Π΅ΡΠ½ΡΡΒ», Ρ. Π΅. ΠΎΠΊΡΡΠΆΠ΅Π½ ΡΠ΅Π³Π°ΠΌΠΈ.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠ»ΠΎΠ²Π°, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΡΠ΅ΠΉΡΠ°Ρ ΡΠΈΡΠ°Π΅ΡΠ΅, ΡΠ²Π»ΡΡΡΡΡ ΡΠ°ΡΡΡΡ Π°Π±Π·Π°ΡΠ°. ΠΡΠ»ΠΈ ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°ΡΡ ΡΡΡ ΡΡΡΠ°Π½ΠΈΡΡ Ρ Π½ΡΠ»Ρ, ΡΡΠΎΡ Π°Π±Π·Π°Ρ Π½Π°ΡΠ°Π»ΡΡ Π±Ρ Ρ ΡΠ΅Π³Π° Π°Π±Π·Π°ΡΠ° ΠΎΡΠΊΡΡΡΠΈΡ:
. Π§Π°ΡΡΡ Β«ΡΠ΅Π³Π°Β» ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ°Π΅ΡΡΡ ΠΎΡΠΊΡΡΡΡΠΌΠΈ ΡΠΊΠΎΠ±ΠΊΠ°ΠΌΠΈ, Π° Π±ΡΠΊΠ²Π° Β«pΒ» ΡΠΎΠΎΠ±ΡΠ°Π΅Ρ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΡ, ΡΡΠΎ ΠΌΡ ΠΎΡΠΊΡΡΠ²Π°Π΅ΠΌ Π°Π±Π·Π°Ρ Π²ΠΌΠ΅ΡΡΠΎ ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π»ΠΈΠ±ΠΎ Π΄ΡΡΠ³ΠΎΠ³ΠΎ ΡΠΈΠΏΠ° ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ.
ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ HTML, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°ΡΡ Π°Π±Π·Π°ΡΡ, ΡΠ°Π·ΡΡΠ²Ρ ΡΡΡΠΎΠΊ, ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠΏΠΈΡΠΊΠΈ, Π²ΡΠ΄Π΅Π»ΡΡΡ ΡΠ΅ΠΊΡΡ, ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»Ρ, Π²ΡΡΠ°Π²Π»ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΡΡΠ»ΠΊΠΈ, ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ, ΡΠΏΡΠ°Π²Π»ΡΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠΌ ΡΡΠΈΠ»Π΅ΠΌ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄ΡΡΠ³ΠΎΠ΅.
Π§ΡΠΎΠ±Ρ ΡΠ·Π½Π°ΡΡ Π±ΠΎΠ»ΡΡΠ΅ ΠΎ HTML, ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡΡΡΡ Ρ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎΠΌ ΠΏΠΎ Π±Π°Π·ΠΎΠ²ΠΎΠΌΡ HTML ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠ΅ ΠΊΠ»Π°ΡΡΡ ΠΈ ΡΠ΅ΡΡΡΡΡ Π½Π° codecademy, Π½ΠΎ ΠΏΠΎΠΊΠ° ΠΏΠ΅ΡΠ΅ΠΉΠ΄Π΅ΠΌ ΠΊ CSS.
ΠΡΠΈΠΌΠ΅Ρ HTML (Π±Π΅Π· CSS)
ΠΡΠΈΠΌΠ΅Ρ HTML Π±Π΅Π· CSS, ΠΏΡΠΈΠ²ΠΎΠ΄ΡΡΠΈΠΉ ΠΊ Π½Π΅ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠΌΡ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ Π±Π»ΠΎΠ³Π° HubSpot
ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ Π²ΡΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π½Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»ΠΎΡΡ, Π½ΠΎ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ Π²ΡΠ΅ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΈΠ½Π°ΡΠ΅. ΠΡΠΎ ΡΠΎ, ΡΡΠΎ Π²Ρ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅, Π΅ΡΠ»ΠΈ ΡΠ°Π±Π»ΠΈΡΠ° ΡΡΠΈΠ»Π΅ΠΉ ΠΏΠΎ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ ΠΏΡΠΈΡΠΈΠ½Π΅ Π½Π΅ ΠΏΡΠΎΠ³ΡΡΠ·ΠΈΡΡΡ Π½Π° ΡΠ°ΠΉΡ. Π’Π΅ΠΏΠ΅ΡΡ, Π²ΠΎΡ ΠΊΠ°ΠΊ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΎΠ΄Π½Π° ΠΈ ΡΠ° ΠΆΠ΅ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ° Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ CSS.
ΠΡΠΈΠΌΠ΅Ρ HTML + CSS, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠΉ Π΄Π»Ρ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ Π±Π»ΠΎΠ³Π° HubSpot
Π Π°Π·Π½ΠΈΡΡ Π²ΠΈΠ΄Π½ΠΎ, Π½Π΅ ΡΠ°ΠΊ Π»ΠΈ?
ΠΠΈΠ΄ΠΈΡΠ΅ Π»ΠΈ, HTML, ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π½ΡΠΉ Π΅ΡΠ΅ Π² 1990 Π³ΠΎΠ΄Ρ, Π½Π° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅ Π½Π΅ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΠΎ ΡΠΈΠ·ΠΈΡΠ΅ΡΠΊΠΎΠΌ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ. ΠΠ΅ΡΠ²ΠΎΠ½Π°ΡΠ°Π»ΡΠ½ΠΎ ΠΎΠ½ ΡΠΎΠ·Π΄Π°Π½ Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΡΡΡΡΠΊΡΡΡΠ½ΠΎΠ³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΠΈ Π°Π±Π·Π°ΡΠ΅Π². HTML Π²ΡΠ²Π΅Π» ΡΡΠΈ Π½ΠΎΠ²ΡΠ΅ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΠ²Π½ΡΠ΅ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ, Π° CSS Π±ΡΠ» ΠΈΠ·ΠΎΠ±ΡΠ΅ΡΠ΅Π½ ΠΈ Π²ΡΠΏΡΡΠ΅Π½ Π² 1996 Π³ΠΎΠ΄Ρ: Π²ΡΠ΅ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΠ΄Π°Π»Π΅Π½ΠΎ ΠΈΠ· Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΎΠ² HTML ΠΈ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΎ Π² ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ ΡΠ°ΠΉΠ»Π°Ρ CSS (.css).
JavaScript ΡΠ²Π»ΡΠ΅ΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΡΠΌ ΡΠ·ΡΠΊΠΎΠΌ, ΡΠ΅ΠΌ HTML ΠΈΠ»ΠΈ CSS, ΠΈ ΠΎΠ½ Π½Π΅ Π±ΡΠ» Π²ΡΠΏΡΡΠ΅Π½ Π² Π±Π΅ΡΠ°-Π²Π΅ΡΡΠΈΠΈ Π΄ΠΎ 1995 Π³ΠΎΠ΄Π°. Π Π½Π°ΡΡΠΎΡΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ JavaScript ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ Π²ΡΠ΅ΠΌΠΈ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΌΠΈ Π²Π΅Π±-Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌΠΈ ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΡΠ°ΠΉΡΠ΅ Π² ΠΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅ Π΄Π»Ρ Π±ΠΎΠ»Π΅Π΅ ΠΌΠΎΡΠ½ΡΡ ΠΈ ΡΠ»ΠΎΠΆΠ½ΡΡ ΡΡΠ½ΠΊΡΠΈΠΉ.
ΠΠ»Ρ ΡΠ΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ JavaScript?
ΠΡΡΠ³ΠΈΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠΌ JavaScript ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΡΠΈΠ·ΡΠ² ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ (CTA), ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎ ΡΠ΅ΠΌ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠΌΠ΅ΡΠ°ΡΡΡΡ Π² ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ Π² Π±Π»ΠΎΠ³Π΅, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΡΠ²Π»ΡΡΡΡΡ Π² Π½ΠΈΠΆΠ½Π΅ΠΉ ΠΏΡΠ°Π²ΠΎΠΉ ΡΠ°ΡΡΠΈ ΡΠΊΡΠ°Π½Π°. ΠΠΎΡ ΠΊΠ°ΠΊ ΡΡΠΎ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ:
30 ΡΠ°ΠΉΡΠΎΠ²-ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΠΎΡΠ»ΠΈΡΠ½ΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ JavaScript Π‘ΡΠ°ΡΡΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΈΠΈ
Π Π΅ΡΡΡΡ Creative Bloq ΠΎΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°Π» ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π», Π² ΠΊΠΎΡΠΎΡΠΎΠΌ Π΅Π³ΠΎ Π°Π²ΡΠΎΡΡ ΠΏΠΎΠ΄Π΅Π»ΠΈΠ»ΠΈΡΡ Ρ ΡΠΈΡΠ°ΡΠ΅Π»ΡΠΌΠΈ Π»ΡΡΡΠΈΠΌΠΈ, Π½Π° ΠΈΡ Π²Π·Π³Π»ΡΠ΄, ΠΏΡΠΈΠΌΠ΅ΡΠ°ΠΌΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ JavaScript Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°ΠΉΡΠΎΠ². Π¦Π Π²ΡΠ±ΡΠ°Π» 30 ΡΠ°ΠΌΡΡ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΡ ΡΠ΅ΡΡΡΡΠΎΠ².
Π‘ ΠΏΠΎΠΌΠΎΡΡΡ JavaScript, ΡΡΠ²Π΅ΡΠΆΠ΄Π°ΡΡ Π°Π²ΡΠΎΡΡ ΡΡΠ°ΡΡΠΈ, ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π·Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡΡΠΈΠ΅ΡΡ ΠΏΠ»Π°ΡΡΠΎΡΠΌΡ, Π½Π° ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π·Π°Ρ ΠΎΡΠ΅Ρ Π²Π΅ΡΠ½ΡΡΡΡΡ. Π―Π·ΡΠΊ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡ ΠΈΠ³ΡΡ, ΡΠ°ΠΉΡΡ, API ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄ΡΡΠ³ΠΎΠ΅.
ΠΠΎΡΡΡΠΎΠ»ΠΈΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ° ΠΠ°ΠΉΠΊΠ° ΠΡΡΠ° Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΎ Π² Β«ΡΠΈΡΡΠΎΠΉ ΠΈ ΡΠ΄Π΅ΡΠΆΠ°Π½Π½ΠΎΠΉ ΠΌΠ°Π½Π΅ΡΠ΅Β», ΠΏΠΈΡΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ Creative Bloq. Π Π½ΡΠΌ Π±ΠΎΠ»ΡΡΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠΎΡΠ΅ΡΠ°ΡΡΡΡ Ρ ΠΏΡΠΎΡΡΡΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°.
Β«Π― Π΄ΡΠΌΠ°Ρ ΠΎ ΡΠ²ΠΎΠΈΡ ΡΠ°Π±ΠΎΡΠ°Ρ , ΠΊΠ°ΠΊ ΠΎ Π±ΡΠ΅Π½Π΄Π΅. ΠΠ΅Ρ Π½ΠΈΠΊΠ°ΠΊΠΎΠΉ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ Π² ΠΌΠΎΠΉ ΡΠ°ΠΉΡ Π»ΠΈΡΠ½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π°Β», β Π³ΠΎΠ²ΠΎΡΠΈΡ ΠΡΡ.
Π ΠΏΠΎΡΡΡΠΎΠ»ΠΈΠΎ ΠΡΡΠ° ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Π»Π΅Π³ΠΊΠΎ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°ΡΡΡΡ Π½Π° Π²ΡΠ΅Ρ ΡΠΈΠΏΠ°Ρ ΡΠΊΡΠ°Π½ΠΎΠ² β ΠΎΠ½ ΠΎΡΠΌΠ΅ΡΠ°Π΅Ρ, ΡΡΠΎ Π΄ΠΎΠ±ΠΈΡΡΡΡ ΡΠ°ΠΊΠΎΠ³ΠΎ ΡΡΡΠ΅ΠΊΡΠ° Π±ΡΠ»ΠΎ ΡΠ»ΠΎΠΆΠ½Π΅Π΅ Π²ΡΠ΅Π³ΠΎ. ΠΠ°ΠΆΠ΄ΡΠΉ ΠΈΠ· ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ° ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈΠ»ΠΈ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠ΅ΠΉ β ΡΠ°ΠΊΠΎΠΉ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π·Π°Ρ ΠΎΡΠ΅Π»ΠΎΡΡ ΡΠ·Π½Π°ΡΡ ΠΎ ΡΠ°Π±ΠΎΡΠ΅ Π±ΠΎΠ»ΡΡΠ΅.
Π‘Π°ΠΉΡ ΠΊΡΠ΅Π°ΡΠΈΠ²Π½ΠΎΠ³ΠΎ Π°Π³Π΅Π½ΡΡΡΠ²Π° Hello Monday ΠΏΡΠ΅ΡΠ΅ΡΠΏΠ΅Π» Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ, Π·Π°ΠΌΠ΅ΡΠ°ΡΡ Π°Π²ΡΠΎΡΡ ΡΡΠ°ΡΡΠΈ. Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌΠΈ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Π±ΡΠ»Π° ΠΏΡΠΎΠ΄Π΅Π»Π°Π½Π° ΠΎΠ³ΡΠΎΠΌΠ½Π°Ρ ΡΠ°Π±ΠΎΡΠ°. ΠΠΌ ΡΠ΄Π°Π»ΠΎΡΡ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Π΄ΡΡΠΆΠ΅Π»ΡΠ±Π½ΡΠΌ Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ.
Π’Π΅ΠΏΠ΅ΡΡ Π½Π° ΡΠ°ΠΉΡΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Ρ ΠΏΡΠΈΠΌΠ΅ΡΡ ΡΠΆΠ΅ Π²ΡΠΏΠΎΠ»Π½Π΅Π½Π½ΡΡ Π°Π³Π΅Π½ΡΡΡΠ²ΠΎΠΌ Π·Π°ΠΊΠ°Π·ΠΎΠ² β Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΡΠΎΠ΅ΠΊΡΠ° Π΅ΡΡΡ ΡΠ²ΠΎΡ ΡΡΡΠ°Π½ΠΈΡΠ°, Π½Π° ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΎΠΏΠΈΡΠ°Π½Π° Π΅Π³ΠΎ ΠΈΡΡΠΎΡΠΈΡ, ΡΡΠΎ Π΄Π°ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π±ΠΎΠ»Π΅Π΅ Π³Π»ΡΠ±ΠΎΠΊΠΎΠ΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΠ΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°Π΅ΡΡΡ Hello Monday.
Β«ΠΡ ΠΏΡΡΠ°Π»ΠΈΡΡ ΠΎΡΠΎΠΉΡΠΈ ΠΎΡ ΡΠ°Π±Π»ΠΎΠ½Π½ΠΎΠ³ΠΎ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΡΠ°ΠΉΡ ΠΊΡΠ΅Π°ΡΠΈΠ²Π½ΠΎΠ³ΠΎ Π°Π³Π΅Π½ΡΡΡΠ²Π°Β», β ΡΠ°ΡΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΠΡΡΠΈ Π₯Π΅ΡΡΠ΅Π», ΡΡΠΊΠΎΠ²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ ΠΏΡΠΎΠ΅ΠΊΡΠ° ΠΏΠΎ ΡΠ΅Π΄ΠΈΠ·Π°ΠΉΠ½Ρ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ Hello Monday. ΠΠ²ΡΠΎΡΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π° Π½Π°Ρ ΠΎΠ΄ΡΡ ΡΠ°ΠΉΡ ΠΎΡΠ΅Π½Ρ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΡΠΌ ΠΈ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΌ, ΡΠ΅ΠΌΡ ΡΠΏΠΎΡΠΎΠ±ΡΡΠ²ΡΠ΅Ρ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ² Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅: ΠΎΠ½Π° Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΡΠ΅ΡΡΡ Π½ΠΎΠ²ΡΠΌΠΈ ΡΠ°Π±ΠΎΡΠ°ΠΌΠΈ Π°Π³Π΅Π½ΡΡΡΠ²Π° ΠΏΡΠΈ ΠΏΡΠΎΠΊΡΡΡΠΊΠ΅ Π²Π½ΠΈΠ·.
Multeor β ΡΡΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠ°Ρ ΠΎΠ½Π»Π°ΠΉΠ½-ΠΈΠ³ΡΠ°, Π½Π°ΠΏΠΈΡΠ°Π½Π½Π°Ρ Π½Π° JavaScript Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° canvas HTML5. ΠΠ½Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π° ΠΡΡΠ΅Π½ΠΎΠΌ Π΄Π΅ ΠΡΠ°ΠΉΠ·ΠΎΠΌ ΠΈ Π€ΠΈΠ»ΠΈΠ΄ΠΎΡΠΎΠΌ ΠΠ°ΠΉΠ·Π΅, Π° ΡΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½Π° ΠΡΡΡΡΠΎΠΌ Π²Π°Π½ Π₯ΡΠ³ΠΎΠΌ. ΠΡΠ½ΠΎΠ²Π½Π°Ρ Π·Π°Π΄Π°ΡΠ° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π² ΠΈΠ³ΡΠ΅ β ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΠΎΠ²Π°ΡΡ ΠΏΠ°Π΄Π΅Π½ΠΈΠ΅ ΠΌΠ΅ΡΠ΅ΠΎΡΠΈΡΠΎΠ², ΠΏΠΎΠ»ΡΡΠ°Ρ ΠΎΡΠΊΠΈ Π·Π° ΠΎΡΡΠ°Π²Π»Π΅Π½Π½ΡΠ΅ ΠΈΠΌ ΡΠ°Π·ΡΡΡΠ΅Π½ΠΈΡ.
ΠΠ³ΡΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ Node.js-ΡΠ΅ΡΠ²Π΅Ρ Π΄Π»Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠ²ΡΠ·ΡΡ ΠΌΠ΅ΠΆΠ΄Ρ Π½Π°ΡΡΠΎΠ»ΡΠ½ΡΠΌΠΈ ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΠΌΠΈ ΡΡΡΡΠΎΠΉΡΡΠ²Π°ΠΌΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ WebSockets.
ΠΠ°ΠΉΠ·Π΅ Π°ΠΊΡΠ΅Π½ΡΠΈΡΡΠ΅Ρ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΡΠΎΠΌ, ΡΡΠΎ ΠΏΡΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ Multeor Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈΡΡ ΡΠΆΠ΅ ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΠ΅ ΠΈΠ³ΡΠΎΠ²ΡΠ΅ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ.
ΠΡ ΠΏΠΈΡΠ°Π»ΠΈ Π²ΡΡ ΡΠ°ΠΌΠΈ β ΡΡΠΎ Π±ΡΠ»ΠΎ ΠΎΡΠ΅Π½Ρ ΡΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΠΎ, ΠΊ ΡΠΎΠΌΡ ΠΆΠ΅, ΠΌΡ ΡΠ·Π½Π°Π»ΠΈ ΠΌΠ½ΠΎΠ³ΠΎ Π½ΠΎΠ²ΠΎΠ³ΠΎ. Π’ΠΎ, ΡΡΠΎ ΠΌΡ Π½Π΅ Π·Π°Π²ΠΈΡΠ΅Π»ΠΈ ΠΎΡ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΡ ΡΠ±ΠΎΡΠΎΠΊ ΠΈ ΠΏΡΠ΅ΡΠ°Π±ΠΎΠ², Π΄Π°Π»ΠΎ Π½Π°ΠΌ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ½Π½ΡΡ ΡΠ²ΠΎΠ±ΠΎΠ΄Ρ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ: Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ Π·Π°Π½ΠΈΠΌΠ°ΡΡΡΡ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³ΠΎΠΌ ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠ΅ΠΉ Π³ΡΠ°ΡΠΈΠΊΠΈ, ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΎΠΉ ΠΊΠΎΠ»Π»ΠΈΠ·ΠΈΠΉ ΠΈ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎ ΠΎΠΏΠΈΡΡΠ²Π°ΡΡ ΡΠΈΡΡΠ΅ΠΌΡ, ΠΎΡΠ²Π΅ΡΠ°ΡΡΡΡ Π·Π° Π²Π·ΡΡΠ²Ρ.
Crime Timelime β Π°Π³ΡΠ΅Π³Π°ΡΠΎΡ, ΡΠΎΠ±ΠΈΡΠ°ΡΡΠΈΠΉ Π΄Π°Π½Π½ΡΠ΅ ΠΎ ΠΏΡΠ΅ΡΡΡΠΏΠ½ΠΎΡΡΠΈ Π² ΠΠ΅Π»ΠΈΠΊΠΎΠ±ΡΠΈΡΠ°Π½ΠΈΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΡΠ±Π»ΠΈΡΠ½ΡΡ API. ΠΠ½ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ ΡΠ·Π½Π°ΡΡ, ΠΊΠ°ΠΊ ΠΎΠ±ΡΡΠΎΡΡ Π΄Π΅Π»Π° Π² ΠΈΡ ΡΠ΅Π³ΠΈΠΎΠ½Π΅.
Β«ΠΡ ΠΎΡΠ³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π»ΠΈ ΡΠ°ΠΉΡ ΡΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΡΠΎΠ±Ρ ΠΎΠ½ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π» ΠΊΠ°ΡΡΡ ΡΠ΅Π³ΠΈΠΎΠ½Π° ΠΈ ΠΌΠ΅ΡΡΠ° ΡΠΎΠ²Π΅ΡΡΠ΅Π½ΠΈΡ ΠΏΡΠ΅ΡΡΡΠΏΠ»Π΅Π½ΠΈΠΉ β Π·Π° ΠΌΠ΅ΡΡΡ, Π²ΡΠ±ΡΠ°Π½Π½ΡΠΉ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΌ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ ΡΠ½ΠΈΠ·ΡΒ», β Π³ΠΎΠ²ΠΎΡΠΈΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΠΏΡΠΎΠ΅ΠΊΡΠ° ΠΠ»Π΅ΠΊΡ ΠΠΈΠ»Π»Π΅Ρ.
Π Π΅ΡΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ API Google Maps, Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΠ°Π½Π΅Π»ΠΈ Ρ ΠΌΠ΅ΡΡΡΠ°ΠΌΠΈ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ»ΠΈΡΡ jQuery ΠΈ jQRangeSlider. ΠΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΡΠ΅Ρ Ρ ΠΊΠ°ΡΡΠΎΠΉ β Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠ΅Π»ΠΊΠ°Π΅Ρ ΠΌΡΡΠΊΠΎΠΉ Π² ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ΅ ΠΌΠ΅ΡΡΠΎ Π½Π° Π½Π΅ΠΉ, ΡΠ°ΠΉΡ ΠΎΠ±Π½ΠΎΠ²Π»ΡΠ΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ JavaScript. Β«ΠΡΠ·ΡΡΡΠΊΠΈΒ», ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡΠΈΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠ΅ΡΡΡΠΏΠ»Π΅Π½ΠΈΠΉ, Π±ΡΠ»ΠΈ ΡΠΎΠ·Π΄Π°Π½Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΠΈ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ jQuery.
ΠΠ° ΡΠ°ΠΉΡΠ΅ Here is Today ΡΠ·ΡΠΊ JavaScript ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ. Π‘ΠΎΠ·Π΄Π°ΡΠ΅Π»Ρ ΡΠ΅ΡΡΡΡΠ°, Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ ΠΡΠΊ Π’Π²ΠΈΠΌΡΠ½, ΡΠ°ΠΊ ΠΎΠ±ΡΡΡΠ½ΡΠ΅Ρ ΡΠ²ΠΎΡ ΠΈΠ΄Π΅Ρ: Β«Π― Ρ ΠΎΡΠ΅Π» ΡΠΎΠ·Π΄Π°ΡΡ ΡΡΠΎ-ΡΠΎ, ΡΡΠΎ Π΄Π°Π»ΠΎ Π±Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡ ΡΠ΅Π»ΠΎΠ²Π΅ΠΊΡ ΠΎΡΡΡΠ΅Π½ΠΈΠ΅ ΠΌΠ°ΡΡΡΠ°Π±Π° Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ. Here is Today ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ ΠΏΠΎΠ½ΡΡΡ, Π½Π°ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΎΠ±ΡΠΈΡΠ½Π° ΠΈΡΡΠΎΡΠΈΡ Π²ΡΠ΅Π»Π΅Π½Π½ΠΎΠΉΒ».
Π’Π²ΠΈΠΌΡΠ½ ΠΎΡΠΌΠ΅ΡΠ°Π΅Ρ, ΡΡΠΎ ΠΎΠ½ Ρ ΡΠ°ΠΌΠΎΠ³ΠΎ Π½Π°ΡΠ°Π»Π° ΡΠ΅ΡΠΈΠ» ΠΎΡΠΊΠ°Π·Π°ΡΡΡΡ ΠΎΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΡ Π²Π΅Π»ΠΈΡΠΈΠ½ ΠΈΠ·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ β ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ, ΠΈ ΠΎΠΏΠΈΡΠ°Π» ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠ΅, ΠΎΡΠ½ΠΎΠ²ΡΠ²Π°ΡΡΡ Π½Π° ΡΠ°Π·ΠΌΠ΅ΡΠ°Ρ ΡΠΊΡΠ°Π½Π°. ΠΡΠΎ Π±ΡΠ»ΠΎ ΡΠ΄Π΅Π»Π°Π½ΠΎ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΡΠ°ΠΉΡ Π²ΡΠ³Π»ΡΠ΄Π΅Π» ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Π½Π° Π²ΡΠ΅Ρ ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ .
ΠΡΠΎ Π²ΡΠΎΡΠΎΠΉ ΠΏΡΠΎΠ΅ΠΊΡ Π½Π° JavaScript, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠΌ, ΠΈ Π² Π½ΡΠΌ ΠΎΠ½ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠ» ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» Π² ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅ΠΌ. ΠΠ΄Π½Π°ΠΊΠΎ Π’Π²ΠΈΠΌΡΠ½ Π½Π°Ρ ΠΎΠ΄ΠΈΡ Π² ΡΠ·ΡΠΊΠ΅ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΡ ΠΎΠ΄ΡΡΠ² Ρ Π΄ΡΡΠ³ΠΈΠΌΠΈ Π²ΡΡΠΎΠΊΠΎΡΡΠΎΠ²Π½Π΅Π²ΡΠΌΠΈ ΡΠ·ΡΠΊΠ°ΠΌΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ, ΠΊ ΡΠΎΠΌΡ ΠΆΠ΅, ΠΏΠΎ Π΅Π³ΠΎ ΡΠ»ΠΎΠ²Π°ΠΌ, JavaScript ΠΈΠΌΠ΅Π΅Ρ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ, Π° Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅ (Π² ΡΠΎΠΌ ΡΠΈΡΠ»Π΅ Π½Π° ΡΠ΅ΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ ΡΠΎΡΠΌΠ°Ρ ) ΡΠ°Π·ΠΎΠ±ΡΠ°Π½ΠΎ Π±ΠΎΠ»ΡΡΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ².
Tweetmap ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ°Π΅Ρ Π½Π° ΡΡΡΠ°Π½Ρ Π½Π° ΠΊΠ°ΡΡΠ΅ ΠΏΡΠΎΠΏΠΎΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Ρ ΠΎΡΠΏΡΠ°Π²Π»Π΅Π½Π½ΡΡ ΠΈΠ· Π½ΠΈΡ ΡΠ²ΠΈΡΠΎΠ². Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΡΠ΅ΡΠ²ΠΈΡΠ° Π ΠΎΠ± Π₯ΠΎΡΠΊΡ ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»ΡΠ΅Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½Π½ΡΡ ΠΏΡΠΈ Π΅Π³ΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ: TopoJSON, D3.js, Node.js, PhantomJS, ΠΈ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠ΅ Π°Π»Π³ΠΎΡΠΈΡΠΌΡ ΠΏΠΎΡΡΡΠΎΠ΅Π½ΠΈΡ ΡΠΌΠ΅ΠΆΠ½ΡΡ ΠΊΠ°ΡΡΠΎΠ³ΡΠ°ΠΌΠΌ Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ ΡΠ΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ.
ΠΡ Π²ΡΠ±ΡΠ°Π»ΠΈ Node.js, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ Ρ Π½Π°Ρ ΡΠΆΠ΅ Π±ΡΠ» ΠΎΠΏΡΡ Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ, ΠΈ ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΡΡΠΎ ΠΏΡΠΎΡΡΠ°Ρ, Π±ΡΡΡΡΠ°Ρ ΠΈ Π³ΠΈΠ±ΠΊΠ°Ρ ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ°. ΠΠ»Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ ΠΊΠ°ΡΡΡ (Π² ΡΠΎΡΠΌΠ°ΡΠ΅ TopoJSON) ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ D3 β ΡΠ°Π½ΡΠ°ΡΡΠΈΡΠ΅ΡΠΊΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ Π΄Π»Ρ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π΄Π°Π½Π½ΡΡ . Π ΡΠ°ΡΡΠ½ΠΎΡΡΠΈ, ΠΌΡ ΡΠΈΡΠΎΠΊΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΠΌ ΠΌΠΎΠ΄ΡΠ»Ρ geo, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π΄Π΅Π»Π°ΡΡ ΡΠ»ΠΎΠΆΠ½ΡΠ΅ Π³Π΅ΠΎΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ°ΡΡΠ΅ΡΡ ΠΈ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΡ.
Π§ΡΠΎΠ±Ρ ΠΈΠ·Π±Π΅ΠΆΠ°ΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌ Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ ΠΊΠ°ΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΊΠ»ΠΈΠ΅Π½ΡΠ°, ΡΠΈΡΡΠ΅ΠΌΠ° Π³Π΅Π½Π΅ΡΠΈΡΡΠ΅Ρ ΠΊΠ°ΡΡΡ Π½Π° ΡΠ΅ΡΠ²Π΅ΡΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ D3, Π·Π°ΠΏΡΡΠΊΠ°Π΅Ρ ΠΈ ΡΠ΅Π½Π΄Π΅ΡΠΈΡ ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π΄Π²ΠΈΠΆΠΊΠ° PhantomJS, ΠΈ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΡΠΎΠΌ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ β ΡΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π½Π΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Β«Π΄ΡΡΒ» ΠΏΡΠΈ ΠΏΠΎΠΊΠ°Π·Π΅ ΠΊΠ°ΡΡ.
The Trip β ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠΉ ΡΠΈΠ»ΡΠΌ, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΏΠΎΠΌΠΎΡΡΡ JavaScript ΠΈ HTML5 (Π±Π΅Π· ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Flash). ΠΡΡΠΎ ΠΠ°ΡΠΊΠ°ΡΠ΅Π»Π»Π°, ΡΠΎΠ·Π΄Π°ΡΠ΅Π»Ρ ΠΏΡΠΎΠ΅ΠΊΡΠ°, ΡΡΠΈΡΠ°Π΅Ρ, ΡΡΠΎ Π·Π°Π΄Π°ΡΠ° ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ ΡΠ΅ΡΠ²ΠΈΡΠ° ΠΎΠΊΠ°Π·Π°Π»Π°ΡΡ ΠΎΡΠ΅Π½Ρ ΡΠ»ΠΎΠΆΠ½ΠΎΠΉ:
ΠΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΡΡΡΠ΄Π½ΠΎΡΡΠ΅ΠΉ, Ρ ΠΊΠΎΡΠΎΡΡΠΌΠΈ ΠΌΡ ΡΡΠΎΠ»ΠΊΠ½ΡΠ»ΠΈΡΡ, Π±ΡΠ»ΠΈ ΡΠ²ΡΠ·Π°Π½Ρ Ρ ΡΠ΅ΠΌ, ΡΡΠΎ HTML5 Π½Π° ΠΌΠΎΠΌΠ΅Π½Ρ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ ΡΠ°ΠΉΡΠ° Π½Π΅ ΠΈΠΌΠ΅Π» ΡΡΠ΅Π΄ΡΡΠ² Π΄Π»Ρ ΠΊΡΠΎΡΡ-Π±ΡΠ°ΡΠ·Π΅ΡΠ½ΠΎΠΉ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ. Π’ΠΎΠ³Π΄Π° ΠΌΡ ΡΠ΅ΡΠΈΠ»ΠΈ, ΡΡΠΎ Π±ΡΠ΄Π΅ΠΌ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°ΡΡ ΠΊΠ»ΠΈΠ΅Π½ΡΠ°ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Chrome.
ΠΠΎΠ΄ ΡΠ°ΠΉΡΠ° Π½Π° JavaScript ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ jQuery ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π΄Π»Ρ Π²ΡΠ΅Ρ Π·Π°Π΄Π°Ρ. Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ»ΠΈ TextBlur ΠΈ TextDrop β Π΄Π»Ρ ΡΠ°Π·ΠΌΡΡΠΈΡ ΠΈ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ ΡΠ΅ΠΊΡΡΠ°.
ΠΡΠ° ΡΡΡΠ°Π½ΠΈΡΠ°, Π½Π°ΠΏΠΈΡΠ°Π½Π½Π°Ρ Π½Π° JavaScript β Π½ΠΎΠ²ΠΎΠ΅ ΠΏΠΎΡΡΡΠΎΠ»ΠΈΠΎ ΠΈ Π±Π»ΠΎΠ³ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡΠΊΠΎΠ³ΠΎ ΠΈ ΠΌΠ°ΡΠΊΠ΅ΡΠΈΠ½Π³ΠΎΠ²ΠΎΠ³ΠΎ Π°Π³Π΅Π½ΡΡΡΠ²Π° Si Digital. ΠΠ΅Π΄ΡΡΠΈΠΉ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΠΏΡΠΎΠ΅ΠΊΡΠ° ΠΠ»Π΅ΠΊΡ ΠΡΡΠΊ ΡΠ°ΠΊ ΠΎΠ±ΡΡΡΠ½ΡΠ΅Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅: Β«ΠΠΈΠ΄ΠΊΠΎΡΡΡ, Π΄Π²ΠΈΠΆΡΡΠ°ΡΡΡ ΠΏΠΎ ΡΡΡΠ±Π°ΠΌ, Π²Π΅Π΄ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΠΏΠΎ Π½Π°ΡΠ΅ΠΌΡ ΠΏΠΎΡΡΡΠΎΠ»ΠΈΠΎ β ΠΎΠ½Π° Π°ΠΊΡΠΈΠ²ΠΈΡΡΠ΅Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΈΠ· ΡΡΠ°ΠΏΠΎΠ² ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΡ ΡΠ°ΠΉΡΠ° ΠΊΠ»ΠΈΠ΅Π½ΡΠΎΠΌΒ».
ΠΠ»Ρ Π΄ΠΎΡΡΠΈΠΆΠ΅Π½ΠΈΡ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ ΡΡΡΠ΅ΠΊΡΠ° ΠΡΡΠΊ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠ» ΠΌΠ΅ΡΠΎΠ΄ jQuery.animate(). Π ΡΠΎΠΌΡ ΠΆΠ΅, Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅Ρ ΠΎΠ½, Π½ΡΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ Π²ΡΠ±ΡΠ°ΡΡ ΡΠΊΠΎΡΠΎΡΡΡ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ ΠΆΠΈΠ΄ΠΊΠΎΡΡΡΡ ΡΡΡΠ± β Π²Π΅Π΄Ρ Π²ΡΠ΅ ΡΠΈΡΠ°ΡΡ Ρ ΡΠ°Π·Π½ΠΎΠΉ ΡΠΊΠΎΡΠΎΡΡΡΡ.
ΠΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠΉ Π³ΡΠ°ΡΠΈΠΊ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ Ρ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ΠΌ Π²ΡΠΏΠΎΠ»Π½Π΅Π½Π½ΡΡ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ² ΠΈ ΠΊΠΎΠΌΠ°Π½Π΄Ρ Π°Π³Π΅Π½ΡΡΡΠ²Π°, ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½ Ρ ΠΏΠΎΠΌΠΎΡΡΡ jQuery. ΠΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ ΡΠΊΠ°Π»Π°, ΠΏΠΎ ΡΠ»ΠΎΠ²Π°ΠΌ ΠΡΡΠΊΠ°, Π³Π΅Π½Π΅ΡΠΈΡΡΠ΅ΡΡΡ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈ β Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΠΈΠ· Π±Π°Π·Ρ Π΄Π°Π½Π½ΡΡ , Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ Ajax.
ΠΠ°Π½ Π₯Π°Π»ΡΡΡΡΠ΅ΠΉΠ½ β Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ. Π Π΅Π³ΠΎ ΠΏΠΎΡΡΡΠΎΠ»ΠΈΠΎ Π°Π²ΡΠΎΡΠΎΠ² ΡΡΠ°ΡΡΠΈ Π±ΠΎΠ»ΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ»Π° Π³Π»Π°Π²Π½Π°Ρ ΡΡΡΠ°Π½ΠΈΡΠ° β ΠΈ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ Π½Π° Π½Π΅ΠΉ. Β«Π― Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ Π½Π΅ΠΏΠ»ΠΎΡ ΠΎ ΠΏΡΠΎΠ²ΡΠ» Π²ΡΠ΅ΠΌΡ, ΠΏΠΎΠΊΠ° Π²ΠΎΠ·ΠΈΠ»ΡΡ Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌΠΈ ΡΡΡΠ΅ΠΊΡΠ°ΠΌΠΈ. Π― ΠΎΡΠ΅Π½Ρ Π»ΡΠ±Π»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½ΠΎΠ²ΡΠ΅ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ, ΡΠ°ΠΊ ΡΡΠΎ ΡΠ΅ΡΠΈΠ» ΡΠ΄Π΅Π»Π°ΡΡ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ²ΠΎΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ° ΡΠ²ΠΎΠ΅ΠΎΠ±ΡΠ°Π·Π½ΠΎΠΉ ΠΏΠ΅ΡΠΎΡΠ½ΠΈΡΠ΅ΠΉ β ΡΠ°ΠΌ Ρ ΡΠ°Π·Π²Π»Π΅ΠΊΠ°ΡΡΡ Ρ Three.js ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ canvas HTML5Β», β ΡΠ°ΡΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π₯Π°Π»ΡΡΡΡΠ΅ΠΉΠ½.
ΠΠ΄Π΅Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ° Π·Π°ΠΊΠ»ΡΡΠ°Π»Π°ΡΡ Π² ΡΠΎΠΌ, ΡΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΠΏΠΎΡΡΡΠΎΠ»ΠΈΠΎ, ΡΠ»Π΅Π΄ΡΡ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΌ ΡΠ΅Π½Π΄Π΅Π½ΡΠΈΡΠΌ β ΠΎΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ Π±ΡΡΡ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΡΡΠΈΡΠ½ΡΠΌ, ΠΈ ΠΏΡΠΈ ΡΡΠΎΠΌ ΠΏΡΠΈΠ²Π½ΠΎΡΠΈΡΡ ΡΡΠΎ-ΡΠΎ ΡΠ²Π΅ΠΆΠ΅Π΅ Π² Π΄ΠΈΠ·Π°ΠΉΠ½ ΡΠ°ΠΉΡΠΎΠ². ΠΠΎΡΡΠΎΠΌΡ ΠΎΠ½ ΡΠ΅ΡΠΈΠ» ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ Π°Π½ΠΈΠΌΠ°ΡΠΈΠ΅ΠΉ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΉ ΠΌΡΡΠΈ ΠΈ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΊΠΈΠ²Π°Π½ΠΈΡ, Π° Π½Π΅ Π½Π°ΠΆΠ°ΡΠΈΠΉ ΠΊΠ»Π°Π²ΠΈΡ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ.
ΠΠΎ ΡΠ»ΠΎΠ²Π°ΠΌ ΠΠΆΠΎΠ½ΡΠ°, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Π» ΡΠ°ΠΉΡ, Ρ Π½Π΅Π³ΠΎ Π±ΡΠ»ΠΎ Π±ΠΎΠ»ΡΡΠ΅ ΠΎΠΏΡΡΠ° Π² ΡΠ°Π±ΠΎΡΠ΅ Ρ Flash, ΡΠ΅ΠΌ Ρ JavaScript, Π½ΠΎ Π΅ΠΌΡ Π·Π°Ρ ΠΎΡΠ΅Π»ΠΎΡΡ ΠΏΠΎΠΏΡΠΎΠ±ΠΎΠ²Π°ΡΡ ΡΡΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ Π½ΠΎΠ²ΠΎΠ΅ β ΡΡΠΎΠ±Ρ ΠΏΠΎΠ½ΡΡΡ, Π½Π° ΡΡΠΎ ΠΎΠ½ ΡΠΏΠΎΡΠΎΠ±Π΅Π½. Β«Π― ΡΡΠ°Π·Ρ ΠΏΠΎΠ½ΡΠ», ΡΡΠΎ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ JavaScript ΠΏΠΎΡΡΠΈ ΡΠ°ΠΊΠΎΠΉ ΠΆΠ΅, ΠΊΠ°ΠΊ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ ActionScript β ΠΏΠΎΡΡΠΎΠΌΡ ΠΎΡΠ΅Π½Ρ ΡΠΊΠΎΡΠΎ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΎΡΠ²ΠΎΠΈΠ»ΡΡΒ», β ΠΎΠΏΠΈΡΡΠ²Π°Π΅Ρ ΠΏΡΠΎΡΠ΅ΡΡ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ ΠΊΠΎΠ΄Π° ΠΠΆΠΎΠ½Ρ.
ΠΠΆΠΎΠ½Ρ Π²ΡΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ, ΡΡΠΎ Flash Π½Π΅ Π΄Π°Π²Π°Π» Π΅ΠΌΡ Π΄ΠΎΡΡΡΠΏΠ° ΠΊ ΡΠ°Π±ΠΎΡΠ΅ Ρ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΡΠΌΠΈ ΠΌΡΡΠΈ β ΡΡΠΎ Π±ΡΠ» Π½ΠΎΠ²ΡΠΉ ΠΎΠΏΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π΅ΠΌΡ ΠΎΡΠ΅Π½Ρ ΠΏΠΎΠ½ΡΠ°Π²ΠΈΠ»ΡΡ. Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ Ρ ΠΎΡΠ΅Π» Π΄ΠΎΠ±ΠΈΡΡΡΡ ΡΠ°ΠΊΠΎΠΉ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΠΎΡΡΠΈ ΡΠ°ΠΉΡΠ°, ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΎΠ½ Π½Π΅ ΠΌΠΎΠ³ Π΄ΠΎΡΡΠΈΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Ρ ΠΌΠ΅ΠΆΠ΄Ρ ΠΊΠ»Π°ΡΡΠ°ΠΌΠΈ Π² CSS. ΠΠΆΠΎΠ½Ρ Π΄ΠΎΠ²ΠΎΠ»Π΅Π½ Π΄ΠΎΡΡΠΈΠ³Π½ΡΡΡΠΌ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠΎΠΌ:
ΠΡΠ»ΠΈ Π²Ρ ΡΠΎΠ±ΠΈΡΠ°Π΅ΡΠ΅ΡΡ ΠΏΠ΅ΡΠ΅ΠΉΡΠΈ Ρ ActionScript Π½Π° JavaScript, Π½Π΅ ΠΌΠ΅Π΄Π»ΠΈΡΠ΅ Π½ΠΈ ΡΠ΅ΠΊΡΠ½Π΄Ρ. ΠΠ΅Π»Π°Ρ ΡΠ²ΠΎΠΉ ΡΠ°ΠΉΡ, Ρ Ρ ΠΎΡΠ΅Π» ΠΏΠΎΠ½ΡΡΡ, ΡΠΏΠΎΡΠΎΠ±Π΅Π½ Π»ΠΈ JavaScript Π½Π° ΡΠΎ, Π½Π° ΡΡΠΎ ΡΠΏΠΎΡΠΎΠ±Π΅Π½ Flash. Π Ρ ΠΎΡΠ΅Π½Ρ Π²ΠΏΠ΅ΡΠ°ΡΠ»ΡΠ½.
MapsTD β ΠΎΠ½Π»Π°ΠΉΠ½-ΠΈΠ³ΡΠ°, ΡΡΡΡ ΠΊΠΎΡΠΎΡΠΎΠΉ Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΠΎΠ±ΠΎΡΠΎΠ½Π΅ ΠΊΡΠ΅ΠΏΠΎΡΡΠΈ. ΠΡΠ΅ΠΏΠΎΡΡΡ β ΡΡΠΎ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΉ Π΄ΠΎΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π·Π°ΡΠΈΡΠ°ΡΡ ΠΎΡ Π·Π»ΠΎΠ΄Π΅Π΅Π², Π½Π΅ΡΡΡΠ°Π½Π½ΠΎ Π±ΡΠΎΠ΄ΡΡΠΈΡ ΠΏΠΎ ΡΠ»ΠΈΡΠ°ΠΌ ΡΠ°ΠΉΠΎΠ½Π°.
Π‘ΠΎΠ·Π΄Π°ΡΠ΅Π»Ρ ΠΏΡΠΎΠ΅ΠΊΡΠ° ΠΡΠ½ΠΊΠ°Π½ ΠΠ°ΡΠΊΠ»Π°ΠΉ ΠΎΠ±ΡΡΡΠ½ΡΠ΅Ρ, ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ: Β«ΠΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈ API Google Maps, MooTools ΠΈ JavaScript. Π‘Π°ΠΌΠ°Ρ ΡΠ»ΠΎΠΆΠ½Π°Ρ ΡΠ°ΡΡΡ β ΠΏΠΎΠΈΡΠΊ ΠΌΠ°ΡΡΡΡΡΠ°, ΠΊΠΎΡΠΎΡΡΠΌ Π±ΡΠ΄ΡΡ ΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΡ Π²ΡΠ°Π³ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ. ΠΠ°ΠΊ ΡΠΎΠ»ΡΠΊΠΎ ΠΈΠ³ΡΠΎΠΊ Π²ΡΠ±ΡΠ°Π» Π½Π°ΡΠ°Π»ΡΠ½ΡΡ ΡΠΎΡΠΊΡ, ΡΠ΅ΡΠ²ΠΈΡ ΠΎΡΡΡΠ΅ΡΡΠ²Π»ΡΠ΅Ρ ΠΏΠΎΠΈΡΠΊ Π΄ΠΎΠ»Π³ΠΎΡΡ ΠΈ ΡΠΈΡΠΎΡΡ, ΠΈ Π²ΡΡΠΈΡΠ»ΡΠ΅Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠ΅ ΠΏΡΡΠΈ c ΠΏΠΎΠΌΠΎΡΡΡ GoogleΒ».
ΠΠΎ Ρ ΠΎΠ΄Ρ ΠΈΠ³ΡΡ Π½Π° ΡΠΊΡΠ°Π½Π΅ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ Π²ΡΡ Π±ΠΎΠ»ΡΡΠ΅ ΠΏΡΠΎΡΠΈΠ²Π½ΠΈΠΊΠΎΠ². ΠΠ°ΡΠΊΠ»Π°ΠΉ ΡΠ°ΡΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ ΠΏΡΠΈΡΠ»ΠΎΡΡ Β«Π±ΠΎΡΠΎΡΡΡΡΒ» c ΡΠ°ΠΉΠΌΠΈΠ½Π³ΠΎΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² β Π΄Π΅Π»ΠΎ Π² ΡΠΎΠΌ, ΡΡΠΎ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΠΈΠ· Π½ΠΈΡ ΡΠΎ Π²ΡΠ΅ΠΌΠ΅Π½Π΅ΠΌ ΡΠ½ΠΈΠΆΠ°Π΅Ρ ΡΠ°ΡΡΠΎΡΡ ΠΏΡΠΎΠ²Π΅ΡΠΊΠΈ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠΉ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅, ΠΈ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ ΡΡΠΎΠ³ΠΎ Π½Π΅ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΠ»ΠΎ.
ΠΡΡΠ³Π°Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° ΡΠΎΡΡΠΎΡΠ»Π° Π² ΡΠΎΠΌ, ΡΡΠΎ Π²ΠΌΠ΅ΡΡΠ΅ Ρ ΠΏΡΠΎΡ ΠΎΠΆΠ΄Π΅Π½ΠΈΠ΅ΠΌ ΠΈΠ³ΡΡ ΡΠ²Π΅Π»ΠΈΡΠΈΠ²Π°Π»ΠΎΡΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ Π²ΡΠ°Π³ΠΎΠ², ΠΈ ΡΠ½ΠΈΠΆΠ°Π»Π°ΡΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡ. Π ΠΈΡΠΎΠ³Π΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌΠΈ Π±ΡΠ»ΠΎ ΡΠ΅ΡΠ΅Π½ΠΎ ΠΏΠΎΠ²ΡΡΠ°ΡΡ ΡΡΠΎΠ²Π΅Π½Ρ ΡΠΌΠ΅Π½ΠΈΠΉ Π·Π»ΠΎΠ΄Π΅Π΅Π², Π° Π½Π΅ ΠΈΡ ΡΠΈΡΠ»ΠΎ.
Π Π΅ΡΡΡΡ Glimpse ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½ ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ Windows IE ΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠΌ TheFind, ΠΈ ΡΠΎΠ΅Π΄ΠΈΠ½ΡΠ΅Ρ Π² ΡΠ΅Π±Π΅ ΡΠΈΡΡΠ΅ΠΌΡ ΠΏΠΎΠΈΡΠΊΠ° TheFind ΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠ΅Ρ ΠΆΠ΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² Π΄Π»Ρ ΠΎΠ½Π»Π°ΠΉΠ½-ΡΠΎΠΏΠΈΠ½Π³Π° Π½Π° Facebook. Π ΡΠ°ΠΌΠΊΠ°Ρ Glimpse ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΡ Π²ΡΠΏΡΡΡΠΈΠ»ΠΈ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΉ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊ, ΠΎΡΠ½ΠΎΠ²Π°Π½Π½ΡΠΉ Π½Π° Turn.js.
Π¦Π΅Π»ΡΡ ΠΊΠΎΠΌΠ°Π½Π΄Ρ Ρ ΡΠ°ΠΌΠΎΠ³ΠΎ Π½Π°ΡΠ°Π»Π° Π±ΡΠ»ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈΠ· Glimpse Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, Π° Π½Π΅ ΠΎΠ±ΡΡΠ½ΡΠΉ ΡΠ°ΠΉΡ. Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈ ΠΏΠ°ΡΠ°Π΄ΠΈΠ³ΠΌΡ Β«ΠΌΠΎΠ΄Π΅Π»Ρ-ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅-ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅Β», ΠΊΠΎΡΠΎΡΠ°Ρ ΡΠ°Π·Π΄Π΅Π»ΡΠ΅Ρ Π½Π° ΡΡΠΈ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° ΠΌΠΎΠ΄Π΅Π»Ρ Π΄Π°Π½Π½ΡΡ , ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΠΈ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Ρ ΠΊΠ»ΠΈΠ΅Π½ΡΠΎΠΌ. Π‘Π΅ΡΠ²ΠΈΡ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅Ρ ΡΠ°Π±Π»ΠΎΠ½Ρ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° ΠΌΠΎΠ΄Π΅Π»Π΅ΠΉ Π½Π° ΡΡΠΎΡΠΎΠ½Π΅ ΠΊΠ»ΠΈΠ΅Π½ΡΠ° Thrift ΠΈΠ»ΠΈ JSON β Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ Π²ΡΡΠΈΡΠ»ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΠΌΠΎΡΠ½ΠΎΡΡΠΈ ΠΊΠ»ΠΈΠ΅Π½ΡΠ°.
ΠΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° Turn.js ΡΠ°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»Π°ΡΡ ΠΏΡΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ ΠΊΠ°ΡΠ°Π»ΠΎΠ³ΠΎΠ². Π‘ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΠΈ JavaScript ΠΌΠΎΠ΄Π΅Π»ΡΠΌ, ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Π½ΡΠΌ Π½Π° ΡΠ°ΠΉΡΠ΅, ΠΏΡΠΈΠ΄Π°ΡΡΡΡ ΠΎΠ±ΡΡΠΌ β Π·Π° ΡΡΠ΅Ρ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΠ΅Π½Π΅ΠΉ Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅.
RBMA Radio ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Modernizr, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²Π΅ΡΡΠΈ ΠΊΡΠΎΡΡ-Π±ΡΠ°ΡΠ·Π΅ΡΠ½ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΡ Π½Π° HTML5 ΠΈ CSS. Modernizr ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ ΠΎΠ±Π½ΠΎΠ²Π»ΡΠ΅ΡΡΡ, ΡΠ°ΠΊ ΡΡΠΎ ΡΠΎΠ·Π΄Π°ΡΠ΅Π»ΠΈ ΡΠ°ΠΉΡΠ° ΠΌΠΎΠ³ΡΡ ΡΠ»ΡΡΡΠ°ΡΡ ΠΊΠΎΠ΄ ΠΏΠΎ ΠΌΠ΅ΡΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ Π½ΠΎΠ²ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ.
ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΠΏΡΠΈ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΡΠ΅ΡΠ²ΠΈΡΠ° ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½Π° Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° Backbone.js β Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π΅Ρ ΠΏΠΎΠ΄Π³ΡΡΠΆΠ°ΡΡΡΡ ΠΏΠ»ΠΈΡΠΊΠΈ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΡΡΠ΅ΠΊΡΠ° Π±Π΅ΡΠΊΠΎΠ½Π΅ΡΠ½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ.
Nouvelle Vague β ΡΠ°ΠΉΡ ΠΎΡ ΡΡΠ°Π½ΡΡΠ·ΡΠΊΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡΠΊΠΎΠ³ΠΎ Π°Π³Π΅Π½ΡΡΡΠ²Π° Ultranoir. Π‘Π΅ΡΠ²ΠΈΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Β«ΠΎΡΡΠ»Π΅ΠΆΠΈΠ²Π°ΡΡΒ» ΡΠ²ΠΈΡΡ ΠΏΠΎ Π·Π°Π΄Π°Π½Π½ΠΎΠΌΡ Ρ Π΅ΡΡΠ΅Π³Ρ. ΠΠ½ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½ Ρ ΠΏΠΎΠΌΠΎΡΡΡ JavaScript, WebGL ΠΈ HTML5. HTML5, ΠΏΡΠ°Π²Π΄Π°, ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ ΡΠΎΠ»ΡΠΊΠΎ Π·Π° ΡΠΈΠ·Π΅Ρ ΠΏΡΠΈ ΠΎΡΠΊΡΡΡΠΈΠΈ ΡΠ΅ΡΡΡΡΠ°.
ΠΠ΄ΠΈΠ½ ΠΈΠ· ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² Π°Π³Π΅Π½ΡΡΡΠ²Π° ΡΠ°ΡΡΠΊΠ°Π·Π°Π», ΡΡΠΎ Π½Π° ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠ° ΡΡΠ»ΠΎ ΡΠ΅ΡΡΡΠ΅ ΠΌΠ΅ΡΡΡΠ°, Π° ΡΡΡΠ΄ΠΈΠ»ΠΈΡΡ Π½Π°Π΄ Π½ΠΈΠΌ ΡΡΠΈ ΡΠ΅Π»ΠΎΠ²Π΅ΠΊΠ°. Β«ΠΠ°ΠΌ Π±ΡΠ»ΠΎ ΠΎΡΠ΅Π½Ρ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎ ΠΏΠΎΠΏΡΠΎΠ±ΠΎΠ²Π°ΡΡ ΠΏΠΎΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ WebGLΒ», β ΠΎΠ±ΡΡΡΠ½ΡΠ΅Ρ ΠΎΠ½.
ΠΡΠ½ΠΎΠ²Π½Π°Ρ ΡΠ΅Π»Ρ ΠΏΡΠΎΠ΅ΠΊΡΠ° Π·Π°ΠΊΠ»ΡΡΠ°Π»Π°ΡΡ Π² ΡΠΎΠΌ, ΡΡΠΎΠ±Ρ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ 3D-ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π²ΠΎΡΡΠΎΠ·Π΄Π°ΡΡ Π°ΡΠΌΠΎΡΡΠ΅ΡΡ ΠΈΠ· Π²ΠΈΠ΄Π΅ΠΎΠ·Π°ΡΡΠ°Π²ΠΊΠΈ. ΠΠΎΠΌΠ°Π½Π΄Π° ΠΏΠΎΠ³ΡΡΠ·ΠΈΠ»Π°ΡΡ Π² Π½ΠΎΠ²ΡΠ΅ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ HTML5, CSS3 ΠΈ JavaScript, ΠΈ ΡΡΠΈΡΠ°Π΅Ρ, ΡΡΠΎ ΡΡΠΈ ΡΠ·ΡΠΊΠΈ ΠΌΠΎΠ³ΡΡ ΡΡΠ°ΡΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ°ΠΌΠΈ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ 3D Π² Π±ΡΠ΄ΡΡΠ΅ΠΌ β ΠΈΠ·-Π·Π° ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π°, Π±ΠΎΠ³Π°ΡΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ ΠΈ ΡΠ΅Π°Π³ΠΈΡΠΎΠ²Π°Π½ΠΈΡ.
The Convergence β Π±ΡΠ°ΡΠ·Π΅ΡΠ½Π°Ρ ΠΈΠ³ΡΠ°, ΡΠ²ΠΎΠ΅ΠΉ ΡΠ΅ΡΡΠΎ-Π³ΡΠ°ΡΠΈΠΊΠΎΠΉ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡΡΠ°Ρ Super Mario Bros. ΠΠ½Π° Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΡΠ΅Ρ ΠΏΠΎΡΡΡΡΠ°ΡΡΠΈΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ JavaScript ΠΈ HTML5 ΠΈ Π΄ΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ HTML5 ΡΠΏΡΠ°Π²Π»ΡΠ΅ΡΡΡ ΡΠΎ ΡΠ²ΠΎΠΈΠΌΠΈ Π·Π°Π΄Π°ΡΠ°ΠΌΠΈ Π½ΠΈΡΡΡΡ Π½Π΅ Ρ ΡΠΆΠ΅, ΡΠ΅ΠΌ Flash.
Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΠΎΠ±Π΅ΡΠ°ΡΡ Π² Π±ΡΠ΄ΡΡΠ΅ΠΌ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π² ΠΈΠ³ΡΡ Π°ΡΠ΄ΠΈΠΎΡΠΎΠΏΡΠΎΠ²ΠΎΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΈ Π½ΠΎΠ²ΡΠ΅ ΡΡΠΎΠ²Π½ΠΈ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ Mozilla Gamepad API.
ΠΡΠΎ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡΠ΅Π²ΡΠ°ΡΠ°Π΅Ρ ΡΠ»ΠΎΠ²Π° Β«ΠΊΡΠΏΠΈΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΡΠ°Π·, ΡΠΈΡΠ°ΠΉΡΠ΅ Π½Π° Π²ΡΠ΅Ρ ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ Β» Π² ΡΠ΅Π°Π»ΡΠ½ΠΎΡΡΡ. ΠΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ HTML5, JavaScript API, Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ jQuery ΠΈ jQuery UI ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² jQuery, Π² ΡΠΎΠΌ ΡΠΈΡΠ»Π΅ jScrollPane Π΄Π»Ρ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ ΡΡΡΠ°Π½ΠΈΡ ΠΈ jQuery Templates. ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΠΊΠΎΠΌΠ°Π½Π΄Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»Π°ΡΡ WebSQL Π΄Π»Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΠΎΡΠ»Π°ΠΉΠ½-ΡΠ΅ΠΆΠΈΠΌΠ°.
Π‘Π°ΠΉΡ, Π·Π°ΠΏΡΡΠ΅Π½Π½ΡΠΉ ΡΡΡΠ΄ΠΈΠ΅ΠΉ WeFail, ΡΡΠΈΡΠ°ΡΡ Π°Π²ΡΠΎΡΡ Π·Π°ΠΌΠ΅ΡΠΊΠΈ, Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΡΡΠ°ΡΠ½ΠΎΠ²Π°ΡΠΎ, Π½ΠΎ Π²ΡΡ ΡΠ°Π²Π½ΠΎ ΠΎΡΠ΅Π½Ρ ΠΊΡΡΡΠΎ. Π Π΅ΡΡΡΡ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ Π² Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΡΠ΅Π·ΠΊΠΎΠΌ ΡΡΠΈΠ»Π΅. JavaScript ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ ΠΏΡΠΈ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΈ ΡΠΈΡΡΠ΅ΠΌΡ. Π§ΡΠΎΠ±Ρ ΠΏΡΠΎΠΊΡΡΡΠΈΠ²Π°Π½ΠΈΠ΅ ΠΎΡΡΡΠ΅ΡΡΠ²Π»ΡΠ»ΠΎΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°, ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ Π±ΡΠ» ΠΏΡΠΈΠΌΠ΅Π½ΡΠ½ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery ScrollTo. ΠΠ»Ρ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΡ Π²ΠΈΠ΄Π΅ΠΎ Π½Π΅ Π²ΠΎ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΡ ΠΎΠΊΠ½Π°Ρ , Π° ΠΏΡΡΠΌΠΎ Π½Π° ΡΠ°ΠΉΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»Π°ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° Shadowbox.js.
ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, Π² ΠΊΠΎΠ΄Π΅ Les Enfants ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery Cycle β ΠΎΠ½ ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ Π·Π° ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ ΠΈ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΡΠ°Π±ΠΎΡ Π°Π³Π΅Π½ΡΡΡΠ²Π°.
Β«ΠΡ Π·Π°ΠΏΡΡΡΠΈΠ»ΠΈ Les Enfants, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ½ΡΡΡ, ΠΊΠ°ΠΊΠΈΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΏΠΎ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ ΠΈΠΌΠ΅ΡΡΡΡ Ρ JavaScript. ΠΠΊΠ°Π·Π°Π»ΠΎΡΡ, ΡΡΠΎ Π² ΡΠΎΡΠ΅ΡΠ°Π½ΠΈΠΈ Ρ Π‘SS Transform ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±ΠΈΡΡΡΡ ΠΎΡΠ»ΠΈΡΠ½ΡΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠΎΠ²Β», β Π³ΠΎΠ²ΠΎΡΠΈΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΠΠ°ΡΡΠΈΠ½ Π₯ΡΡ.
ΠΠ΅ ΡΠ°ΠΊ Π΄Π°Π²Π½ΠΎ, ΠΎΡΠΌΠ΅ΡΠ°Π΅Ρ Π₯ΡΡ, ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΠ΅ Π²Π΅ΡΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ Flash, Π½ΠΎ ΡΠ΅ΠΏΠ΅ΡΡ Ρ Π½Π΅Π³ΠΎ Π΅ΡΡΡ ΠΆΠΈΠ·Π½Π΅ΡΠΏΠΎΡΠΎΠ±Π½Π°Ρ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π° β JavaScript.
Pinterest β ΡΡΠΊΠΈΠΉ ΠΏΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ JavaScript Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΡΡΠ΅ΠΊΡΠ° Π±Π΅ΡΠΊΠΎΠ½Π΅ΡΠ½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠ»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°ΠΉΡΠ° ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΠ»ΠΈΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ jQuery, jQuery UI ΠΈ ΠΏΠ»Π°Π³ΠΈΠ½ PageLess.
ΠΠ°ΠΊ ΡΡΠΈΡΠ°ΡΡ Π°Π²ΡΠΎΡΡ Π·Π°ΠΌΠ΅ΡΠΊΠΈ, PageLess ΠΆΠΈΠ·Π½Π΅Π½Π½ΠΎ Π²Π°ΠΆΠ΅Π½ Π΄Π»Ρ Pinterest, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ Π±Π΅ΡΠΊΠΎΠ½Π΅ΡΠ½Π°Ρ ΠΏΡΠΎΠΊΡΡΡΠΊΠ° ΠΈ ΠΏΡΠΎΠ³ΡΡΠ·ΠΊΠ° Π½ΠΎΠ²ΡΡ ΠΏΠΈΠ½ΠΎΠ² Π³ΠΎΡΠ°Π·Π΄ΠΎ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½Π΅Π΅ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ ΡΠ΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, ΡΠ΅ΠΌ ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ β Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π·Π°ΠΏΠΈΡΠ΅ΠΉ.
Love Bobm Builder ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ Π²ΡΡΠ°Π·ΠΈΡΡ ΡΠ²ΠΎΡ Π»ΡΠ±ΠΎΠ²Ρ ΠΈΠ»ΠΈ Π±Π»Π°Π³ΠΎΠ΄Π°ΡΠ½ΠΎΡΡΡ ΠΊΠΎΠΌΡ-Π»ΠΈΠ±ΠΎ. ΠΡΠΎ Π°ΠΊΠΊΡΡΠ°ΡΠ½ΡΠΉ ΠΈ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠ°ΠΉΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΠΈ ΠΎΡΠΏΡΠ°Π²ΠΈΡΡ ΠΏΠΎΡΠ»Π°Π½ΠΈΠ΅-Π±ΠΎΠΌΠ±Ρ.
Π Π΅ΡΡΡΡ ΠΈcΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Modernizr Π΄Π»Ρ ΡΠ²ΠΎΠ΅Π²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠ³ΠΎ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ ΠΊΠΎΠ΄Π° Π½Π° JavaScript ΠΈ HTML5.
ΠΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΠΎΠΏΠ°Π΄Π°Π΅Ρ Π½Π° ΡΠ°ΠΉΡ, ΠΏΠ΅ΡΠ²ΡΠΌ Π΄Π΅Π»ΠΎΠΌ ΠΎΠ½ Π²ΠΈΠ΄ΠΈΡ ΡΠ°ΠΊ Π½Π°Π·ΡΠ²Π°Π΅ΠΌΡΠΉ Β«ΠΏΡΠ΅Π»ΠΎΠ°Π΄Π΅ΡΒ» β ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠΊΠ°Π·Π°ΡΡΡΡ, ΡΡΠΎ ΠΎΠ½ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ Flash, Π½ΠΎ ΡΡΠΎ Π½Π΅ ΡΠ°ΠΊ. ΠΠ° Π½Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΡΡΠ°ΠΊΠ°Π½Π° ΠΏΠΈΠ²ΠΎΠΌ ΠΏΠΎ ΠΌΠ΅ΡΠ΅ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ HTML5 ΠΈ JavaScript.
Π Π΅ΡΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΡΠ½ΠΊΡΠΈΡ ΡΠ°ΡΡΠΈΡΠ½ΠΎΠΉ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ β ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°, ΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΠΎ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ.
ΠΠ°ΠΆΠΈΠΌΠ°Ρ Π½Π° ΠΌΠ°ΡΠΊΠΈ ΠΆΠΈΠ²ΠΎΡΠ½ΡΡ , ΠΊΠ»ΠΈΠ΅Π½Ρ ΠΎΡΠΏΡΠ°Π²Π»ΡΠ΅ΡΡΡ ΠΊ Π΄ΡΡΠ³ΠΈΠΌ ΡΡΠ΅Π½Π°ΠΌ β Π²ΡΠ΅ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΎΠ½Π½ΡΠ΅ ΡΡΡΠ΅ΠΊΡΡ Π² ΠΊΠΎΡΠΎΡΡΡ ΠΈΡΠΏΠΎΠ»Π½Π΅Π½Ρ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ jQuery.animate().
Trello β ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎΠ³ΠΎ ΠΈΠ»ΠΈ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΏΠ»Π°Π½ΠΈΡΠΎΠ²Π°Π½ΠΈΡ, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΠΌΠΎΠ³ΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠΏΠΈΡΠΊΠΈ Π²ΡΠΏΠΎΠ»Π½Π΅Π½Π½ΡΡ ΠΈ Π½Π΅Π²ΡΠΏΠΎΠ»Π½Π΅Π½Π½ΡΡ Π·Π°Π΄Π°Ρ ΠΈ Π΄Π΅Π»ΠΈΡΡΡΡ ΠΏΡΠΎΠ³ΡΠ΅ΡΡΠΎΠΌ Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ ΡΠ΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ. Π‘Π°ΠΉΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Node.js, MongoDB ΠΈ Backbone.js.
ΠΠ΄ΠΈΠ½ ΠΈΠ· ΡΠΎΠ·Π΄Π°ΡΠ΅Π»Π΅ΠΉ Trello ΠΠ°Π½ΠΈΡΠ»Ρ Π»Π΅ Π§Π΅ΡΠΌΠΈΠ½Π°Π½ ΠΏΠΎΡΡΠ½ΡΠ΅Ρ, ΡΡΠΎ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΠ·ΡΠΊΠ° ΠΏΡΠΈ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΠΈ ΡΠ°ΠΉΡΠ° ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ Π½ΠΎΠ²ΡΠΌ ΡΠ»Π΅Π½Π°ΠΌ ΠΊΠΎΠΌΠ°Π½Π΄Ρ Π±ΡΡΡΡΠ΅Π΅ Π²Π»ΠΈΡΡΡΡ Π² ΠΏΡΠΎΡΠ΅ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ.
ΠΠ±ΡΠ΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌΠΈ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Web Sockets β Π»Π΅ Π§Π΅ΡΠΌΠΈΠ½Π°Π½ ΠΎΡΠΌΠ΅ΡΠ°Π΅Ρ, ΡΡΠΎ ΡΡΠΎ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π½ΠΎΠ²Π°Ρ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ, ΠΏΠΎΡΡΠΎΠΌΡ ΠΏΡΠΈ Π΅Ρ Π½Π°ΡΡΡΠΎΠΉΠΊΠ΅ Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π»ΠΈ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ»ΠΎΠΆΠ½ΠΎΡΡΠΈ.
ΠΡΠΎ ΠΈΠ³ΡΠ° Π² ΡΠ΅ΡΡΠΎ-ΡΡΠΈΠ»Π΅, ΡΠΎΠ·Π΄Π°Π½Π½Π°Ρ ΡΡΡΠ΄ΠΈΠ΅ΠΉ Little Workshop, ΠΏΡΠΈΠ·Π²Π°Π½Π° ΠΏΡΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΠΎΠ²Π°ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ HTML5, JavaScript ΠΈ, Π² ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ, Web Sockets. ΠΠ½ ΠΌΠΎΠΆΠ΅Ρ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ ΡΡΡΡΡΠ°ΠΌΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ.
Β«Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΌΠ½ΠΎΠ³ΠΎΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠΉ ΠΈΠ³ΡΡ β ΠΎΡΠ»ΠΈΡΠ½ΡΠΉ ΡΠΏΠΎΡΠΎΠ± ΠΏΡΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΠΎΠ²Π°ΡΡ, ΠΊΠ°ΠΊ ΡΠ°ΠΊΠΈΠ΅ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ ΠΌΠΎΠ³ΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π²ΠΌΠ΅ΡΡΠ΅. BrowserQuest ΠΎΠΏΠΈΡΠ°Π΅ΡΡΡ Π½Π° ΡΠ΅ΡΠ²Π΅ΡΡ Node.js, ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΈΠ· ΠΊΠΎΡΠΎΡΡΡ ΠΌΠΎΠΆΠ΅Ρ Π·Π°ΠΏΡΡΡΠΈΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡΠΎΠ² ΠΈΠ³ΡΠΎΠ²ΠΎΠ³ΠΎ ΠΌΠΈΡΠ°Β», β ΡΠ°ΡΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΡΡΡΠ΄ΠΈΠΈ ΠΠΈΠΉΠΎΠΌ ΠΠ΅ΠΊΠΎΠ»ΡΠ½Π΅.
JS1k β Π΅ΠΆΠ΅Π³ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ½ΠΊΡΡΡ, Π·Π°Π΄Π°ΡΠ° ΡΡΠ°ΡΡΠ½ΠΈΠΊΠΎΠ² ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ Π½Π° JavaScript Π½Π° Π·Π°Π΄Π°Π½Π½ΡΡ ΡΠ΅ΠΌΡ (ΡΠ°ΡΠ΅ Π²ΡΠ΅Π³ΠΎ β Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ). ΠΡ Π²Π΅Ρ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡΠ΅Π²ΡΡΠ°ΡΡ 1 ΠΠ.
Π Π°Π±ΠΎΡΠ° ΠΏΠΎΠ±Π΅Π΄ΠΈΡΠ΅Π»Ρ 2012 Π³ΠΎΠ΄Π° Π€ΠΈΠ»ΠΈΠΏΠΏΠ° ΠΡΡΠ°Π½Π°Π½Π° ΠΈΠ·Π½Π°ΡΠ°Π»ΡΠ½ΠΎ Π²Π΅ΡΠΈΠ»Π° 8 ΠΠ β Π½ΠΎ Π·Π° Π΄Π΅Π½Ρ Π€ΠΈΠ»ΠΈΠΏΠΏ ΡΠΌΠΎΠ³ ΡΠΎΠΊΡΠ°ΡΠΈΡΡ Π΅Ρ ΡΠ°Π·ΠΌΠ΅Ρ Π΄ΠΎ ΡΡΠ΅Π±ΡΠ΅ΠΌΠΎΠ³ΠΎ 1 ΠΠ, ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°Π² Π°Π»Π³ΠΎΡΠΈΡΠΌ Π³Π΅Π½Π΅ΡΠ°ΡΠΈΠΈ Π΄Π΅ΡΠ΅Π²Π°.
Π‘Π΅ΡΠ²ΠΈΡ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ°ΠΉΠΌΠ»Π°ΠΉΠ½Ρ, ΠΈ ΠΎΠ½ ΠΎΡΠ΅Π½Ρ ΠΏΡΠΎΡΡ Π² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ. Π ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ ΡΠΊΠ°Π»Ρ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΊΠ»ΡΡΠ°ΡΡ ΡΠ²ΠΈΡΡ, Π²ΠΈΠ΄Π΅ΠΎ, ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ ΠΈ Π°ΡΠ΄ΠΈΠΎΠ·Π°ΠΏΠΈΡΠΈ. Π‘Π²ΠΎΠΉ ΡΠ°ΠΉΠΌΠ»Π°ΠΉΠ½ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠΏΠΈΡΠ°ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ JSON ΠΈΠ»ΠΈ Google Docs β ΠΊΠ°ΠΊ ΡΠ΄ΠΎΠ±Π½Π΅Π΅ ΡΠ°ΠΌΠΎΠΌΡ ΠΊΠ»ΠΈΠ΅Π½ΡΡ.
ΠΡΠ½ΠΎΠ²Π½Π°Ρ ΠΈΠ΄Π΅Ρ ΡΠ΅ΡΠ²ΠΈΡΠ° Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΡΠΎΠΌ, ΡΡΠΎΠ±Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ°Π·Π²Π»Π΅ΡΡΡΡ, ΠΏΡΠΈΠ½ΠΈΠΌΠ°Ρ ΡΡΠ°ΡΡΠΈΠ΅ Π² ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΠΎΠΉ ΠΈΡΡΠΎΡΠΈΠΈ β ΠΏΠΎΠΌΠΎΠ³Π°Ρ Π½Π°ΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠΌΡ ΡΠ΅Π»ΠΎΠ²Π΅ΡΠΊΡ ΠΏΡΠ΅ΠΎΠ΄ΠΎΠ»Π΅Π²Π°ΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΠΏΡΠ΅ΠΏΡΡΡΡΠ²ΠΈΡ. ΠΠ°ΡΠΈΡΠΎΠ²ΠΊΠΈ Π½Π° ΡΠ°ΠΉΡΠ΅ Π²ΡΠΏΠΎΠ»Π½ΡΡΡΡΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΠΌΡΡΠΈ.
ΠΠ»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ³ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈΡΡ jQuery ΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ Π²Π΅ΠΊΡΠΎΡΠ½ΠΎΠΉ Π³ΡΠ°ΡΠΈΠΊΠΎΠΉ Raphal.js. Π Π΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠ° Ρ ΠΏΠΎΠΌΠΎΡΡΡ Raphal ΠΏΠΎΠΌΠΎΠ³Π»Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ ΠΈΠ·Π±Π΅ΠΆΠ°ΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌ Ρ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡΡ Π½Π° Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π΅ ΡΡΡΡΠΎΠΉΡΡΠ² ΠΈ Π²ΠΎ Π²ΡΠ΅Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ .
Π Π΅ΠΊΠ»Π°ΠΌΠ½ΡΠΉ ΡΠ°ΠΉΡ ΡΠ΅ΡΠΈ ΠΏΠ΅ΠΊΠ°ΡΠ΅Π½ Panera Bread Π±ΡΠ» ΡΠΎΠ·Π΄Π°Π½ Π°Π³Π΅Π½ΡΡΡΠ²ΠΎΠΌ Luxurios Animals. Π’Π΅Ρ Π½ΠΈΡΠ΅ΡΠΊΠΈΠΉ Π΄ΠΈΡΠ΅ΠΊΡΠΎΡ ΡΡΡΠ΄ΠΈΠΈ ΠΡΠ½ Π€Π΅Π΄Π΅ΡΠΌΠ΅Π½ Π³ΠΎΠ²ΠΎΡΠΈΡ, ΡΡΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ Ρ ΡΠ°ΠΌΠΎΠ³ΠΎ Π½Π°ΡΠ°Π»Π° ΡΠ΅ΡΠΈΠ»ΠΈ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²ΡΠ²Π°ΡΡ ΠΏΡΠΎΠ΅ΠΊΡ Π½Π° CSS3 ΡΠ°ΠΌ, Π³Π΄Π΅ ΡΡΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π° Π΄Π»Ρ Π²ΡΠ΅Π³ΠΎ ΠΎΡΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ JavaScript.
ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS3 ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°Π΅Ρ ΠΏΠ»Π°Π²Π½ΠΎΡΡΡ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΎΠ² Π½Π° Π²ΡΠ΅Ρ ΡΠΈΠΏΠ°Ρ ΡΡΡΡΠΎΠΉΡΡΠ². ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΠΊΠΎΠΌΠ°Π½Π΄Π° Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»Π°ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΎΠΉ Hammer.js Π΄Π»Ρ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΏΡΠΈΠΊΠΎΡΠ½ΠΎΠ²Π΅Π½ΠΈΠΉ, Backbone.js Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΌΠΎΠ΄Π΅Π»Π΅ΠΉ Π΄Π°Π½Π½ΡΡ , ΠΏΠ»Π°Π³ΠΈΠ½Π°ΠΌΠΈ jQuery Transit ΠΈ Isotope ΠΈ HTML.
Peanut Gallery β ΠΏΡΠΎΠ΅ΠΊΡ, ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π½ΡΠΉ Google Creative Lab. Π‘Π°ΠΉΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΎΠ·Π²ΡΡΠΊΡ Π² Β«Π½Π΅ΠΌΡΠ΅Β» ΠΊΠΎΡΠΎΡΠΊΠΎΠΌΠ΅ΡΡΠ°ΠΆΠΊΠΈ Ρ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΠΌΠΈΠΊΡΠΎΡΠΎΠ½Π°. Π Π΅ΡΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ Google Speech API ΠΈ JavaScript API β ΠΎΠ½ΠΈ ΠΏΠΎΠΌΠΎΠ³Π°ΡΡ ΠΈΠ½ΡΠ΅Π³ΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°ΡΠΏΠΎΠ·Π½Π°Π²Π°Π½ΠΈΠ΅ ΡΠ΅ΡΠΈ Π² Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ.
ΠΠ°Π»Π΄Π΅Π½ ΠΠ»Π°ΠΌΠΏ, ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΠΏΡΠΎΠ΅ΠΊΡΠ°, Π²ΡΠ΄Π΅Π»ΡΠ΅Ρ Π½Π° Π΅Π³ΠΎ Π²Π·Π³Π»ΡΠ΄ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΡ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡ Google Speech API β Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΡΠ°ΡΠΏΠΎΠ·Π½Π°Π²Π°Π½ΠΈΠ΅ ΡΠ΅ΡΠΈ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π΅ΡΠ»ΠΈ Π°Π½Π³Π»ΠΎΡΠ·ΡΡΠ½ΡΠΉ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π½Π°ΡΠΈΠ½Π°Π΅Ρ ΠΏΡΠΎΠΈΠ·Π½ΠΎΡΠΈΡΡ Β«European UnionΒ», ΡΠΎ ΡΠ½Π°ΡΠ°Π»Π° ΡΠ°ΡΠΏΠΎΠ·Π½Π°ΡΡΡΡ ΡΠ»ΠΎΠ²ΠΎ Β«yourΒ» ΠΈΠ»ΠΈ Β«yearΒ» ΠΈ Π»ΠΈΡΡ ΠΏΠΎΠ΄ ΠΊΠΎΠ½Π΅Ρ ΠΎΠ½ΠΎ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²ΡΠ²Π°Π΅ΡΡΡ Π² Β«EuropeanΒ». ΠΡΡ ΠΎΠ΄Π½Π° ΠΏΠΎΠ»Π΅Π·Π½Π°Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ β ΡΠ°ΡΠΏΠΎΠ·Π½Π°Π²Π°Π½ΠΈΠ΅ Π·Π½Π°ΠΊΠΎΠ² ΠΏΡΠ΅ΠΏΠΈΠ½Π°Π½ΠΈΡ. Π‘Π»ΠΎΠ²ΠΎΡΠΎΡΠ΅ΡΠ°Π½ΠΈΡ Β«Π²ΠΎΠΏΡΠΎΡΠΈΡΠ΅Π»ΡΠ½ΡΠΉ Π·Π½Π°ΠΊΒ», Β«Π²ΠΎΡΠΊΠ»ΠΈΡΠ°ΡΠ΅Π»ΡΠ½ΡΠΉ Π·Π½Π°ΠΊΒ» ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΡΠ΅Π²ΡΠ°ΡΠ°ΡΡΡΡ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠ΅ ΠΈΠΌ ΠΏΡΠ½ΠΊΡΡΠ°ΡΠΈΠΎΠ½Π½ΡΠ΅ Π·Π½Π°ΠΊΠΈ.
Β«ΠΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΠΎΠ΅ ΡΡ ΠΎΒ» ΡΠΎΠ·Π΄Π°Π½ΠΎ Π°Π³Π΅Π½ΡΡΡΠ²ΠΎΠΌ Epiphany Solutions Π΄Π»Ρ ΡΠ²ΠΎΠ΅Π³ΠΎ ΠΊΠ»ΠΈΠ΅Π½ΡΠ° Amphilon, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΏΠ΅ΡΠΈΠ°Π»ΠΈΠ·ΠΈΡΡΠ΅ΡΡΡ Π½Π° ΡΠ»ΡΡ ΠΎΠ²ΡΡ Π°ΠΏΠΏΠ°ΡΠ°ΡΠ°Ρ ΠΈ Π΄ΡΡΠ³ΠΈΡ ΡΠ΅ΡΠ΅Π½ΠΈΡΡ Π΄Π»Ρ ΡΠ»Π°Π±ΠΎΡΠ»ΡΡΠ°ΡΠΈΡ Π»ΡΠ΄Π΅ΠΉ. Π Π΅ΡΡΡΡ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½ Π½Π° Π΄Π΅ΡΠ΅ΠΉ Π²ΠΎΠ·ΡΠ°ΡΡΠ° ΠΌΠ»Π°Π΄ΡΠ΅ΠΉ ΠΈ ΡΡΠ΅Π΄Π½Π΅ΠΉ ΡΠΊΠΎΠ»Ρ. Π‘Π°ΠΉΡ ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· ΡΡΡΡ Β«Π²ΠΈΡΡΠΈΠ½Β», Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΡΡΡΠΈΡ , ΠΊΠ°ΠΊ ΡΡΡΡΠΎΠ΅Π½ΠΎ ΡΠ΅Π»ΠΎΠ²Π΅ΡΠ΅ΡΠΊΠΎΠ΅ ΡΡ ΠΎ.
Π‘ΠΎΠ·Π΄Π°ΡΠ΅Π»Ρ ΠΏΡΠΎΠ΅ΠΊΡΠ° ΠΡΠ°ΠΉΠ°Π½ ΠΠΆΠ΅ΠΉΠΌΡ ΠΎΡΠΌΠ΅ΡΠ°Π΅Ρ, ΡΡΠΎ Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ JavaScript, HTML5 ΠΈ CSS ΠΊΠΎΠΌΠ°Π½Π΄Π° ΡΠΌΠΎΠ³Π»Π° Π΄ΠΎΡΡΠΈΡΡ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠΉ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ Π΄Π°ΠΆΠ΅ Π² ΡΡΡΠ°ΡΠ΅Π²ΡΠΈΡ ΠΈ Π½Π΅ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΠΌΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ . ΠΠ½ΠΈΠΌΠ°ΡΠΈΠΈ ΠΏΡΠΈ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΠΈ ΡΡ Π° Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π»ΡΠΏΡ β ΡΡΠΎ GIF-ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
Violin β ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Π΄Π»Ρ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΠΊΠΎΠ΄Π° Π½Π° JavaScript. ΠΠ½ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΠΊΠ°ΠΊ ΡΠ°ΡΡΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΡΡΡ Π΄ΡΡΠ³ Ρ Π΄ΡΡΠ³ΠΎΠΌ Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ ΡΠ΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ. Π‘Π°ΠΌ ΡΠ°ΠΉΡ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ Π½Π° JavaScript Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ D3.js Π΄Π»Ρ ΠΏΠΎΡΡΡΠΎΠ΅Π½ΠΈΡ Π³ΡΠ°ΡΠΈΠΊΠΎΠ².
Π‘Π°ΠΉΡ Π±ΡΠΈΡΠ°Π½ΡΠΊΠΎΠΉ ΠΏΠΈΡΠ°ΡΠ΅Π»ΡΠ½ΠΈΡΡ Π€ΠΈΠ»ΠΈΠΏΠΏΡ ΠΡΠ΅Π³ΠΎΡΠΈ, Π°Π²ΡΠΎΡΠ° ΡΠΎΠΌΠ°Π½Π° Β«ΠΡΡ ΠΎΠ΄Π½Π° ΠΈΠ· ΡΠΎΠ΄Π° ΠΠΎΠ»Π΅ΠΉΠ½Β», Π²ΡΠΏΠΎΠ»Π½Π΅Π½ ΠΏΠΎ Π΅Ρ Π·Π°ΠΊΠ°Π·Ρ Π°Π³Π΅Π½ΡΡΡΠ²ΠΎΠΌ Better. ΠΡΠ½ΠΎΠ²Π½ΠΎΠΉ Π·Π°Π΄Π°ΡΠ΅ΠΉ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΡΠ²Π»ΡΠ»Π°ΡΡ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ ΠΏΠ»ΠΎΡΠ°Π΄ΠΊΠΈ Π΄Π»Ρ Π²ΡΠ΅Ρ Π²ΠΈΠ΄ΠΎΠ² ΡΡΡΡΠΎΠΉΡΡΠ². Π Π΅ΡΡΡΡ ΠΏΠΎΡΡΡΠΎΠ΅Π½ Π½Π° Π±Π°Π·Π΅ FuelPHP CMS. JavaScript ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ Π·Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ, ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΠΎΡΡΡ ΠΈ ΠΏΠ»Π°Π²Π½ΠΎΡΡΡ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΎΠ² Π½Π° ΡΠ°ΠΉΡΠ΅.
ΠΠΎΡΠΎΠ²ΡΠΉ ΠΊΠΎΠ΄ ΡΠ°ΠΉΡΠ° Html + CSS
Π Π°Π½Π΅Π΅ Ρ ΡΠΆΠ΅ Π΄Π°Π» Π²Π°ΠΌ ΠΠΎΠ΄ ΡΠ°ΠΉΡΠ° Π½Π° ΡΠΈΡΡΠΎΠΌ HTML, ΡΠ΅ΠΏΠ΅ΡΡ ΠΆΠ΅ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠΌ CSS ΠΈ Π½Π°ΠΏΠΈΡΠ΅ΠΌ Π±Π»ΠΎΡΠ½ΡΠΉ ΡΠ°Π±Π»ΠΎΠ½ ΡΠ°ΠΉΡΠ°.
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ Ρ Π΄Π°ΠΌ Π²Π°ΠΌ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΊΠΎΠ΄ Π±Π»ΠΎΡΠ½ΠΎΠ³ΠΎ ΡΠ°Π±Π»ΠΎΠ½Π° ΡΠ°ΠΉΡΠ°, Π° ΠΈ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ ΡΠ°ΡΡΠΊΠ°ΠΆΡ, ΠΈ ΠΏΠΎΠΊΠ°ΠΆΡ, ΡΡΠΎ ΠΈ ΠΊΠ°ΠΊ Π² Π½ΡΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ, ΠΈ ΠΊΡΠ΄Π° ΡΠΊΠ»Π°Π΄ΡΠ²Π°ΡΡ ΡΠ°ΠΉΠ»Ρ.
ΠΡΠ°ΠΊ, ΡΠ°ΠΊΠΎΠΉ Π²ΠΎΡ ΡΠ°ΠΉΡ.
Π’Π΅ΠΌΡ Π³ΡΡΠ·ΠΎΠΏΠ΅ΡΠ΅Π²ΠΎΠ·ΠΎΠΊ Ρ Π²Π·ΡΠ» Π΄Π»Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ° ΠΏΠΎΡΠΎΠΌΡ, ΡΡΠΎ ΡΠ°ΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ Π»ΡΠ΄ΠΈ ΡΠ°Π±ΠΎΡΠ°ΡΡΠΈΠ΅ Π² ΡΡΠΎΠΉ ΡΡΠ΅ΡΠ΅, ΠΎΠ±ΡΠ°ΡΠ°ΡΡΡΡ ΠΊΠΎ ΠΌΠ½Π΅ Π·Π° ΠΏΠΎΠΌΠΎΡΡΡ.
ΠΠΎ ΠΡ, ΠΏΡΠΎΡΠΈΡΠ°Π² ΡΡΠ°ΡΡΡ, ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ Π²ΡΡ ΠΏΠΎ ΡΠ²ΠΎΠ΅ΠΉ ΡΠ΅ΠΌΠ°ΡΠΈΠΊΠ΅, ΠΈ ΡΠΎ ΡΠ²ΠΎΠ΅ΠΉ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΠ΅ΠΉ ΠΊΠ°ΡΠΊΠ°ΡΠ° ΡΠ°ΠΉΡΠ°.
ΠΡΠ΅ΠΌΠ΅Π½ΠΈ ΡΡΠΎ Π·Π°ΠΉΠΌΡΡ ΡΡΠΎΠ»ΡΠΊΠΎ, ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΡΡΠ΅Π±ΡΠ΅ΡΡΡ Π½Π° Π²Π½ΠΈΠΌΠ°ΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ ΡΡΠ°ΡΡΠΈ, ΠΈ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ² ΠΏΠΎ ΡΡΡΠ»ΠΊΠ°ΠΌ, ΠΈ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΠ΅ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΌΠΎΠΈΡ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΠΉ.
style >
body <
background : #c0c0c0 ; /* ΠΠ΅Π½ΡΠ΅ΡΡΡ ΡΠΎΠ½ ΡΠΊΡΠ°Π½Π°, Π²ΡΠ±ΠΈΡΠ°Π΅ΡΡΡ Π·Π΄Π΅ΡΡ */
>
#wrapper < /* ΠΠ±ΠΎΠ»ΠΎΡΠΊΠ° ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ°ΠΉΡΠ° */
width : 900px ; /* ΠΠ΅Π½ΡΠ΅ΡΡΡ ΡΠΈΡΠΈΠ½Π° ΡΡΡΠ°Π½ΠΈΡΡ */
margin : 0 auto ;
background : #f2e8c9 ; /* ΠΠ΅Π½ΡΠ΅ΡΡΡ Π·Π°Π΄Π½ΠΈΠΉ ΡΠΎΠ½ ΡΡΡΠ°Π½ΠΈΡΡ */
>
/* Π‘Π°ΠΉΠ΄Π±Π°Ρ (ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ° ΡΠΏΡΠ°Π²Π°) */
#sidebar < /* ΠΠ»ΠΎΠΊ ΡΠ°ΠΉΠ΄Π±Π°ΡΠ° */
background-color : #ffffff; /* Π€ΠΎΠ½ Π±Π»ΠΎΠΊΠ° */
width : 180px; /* Π¨ΠΈΡΠΈΠ½Π° Π±Π»ΠΎΠΊΠ° */
padding : 10px; /* ΠΡΡΡΡΠΏ ΡΠ΅ΠΊΡΡΠ° ΠΎΡ ΠΊΡΠ°ΡΠ² */
float : right; /* Π Π°Π·ΠΌΠ΅ΡΠ°Π΅ΠΌ Π±Π»ΠΎΠΊ ΡΠΏΡΠ°Π²Π° ΠΎΡ Π΄ΡΡΠ³ΠΈΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², Π½Π°ΠΏΠ»ΡΠ²Π°Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΠΎΠ±ΡΠ΅ΠΊΠ°Π½ΠΈΠ΅ ΡΠΏΡΠ°Π²Π°). ΠΡΠ»ΠΈ Π΄Π΅Π»Π°ΡΡ ΡΠ°ΠΉΠ΄Π±Π°Ρ ΡΠ»Π΅Π²Π°, ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ right ΠΌΠ΅Π½ΡΠ΅ΠΌ Π½Π° left */
border-radius : 5px ; /* ΠΠ°ΠΊΡΡΠ³Π»ΡΠ΅ΠΌ ΡΠ³Π»Ρ Π±Π»ΠΎΠΊΠ° */
box-shadow : rgba(0,0,0,0.5) 0px 1px 3px ; /* ΠΠ°Π΄Π°ΡΠΌ Π±Π»ΠΎΠΊΡ ΡΠ΅Π½Ρ */
>
.marcer < /* ΠΠ°Π»ΠΎΡΠΊΠΈ ΠΌΠ°ΡΠΊΠ΅ΡΡ ΠΌΠ΅Π½Ρ */
float : left ; /* Π Π°Π·ΠΌΠ΅ΡΠ°Π΅ΠΌ ΡΠ»Π΅Π²Π° ΠΎΡ ΡΠ΅ΠΊΡΡΠ° */
margin : 5px 5px 0 0 ; /* ΠΠ²ΠΈΠ³Π°ΡΡΡΡ Π²Π²Π΅ΡΡ
-Π²ΠΏΡΠ°Π²ΠΎ-Π²Π½ΠΈΠ·-Π²Π»Π΅Π²ΠΎ */
>
#content < /* ΠΠ»ΠΎΠΊ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° */
margin-bottom : 5px ; /* ΠΡΡΡΡΠΏ Π±Π»ΠΎΠΊΠ° ΡΡΠ°ΡΡΠΈ ΠΎΡ Π±Π»ΠΎΠΊΠ° ΠΏΠΎΠ΄Π²Π°Π»Π° */
width : 676px ; /* Π¨ΠΈΡΠΈΠ½Π° ΡΡΠ°ΡΡΠΈ */
padding : 10px ; /* ΠΡΡΡΡΠΏ ΡΠ΅ΠΊΡΡΠ° ΠΎΡ ΠΊΡΠ°ΡΠ² Π±Π»ΠΎΠΊΠ° */
background : #ffffff ; /* Π€ΠΎΠ½ ΡΡΠ°ΡΡΠΈ */
border-radius : 5px ;
box-shadow : rgba(0,0,0,0.5) 0px 1px 3px ;
>
.left < /* ΠΠ°ΡΡΠΈΠ½ΠΊΠ° Π² ΡΠ΅ΠΊΡΡΠ΅ ΡΠ»Π΅Π²Π° */
float : left ;
margin : 30px 7px 7px 7px ;
>
.right < /* ΠΠ°ΡΡΠΈΠ½ΠΊΠ° Π² ΡΠ΅ΠΊΡΡΠ΅ ΡΠΏΡΠ°Π²Π° */
float : right ;
margin : 7px 0 7px 7px ;
>
/* ΠΠΎΠ΄Π²Π°Π» */
#footer < /* ΠΠ»ΠΎΠΊ ΠΏΠΎΠ΄Π²Π°Π»Π° */
height:80px; /* ΠΡΡΠΎΡΠ° Π±Π»ΠΎΠΊΠ° ΠΏΠΎΠ΄Π²Π°Π»Π° */
background-color : #ffffff ; /* Π€ΠΎΠ½ Π±Π»ΠΎΠΊΠ° ΠΏΠΎΠ΄Π²Π°Π»Π° */
margin-bottom : 10px ; /* ΠΡΡΡΡΠΏ ΡΠ½ΠΈΠ·Ρ */
border-radius : 5px ; /* ΠΠ°ΠΊΡΡΠ³Π»ΡΠ½Π½ΡΠ΅ ΡΠ³Π»Ρ */
box-shadow : rgba(0,0,0,0.5) 0px 1px 3px ; /* Π’Π΅Π½Ρ Π±Π»ΠΎΠΊΠ° */
>
.clear < /* ΠΠ°ΠΏΡΠ΅Ρ Π½Π°ΠΏΠ»ΡΠ²Π°Π½ΠΈΡ. Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΡΡΡ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ Π±Π»ΠΎΠΊ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°, ΠΏΡΠΈ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΈ ΡΠ΅ΠΊΡΡΠΎΠΌ ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ Π½Π΅ Π½Π°ΠΏΠ»ΡΠ²Π°Π» Π½Π° ΠΏΠΎΠ΄Π²Π°Π» */
clear : both ;
>
.fon < /* ΠΠΎΠΌΠ΅Ρ ΡΠ΅Π»Π΅ΡΠΎΠ½Π° */
float : left ; /* Π Π°Π·ΡΠ΅ΡΠ°Π΅ΠΌ Π΄ΡΡΠ³ΠΈΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ ΠΎΠ±ΡΠ΅ΠΊΠ°ΡΡ Π°Π±Π·Π°Ρ ΡΠΏΡΠ°Π²Π° */
margin : 20px 0 0 20px ;
>
.fax < /* ΠΠΎΠΌΠ΅Ρ ΡΠ°ΠΊΡΠ° */
float : left ;
margin : 20px 0 0 60px ;
>
.mail < /* ΠΠ΄ΡΠ΅Ρ E-mail */
float : left ;
margin : 20px 0 0 60px ;
>
/style >
/head >
body >
div id =» wrapper «>
h1 >ΠΡΡΠ·ΠΎΠΏΠ΅ΡΠ΅Π²ΠΎΠ·ΠΊΠΈ /h1 >
p c lass =» nomer «>234-49-50 br > +7 900 650 33 45 /p >
img src =» http://trueimages.ru/img/cf/26/9116df15.png «>
/div >
h3 >ΠΠ° Π½Π°ΡΠ΅ΠΌ ΡΠ°ΠΉΡΠ΅ /h3 >
p > img class =» marcer » src =» http://trueimages.ru/img/99/91/dea39f15.png » width =» 10 » height =» 10 «>ΠΠ°ΡΠΈ ΡΠΎΡΡΡΠ΄Π½ΠΈΠΊΠΈ /p >
p > mg class =» marcer » src =» http://trueimages.ru/img/99/91/dea39f15.png » width =» 10 » height =» 10 «>ΠΠ°ΡΠ° ΡΠ΅Ρ
Π½ΠΈΠΊΠ° /p >
p > img class =» marcer » src =» http://trueimages.ru/img/99/91/dea39f15.png » width =» 10 » height =» 10 «>ΠΡΠ°ΠΉΡ
hr width =» 50 » color =» #037FFC » size =» 5 «>
h3 >ΠΡΡΠ³Π°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ /h3 >
/div >
img class =» left » src =» http://trueimages.ru/img/81/90/b1718f15.png «>
p >ΠΠ΄ΡΠ°Π²ΡΡΠ²ΡΠΉΡΠ΅ ΡΠ²Π°ΠΆΠ°Π΅ΠΌΡΠ΅ Π±ΡΠ΄ΡΡΠΈΠ΅ Π²Π΅Π±-ΠΌΠ°ΡΡΠ΅ΡΠ°! /p >
p >ΠΠ½Π΅ 55 Π»Π΅Ρ ΠΈ Ρ ΡΠ°Π΄ ΠΏΡΠΈΠ²Π΅ΡΡΡΠ²ΠΎΠ²Π°ΡΡ ΠΠ°Ρ Π½Π° ΡΠ²ΠΎΡΠΌ ΡΠ°ΠΉΡΠ΅.
ΠΡΠΎΡ ΡΠ°ΠΉΡ ΠΏΠ΅ΡΠ²ΡΠΉ, ΠΊΠΎΡΠΎΡΡΠΉ Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π» ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ,
Π° Π΄ΠΎ ΡΡΠΎΠ³ΠΎ ΡΠΌΠ΅Π» ΡΠΎΠ»ΡΠΊΠΎ Π²Ρ
ΠΎΠ΄ΠΈΡΡ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ.
ΠΠΎΡΠ΅ΠΌΡ Ρ ΡΠ΅ΡΠΈΠ» Π΅Π³ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ? /p >
p >ΠΠ° ΡΠ΅ 3 ΠΌΠ΅ΡΡΡΠ°, ΠΏΠΎΠΊΠ°
ΡΠ°Π·Π±ΠΈΡΠ°Π»ΡΡ Π² ΡΠ°ΠΉΡΠΎΡΡΡΠΎΠ΅Π½ΠΈΠΈ ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°Π» ΡΡΠΎΡ ΡΠ΅ΡΡΡΡ
ΠΎΠ±Π½Π°ΡΡΠΆΠΈΠ»ΠΎΡΡ, ΡΡΠΎ Π°Π²ΡΠΎΡΡ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ² ΠΏΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ
ΡΠ°ΠΉΡΠΎΠ² ΡΡΠΈΡΠ°ΡΡ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π½ΡΠ°Π½ΡΡ ΡΠ°ΠΌΠΎ ΡΠΎΠ±ΠΎΠΉ ΡΠ°Π·ΡΠΌΠ΅ΡΡΠΈΠΌΠΈΡΡ
ΠΈ Π½Π΅ ΠΎΠ±ΡΠ°ΡΠ°ΡΡ Π½Π° Π½ΠΈΡ
Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅. /p >
p >Π ΠΌΠ½Π΅, ΡΡΠΈΡΡΠ²Π°Ρ
Π²ΠΎΠ·ΡΠ°ΡΡ ΠΈ Β«ΠΎΠΏΡΡΒ», Π±ΡΠ»ΠΎ Π½Π΅ ΠΏΡΠΎΡΡΠΎ ΠΏΠΎΠ½ΡΡΡ ΠΊΠ°ΠΊ ΡΠ°Π· ΡΡΠΈ
Π½ΡΠ°Π½ΡΡ, ΠΎΠ½ΠΈ ΠΎΡΠ½ΠΈΠΌΠ°Π»ΠΈ Π±ΠΎΠ»ΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ. Π Ρ ΡΠ΅ΡΠΈΠ»
Π½Π°ΠΏΠΈΡΠ°ΡΡ ΡΠ²ΠΎΠΉ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π», ΡΠ°ΠΊ ΡΡΠΎ-Π±Ρ Π΄ΡΡΠ³ΠΈΠΌ Π±ΡΠ»ΠΎ Π»Π΅Π³ΡΠ΅
ΡΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°ΡΡΡΡ Π² ΠΏΠΎΡΠΎΠΊΠ΅ Π½ΠΎΠ²ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ. /p >
img class =» right » src =» http://trueimages.ru/img/0d/64/07a18f15.png «>
p >ΠΠ΄Π΅ΡΡ
Β«ΡΠ°Π·ΠΆΠ΅Π²Π°Π½ΡΒ» Π²ΡΠ΅ ΠΌΠ΅Π»ΠΎΡΠΈ ΡΠΎΠΏΡΠΎΠ²ΠΎΠΆΠ΄Π°ΡΡΠΈΠ΅ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠ°,
ΠΌΠΈΠΌΠΎ ΠΊΠΎΡΠΎΡΡΡ
ΠΎΠ±ΡΡΠ½ΠΎ ΠΏΡΠΎΡΠΊΠ°ΠΊΠΈΠ²Π°ΡΡ Π΄ΡΡΠ³ΠΈΠ΅ Π°Π²ΡΠΎΡΡ.
ΠΡΠ»ΠΈ Π²Π°ΠΌ ΡΡΠΎ-ΡΠΎ Π±ΡΠ΄Π΅Ρ Π½Π΅ΠΏΠΎΠ½ΡΡΠ½ΠΎ, ΡΠΏΡΠ°ΡΠΈΠ²Π°ΠΉΡΠ΅, Π΄Π»Ρ
ΠΌΠ΅Π½Ρ Π½Π΅Ρ Β«Π³Π»ΡΠΏΡΡ
Β» Π²ΠΎΠΏΡΠΎΡΠΎΠ².
Π§ΠΈΡΠ°ΠΉΠ΅ ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°ΠΉΡΠ΅ ΡΠ²ΠΎΠΉ ΡΠ°ΠΉΡ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ, ΠΊΠ°ΠΊΠΈΠΌ
Π±Ρ Π½ΠΈ Π±ΡΠ» ΠΠ°Ρ Π²ΠΎΠ·ΡΠ°ΡΡ ΠΈ ΡΡΠ°ΠΆ ΡΠ°Π±ΠΎΡΡ Π½Π° ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ΅. /p >
p >Π£Π²Π΅ΡΠ΅Π½, Ρ ΠΠ°Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡΡ Π΅ΡΠ΅ Π»ΡΡΡΠ΅ ΠΈ ΡΠΆ ΡΠΎΡΠ½ΠΎ, Π²
Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°Π· Π±ΡΡΡΡΠ΅Π΅, ΡΠ΅ΠΌ Ρ ΠΌΠ΅Π½Ρ. /p >
/div >
div class =» clear «> /div >
div id =» footer «>
p class =» fon «> strong >Π’Π΅Π»Π΅ΡΠΎΠ½: br > 265-48-76 /strong > /p >
p class =» fax «> strong >Π€Π°ΠΊΡ: br > 265-85-97 /strong > /p >
p class =» mail «> strong >E-mail br >ctoto@mail.ru /strong > /p >
ΠΡΠΎ ΠΊΠΎΠ΄ ΡΡΠ°ΡΠΈΡΠ½ΠΎΠ³ΠΎ ΡΠ°ΠΉΡΠ°, Π° ΡΡΠΎ Π·Π½Π°ΡΠΈΡ, ΡΡΠΎ Π½Π° ΡΠΊΡΠ°Π½Π°Ρ Ρ ΡΠ°Π·Π½ΡΠΌ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ΠΌ, ΠΎΠ½ Π±ΡΠ΄Π΅Ρ ΠΎΡΡΠ°Π²Π°ΡΡΡΡ Π² Π½Π΅ΠΈΠ·ΠΌΠ΅Π½Π½ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠ°Ρ .
Π’ΠΎ Π΅ΡΡΡ Π½Π° ΠΌΠΎΠ±ΠΈΠ»Π°Ρ Ρ Π½Π΅Π³ΠΎ ΠΏΠΎΡΠ²ΠΈΡΡΡ ΠΏΠΎΠ»ΠΎΡΠ° Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠΉ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ, ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΏΡΠΈΠ΄ΡΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ, ΡΡΠΎΠ± ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ΡΡ ΡΠ°ΠΉΡ ΡΠ΅Π»ΠΈΠΊΠΎΠΌ.
Π ΡΠ΅ΠΏΠ΅ΡΡ Π²Π΅ΡΠ½ΡΠΌΡΡ ΠΊ Π½Π°ΡΠ΅ΠΌΡ ΠΏΡΠΈΠΌΠ΅ΡΡ.
ΠΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ Π½Π°ΡΠ°ΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ ΠΊΠΎΠ΄ΠΎΠΌ, Π½ΡΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ ΠΌΠ΅ΡΡΠΎ Π³Π΄Π΅ Π±ΡΠ΄Π΅Ρ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ ΡΠ°ΠΉΡ Π΄ΠΎ Π²ΡΠ²ΠΎΠ΄Π° Π΅Π³ΠΎ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ.
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΡ ΡΠ°ΠΉΡΠ° ΡΠΌΠΎΡΡΠΈΡΠ΅ Π² ΡΡΠ°ΡΡΠ΅ Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΠΈ ΡΠ°ΠΉΡΠ°
ΠΠ»Ρ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΡΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π°, ΠΏΠΎΡΡΠ΅Π±ΡΠ΅ΡΡΡ HTML ΡΠ΅Π΄Π°ΠΊΡΠΎΡ. Π£ ΠΊΠΎΠ³ΠΎ ΠΎΠ½ Π΅ΡΡΡ, ΠΎΡΠ΅Π½Ρ Ρ ΠΎΡΠΎΡΠΎ, Ρ ΠΊΠΎΠ³ΠΎ Π½Π΅Ρ, ΠΏΡΠ΅Π΄Π»Π°Π³Π°Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Notepad++.
ΠΠ°ΠΊ Π½Π°ΡΠ°ΡΡ Π² Π½ΡΠΌ ΡΠ°Π±ΠΎΡΡ, ΡΠΎ Π΅ΡΡΡ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°ΠΉΠ», ΠΏΡΠΎΡΠΈΡΠ°ΠΉΡΠ΅ Π·Π΄Π΅ΡΡ.
ΠΠΎΠ³Π΄Π° ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Π±ΡΠ΄Π΅Ρ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½, ΠΎΡΠΊΡΠΎΠΉΡΠ΅ Π΅Π³ΠΎ, ΡΠΊΠΎΠΏΠΈΡΡΠΉΡΠ΅ ΠΈΠ· ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Π½ΠΎΠ³ΠΎ Π²ΡΡΠ΅ ΠΊΠΎΠ΄Π° ΡΡΡΠΎΠΊΠΈ 1 β 6, ΠΈ Π²ΡΡΠ°Π²ΡΡΠ΅ Π² ΠΏΠΎΠ»Π΅ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°, Π° Π·Π°ΡΠ΅ΠΌ ΡΡΡΠΎΠΊΠΈ 118 β 153, ΠΈ ΡΠ°ΠΊ ΠΆΠ΅ Π²ΡΡΠ°Π²ΡΡΠ΅ Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡ.
Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΠΌΡ Π²ΡΠ±ΡΠ°Π»ΠΈ HTML ΡΠ°ΡΡΡ ΠΊΠΎΠ΄Π°, ΠΈΠ· ΠΊΠΎΡΠΎΡΠΎΠΉ ΡΠΎΠ·Π΄Π°Π΄ΠΈΠΌ HTML ΡΠ°ΠΉΠ». Π£Π΄Π°Π»ΠΈΡΠ΅ ΠΌΠΎΡ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ ΡΡΡΠΎΠΊ, ΡΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΡΠ°ΠΉΠ», Π½Π°Π·ΠΎΠ²ΠΈΡΠ΅ Π΅Π³ΠΎ index.html, ΠΈ ΡΠΎΡ ΡΠ°Π½ΠΈΡΠ΅ Π² Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΡ ΡΠ°ΠΉΡΠ°.
ΠΠΈΡΠ΅ΠΊΡΠΎΡΠΈΡ Π΄ΠΎΠ»ΠΆΠ½Π° ΠΏΡΠΈΠΎΠ±ΡΠ΅ΡΡΠΈ ΡΠ°ΠΊΠΎΠΉ Π²ΠΈΠ΄:
Π‘Π»Π΅Π΄ΡΡΡΠΈΠΌ ΡΠ°Π³ΠΎΠΌ ΡΠΎΠ·Π΄Π°ΡΠΌ ΡΠ°ΠΉΠ» style.css, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ Π±ΡΠ΄Π΅Ρ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π° ΡΠ°Π±Π»ΠΈΡΠ° ΡΡΠΈΠ»Π΅ΠΉ.
ΠΠΎΡ ΡΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅! Π€Π°ΠΉΠ» style.css, Π² Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅ΠΌ, Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°ΡΡΡΡ ΠΊΠΎ Π²ΡΠ΅ΠΌ ΡΡΡΠ°Π½ΠΈΡΠ°ΠΌ ΡΠ°ΠΉΡΠ°, ΠΏΠΎΡΡΠΎΠΌΡ Π² Π½ΡΠΌ Π½ΡΠΆΠ½ΠΎ ΡΠΎΠ±ΡΠ°ΡΡ ΡΡΠΈΠ»ΠΈ, ΡΠΎΡΠΌΠΈΡΡΡΡΠΈΠ΅ ΠΎΡΠ½ΠΎΠ²Ρ ΡΡΡΠ°Π½ΠΈΡΡ.
Π Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅ΠΌ, Π΅ΡΠ»ΠΈ ΠΠ°ΠΌ Π·Π°Ρ ΠΎΡΠ΅ΡΡΡ Π²Π½Π΅ΡΡΠΈ ΠΊΠ°ΠΊΠΈΠ΅-ΡΠΎ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π² ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΡ ΡΠ°ΠΉΡΠ°, Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π²Π½Π΅ΡΡΠΈ ΠΈΡ Π² ΡΠ°ΠΉΠ» style.css, ΠΈ ΠΎΠ½ΠΈ ΠΎΡΠΎΠ±ΡΠ°Π·ΡΡΡΡ Π½Π° Π²ΡΠ΅Ρ ΡΡΡΠ°Π½ΠΈΡΠ°Ρ .
ΠΡΠ°ΠΊ, Π² Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΠΈ ΡΠ°ΠΉΡΠ° ΡΠΎΠ·Π΄Π°ΡΠΌ Π΅ΡΡ ΠΎΠ΄Π½Ρ ΠΏΠ°ΠΏΠΊΡ, ΠΈ Π½Π°Π·ΡΠ²Π°Π΅ΠΌ Π΅Ρ css.
ΠΠ°ΡΠ΅ΠΌ Π²ΠΎΠ·Π²ΡΠ°ΡΠ°Π΅ΠΌΡΡ Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡ, ΠΎΡΠΊΡΡΠ²Π°Π΅ΠΌ Π½ΠΎΠ²ΡΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ (ΠΏΠ΅ΡΠ²Π°Ρ ΠΈΠΊΠΎΠ½ΠΊΠ° ΠΏΠ°Π½Π΅Π»ΠΈ), ΠΊΠΎΠΏΠΈΡΡΠ΅ΠΌ ΠΈ Π²ΡΡΠ°Π²Π»ΡΠ΅ΠΌ Π² Π½Π΅Π³ΠΎ ΡΡΡΠΎΠΊΠΈ 8 β 80 ΠΈ 90 β 116.
ΠΡΠΎΠΏΡΡΠΊΠ°Π΅ΠΌ ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠΈΠ»ΠΈ ΠΎΡΠΎΡΠΌΠ»ΡΡΡΠΈΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π² ΡΠ΅ΠΊΡΡΠ΅, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Ρ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΠΎΠ΄Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ.
Π£Π±ΠΈΡΠ°Π΅ΠΌ ΠΌΠΎΡ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ, ΠΈ ΡΠΎΡ ΡΠ°Π½ΡΠ΅ΠΌ ΡΡΠΎΡ Π½ΠΎΠ²ΡΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ Π²ΠΎ Π²Π½ΠΎΠ²Ρ ΡΠΎΠ·Π΄Π°Π½Π½ΡΡ ΠΏΠ°ΠΏΠΊΡ css, ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ style.css.
ΠΠ°Π»Π΅Π΅ ΠΎΡΠΊΡΠΎΠ΅ΠΌ ΡΠ°ΠΉΠ» index.html, ΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠΈΠΌ ΠΊ Π½Π΅ΠΌΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ, ΡΠΎ Π΅ΡΡΡ ΡΠ°ΠΉΠ» style.css.
ΠΠΎΡΠ»Π΅ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΌΠ°Π½ΠΈΠΏΡΠ»ΡΡΠΈΠΈ Ρ ΠΊΠΎΠ΄ΠΎΠΌ Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅, Π½Π΅ Π·Π°Π±ΡΠ²Π°ΠΉΡΠ΅ ΡΠΎΡ ΡΠ°Π½ΠΈΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ (ΡΡΠ΅ΡΡΡ ΠΈΠΊΠΎΠ½ΠΊΠ° ΡΠ»Π΅Π²Π°). ΠΡΠΈ ΡΡΠΎΠΌ ΠΈΠΊΠΎΠ½ΠΊΠ° ΡΠ°ΠΉΠ»Π° Π΄ΠΎΠ»ΠΆΠ½Π° ΠΈΠ· ΠΊΡΠ°ΡΠ½ΠΎΠΉ ΡΡΠ°ΡΡ ΡΠΈΠ½Π΅ΠΉ.
ΠΠ°Π»Π΅Π΅ ΠΏΡΠΎΡ ΠΎΠ΄ΠΈΠΌ Π² ΠΌΠ΅Π½Ρ «ΠΠ°ΠΏΡΡΠΊ», Π²ΡΠ±ΠΈΡΠ°Π΅ΠΌ ΡΠ²ΠΎΠΉ Π±ΡΠ°ΡΠ·Π΅Ρ, ΠΈ ΠΏΠΎΡΠΌΠΎΡΡΠΈΠΌ, ΡΡΠΎ ΠΎΠ½ Π½Π°ΠΌ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ. ΠΡΠ»ΠΈ Π½Π΅ ΡΠ΄Π΅Π»Π°Π»ΠΈ ΠΎΡΠΈΠ±ΠΎΠΊ ΠΏΡΠΈ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ, ΡΠΎ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ°, ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Π½Π°Ρ Π² Π½Π°ΡΠ°Π»Π΅ ΡΡΠ°ΡΡΠΈ.
Π‘Π»Π΅Π΄ΡΡΡΠΈΠΌ ΡΠ°Π³ΠΎΠΌ ΡΠ°Π·Π±Π΅ΡΡΠΌΡΡ Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ. Π£ ΠΌΠ΅Π½Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π·Π°Π³ΡΡΠΆΠ΅Π½Ρ ΡΠ΅ΡΠ΅Π· ΡΠ΅ΡΠ²ΠΈΡ trueimages, ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ± ΡΡΡΠ°Π½ΠΈΡΠ° ΠΎΡΠΊΡΡΠ»Π°ΡΡ Ρ ΠΠ°Ρ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅.
ΠΠ°ΠΌ ΠΆΠ΅ Π½ΡΠΆΠ½Ρ Π±ΡΠ΄ΡΡ ΡΠ²ΠΎΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΈ ΠΈΡ Π½ΡΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ, ΠΈΠ»ΠΈ Π½Π°ΠΉΡΠΈ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅.
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ Π΄Π»Ρ ΡΠ°ΠΏΠΊΠΈ ΡΠ°ΠΉΡΠ° Π² Paint ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π² ΠΎΠ΄Π½ΠΎΠΈΠΌΡΠ½Π½ΠΎΠΉ ΡΡΠ°ΡΡΠ΅. ΠΡΠ»ΠΈ-ΠΆΠ΅ Ρ ΠΠ°Ρ Π΅ΡΡΡ ΡΠΎΡΠΎΡΠΎΠΏ, ΡΠΎ Π²ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π»ΡΡΡΠ΅ Π΄Π΅Π»Π°ΡΡ Π² Π½ΡΠΌ.
ΠΡΠ΅ ΡΠ΄Π΅Π»Π°Π½Π½ΡΠ΅, ΠΈΠ»ΠΈ Π½Π°ΠΉΠ΄Π΅Π½Π½ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, Π½ΡΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ Π² ΠΏΠ°ΠΏΠΊΡ images Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΠΈ ΡΠ°ΠΉΡΠ°.
ΠΠ΅ΡΠ²ΡΠΌ Π΄Π΅Π»ΠΎΠΌ ΠΏΠΎΠΌΠ΅Π½ΡΠ΅ΠΌ ΡΠ°ΠΏΠΊΡ ΡΠ°ΠΉΡΠ°. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π² ΡΠ°ΠΉΠ»Π΅ index.html ΡΠ΄Π°Π»ΠΈΠΌ ΡΠ΅Π³ c ΠΌΠΎΠ΅ΠΉ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΎΠΉ (ΡΡΡΠΎΠΊΠ° 124)
ΠΠ°ΡΠ΅ΠΌ Π² ΡΠ°ΠΉΠ»Π΅ style.css ΡΠ΄Π°Π»ΠΈΠΌ ΡΠ΅Π»Π΅ΠΊΡΠΎΡ img.
ΠΠ°Π»Π΅Π΅, Π² ΡΠ΅Π»Π΅ΠΊΡΠΎΡΠ΅ #header ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°Π΅ΠΌ ΡΠΆΠ΅ ΠΠ°ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ
Π ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅ ΡΡΠΎ Π±ΡΠ΄Π΅Ρ ΡΠΌΠΎΡΡΠ΅ΡΡΡΡ ΡΠ°ΠΊ
ΠΠ²ΠΎΠ΅ΡΠΎΡΠΈΠ΅ Π² Π½Π°ΡΠ°Π»Π΅ Π°Π΄ΡΠ΅ΡΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΡΠ°Π²ΠΈΡΡΡΡ ΡΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π° ΡΠ΅Π»Π΅ΠΊΡΠΎΡ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π² Π² ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠΌ css ΡΠ°ΠΉΠ»Π΅. ΠΡΠ»ΠΈ ΡΡΠΈΠ»ΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½Ρ Π² html ΡΠ°ΠΉΠ»Π΅, Π΄Π²ΠΎΠ΅ΡΠΎΡΠΈΠ΅ Π² Π½Π°ΡΠ°Π»Π΅ Π°Π΄ΡΠ΅ΡΠ° Π½Π΅ ΡΡΠ°Π²ΠΈΡΡΡ.
ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ ΡΠ°Π·ΠΌΠ΅Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡΠ΅Π²ΡΡΠ°ΡΡ ΡΠ°Π·ΠΌΠ΅Ρ Π±Π»ΠΎΠΊΠ° header. ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΡΡΡ ΠΎΠ½ ΡΠ°ΠΊ: ΡΡΠ»ΠΊΠ½ΠΈΡΠ΅ ΠΏΠΎ ΡΠ°ΠΉΠ»Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠ»Π°Π²ΠΈΡΠ΅ΠΉ, Π² ΠΏΠΎΡΠ²ΠΈΠ²ΡΠ΅ΠΌΡΡ ΠΌΠ΅Π½Ρ Π²ΡΠ±ΠΈΡΠ°Π΅ΡΠ΅ «Π‘Π²ΠΎΠΉΡΡΠ²Π°», ΠΈ Π·Π°ΡΠ΅ΠΌ, «ΠΠΎΠ΄ΡΠΎΠ±Π½ΠΎ», ΡΠ°ΠΌ ΠΈ Π±ΡΠ΄ΡΡ ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ ΡΠ°Π·ΠΌΠ΅ΡΡ.
Π’Π΅ΠΏΠ΅ΡΡ, Π΅ΡΠ»ΠΈ ΠΏΡΠΎΠΉΡΠΈ Π² ΠΌΠ΅Π½Ρ «ΠΠ°ΠΏΡΡΠΊ», ΠΈ ΠΎΡΠΊΡΡΡΡ index.html, ΡΠΎ ΠΎΡΠΊΡΠΎΠ΅ΡΡΡ ΡΡΡΠ°Π½ΠΈΡΠ° Ρ ΠΠ°ΡΠΈΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π² ΡΠ°ΠΏΠΊΠ΅ ΡΠ°ΠΉΡΠ°.
ΠΠ΅Π½ΡΠ΅ΠΌ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ (ΡΡΡΠΎΠΊΠΈ 128,129,130,135,141) Π ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅ΠΉ, Π² Π½ΠΈΡ Π½ΡΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π°Π΄ΡΠ΅ΡΠ°. Π£Π΄Π°Π»ΠΈΡΡ Π°Π΄ΡΠ΅ΡΠ° ΠΌΠΎΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΠΈ Π²ΡΡΠ°Π²ΠΈΡΡ Π°Π΄ΡΠ΅ΡΠ° ΠΠ°ΡΠΈΡ .
ΠΠΎΡΠ»Π΅ ΡΠ΅Π³ΠΎ ΠΎΠ½ΠΈ ΠΏΡΠΈΠΎΠ±ΡΠ΅ΡΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ°ΠΊΠΎΠΉ Π²ΠΈΠ΄. ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Ρ ΠΌΠ΅Π½Ρ i2.png, Π° Ρ ΠΠ°Ρ Π±ΡΠ΄Π΅Ρ ΡΠ²ΠΎΡ.
ΠΡ Π²ΠΎΡ, ΠΎΡΡΠ°Π»ΠΎΡΡ Π½Π°ΠΏΠΈΡΠ°ΡΡ ΡΠ²ΠΎΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, ΠΎΡΠΎΡΠΌΠΈΡΡ ΠΈ ΠΏΠΎΠ΄Π²ΠΈΠ½ΡΡΡ ΠΈΡ ΡΡΠ΄Π° ΠΊΡΠ΄Π° ΠΠ°ΠΌ Π½ΡΠΆΠ½ΠΎ(ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠΊΠ°Π·Π°Π½ΠΎ Π² ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΡΡ ΠΊ ΠΊΠΎΠ΄Ρ), Π½Π°ΠΏΠΈΡΠ°ΡΡ ΡΠ²ΠΎΠΉ ΡΠ΅ΠΊΡΡ, ΠΈ Π³Π»Π°Π²Π½Π°Ρ ΡΡΡΠ°Π½ΠΈΡΠ° ΠΠ°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ° Π³ΠΎΡΠΎΠ²Π°!
ΠΡΠ»ΠΈ ΠΠ°ΠΌ Π·Π°Ρ ΠΎΡΠ΅ΡΡΡ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠ°ΠΉΠ΄Π±Π°ΡΠ°, ΠΈΠ»ΠΈ ΡΠ΄Π΅Π»Π°ΡΡ Π΄Π²Π° ΡΠ°ΠΉΠ΄Π±Π°ΡΠ°, ΡΠΎ ΠΊΠΎΠ΄ ΡΠ°ΠΊΠΈΡ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ² ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ Π² ΡΡΠ°ΡΡΠ΅ ΠΠ°ΡΠΊΠ°Ρ ΡΠ°ΠΉΡΠ°. ΠΡΠΎΡΠΌΠΎΡΡΠ΅Π² ΠΈΡ , ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π² ΠΊΠΎΠ΄Π΅, ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Π½ΠΎΠΌ Π² ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅, ΠΈ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΆΠ΅Π»Π°Π΅ΠΌΡΠΉ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ.
ΠΡΠ°ΠΊ Π³Π»Π°Π²Π½Π°Ρ ΡΡΡΠ°Π½ΠΈΡΠ° ΡΠ°ΠΉΡΠ° Π³ΠΎΡΠΎΠ²Π°, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΡΡΡΠΏΠ°ΡΡ ΠΊ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΡΠ±ΡΠΈΠΊ ΠΈ ΡΡΡΠ°Π½ΠΈΡ. Π― ΠΏΠΎΠΊΠ°ΠΆΡ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡΡΡ ΠΎΠ΄Π½Π° ΡΡΠ±ΡΠΈΠΊΠ°, ΠΈ Π² Π½Π΅ΠΉ ΠΎΠ΄Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ°, Π° ΡΠΆ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ ΠΡ, ΡΠΎΡΠ½ΠΎ ΡΠ°ΠΊ ΠΆΠ΅, ΡΠ΄Π΅Π»Π°Π΅ΡΠ΅ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ.
Π Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΠΈ ΡΠ°ΠΉΡΠ° Ρ Π½Π°Ρ Π΅ΡΡΡ ΠΏΠ°ΠΏΠΊΠ° content. ΠΡΠΊΡΡΠ²Π°Π΅ΠΌ Π΅Ρ ΠΈ ΡΠΎΠ·Π΄Π°ΡΠΌ Π΅ΡΡ ΠΎΠ΄Π½Ρ ΠΏΠ°ΠΏΠΊΡ β rubrica1(Ρ ΠΠ°Ρ ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΡΠ²ΠΎΡ Π½Π°Π·Π²Π°Π½ΠΈΠ΅). Π ΡΡΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ ΡΠΎΠ·Π΄Π°ΡΠΌ Π΅ΡΡ Π΄Π²Π΅ ΠΏΠ°ΠΏΠΊΠΈ β css ΠΈ images.
Π ΠΏΠ°ΠΏΠΊΡ css ΠΏΠΎΠΌΠ΅ΡΠ°Π΅ΠΌ ΡΠ°ΠΉΠ» style.css, Π° Π² ΠΏΠ°ΠΏΠΊΡ images, Π²ΠΎ ΠΏΠ΅ΡΠ²ΡΡ β ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ (Π² ΠΌΠΎΡΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΡΠΎ ΡΠ°ΠΏΠΊΠ° ΡΠ°ΠΉΡΠ° ΠΈ ΠΌΠ°ΡΠΊΠ΅ΡΡ ΠΌΠ΅Π½Ρ), ΠΈ Π²ΠΎ Π²ΡΠΎΡΡΡ , ΠΡ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΠ΅ ΡΡΠ΄Π° Π²ΡΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠΌΠΈ Π±ΡΠ΄Π΅ΡΠ΅ ΠΎΡΠΎΡΠΌΠ»ΡΡΡ ΡΡΠ°ΡΡΠΈ ΡΡΠΎΠΉ ΡΡΠ±ΡΠΈΠΊΠΈ.
Π’Π΅ΠΏΠ΅ΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠ»ΠΈ ΡΡΠ°ΡΡΡ. ΠΡΠΊΡΡΠ²Π°Π΅ΠΌ Π² Notepad++ ΡΠ°ΠΉΠ» index.html, ΠΊΠΎΠΏΠΈΡΡΠ΅ΠΌ Π΅Π³ΠΎ, Π·Π°ΡΠ΅ΠΌ ΠΎΡΠΊΡΡΠ²Π°Π΅ΠΌ Β«ΠΠΎΠ²ΡΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΒ», ΠΈ Π²ΡΡΠ°Π²Π»ΡΠ΅ΠΌ Π² Π½Π΅Π³ΠΎ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ°ΠΉΠ».
Π£Π±ΠΈΡΠ°Π΅ΠΌ ΠΈΠ· ΡΡΠΎΠ³ΠΎ ΡΠ°ΠΉΠ»Π° ΡΠ΅ΠΊΡΡ, Π²ΠΌΠ΅ΡΡΠ΅ Ρ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΡΠΌΠΈ Π² Π½ΡΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ, ΠΈ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΡΠ΅ ΡΡΠΈΠ»ΠΈ. ΠΡΡΠ°ΡΡΡΡ ΡΠΈΡΡΠ°Ρ ΡΡΡΠ°Π½ΠΈΡΠ° ΠΠ°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ°.
Π‘ΠΎΡ ΡΠ°Π½ΡΠ΅ΠΌ Π΅Ρ Π² ΠΏΠ°ΠΏΠΊΡ rubrica1 ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ: Β«ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡΠ°ΡΡΠΈ.htmlΒ». ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡΠ°ΡΡΠΈ Π² Π½Π°Π·Π²Π°Π½ΠΈΠΈ ΡΠ°ΠΉΠ»Π° ΠΏΠΈΡΠ΅ΡΡΡ Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΈΠΌΠΈ Π±ΡΠΊΠ²Π°ΠΌΠΈ.
ΠΠΎΠΆΠ½ΠΎ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ΅ΠΊΡΡΠΎΠΌ, ΠΈ ΡΠΊΡΠ°ΡΠΈΡΡ Π΅Π³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ. Π’ΠΎΡΠ½ΠΎ ΡΠ°ΠΊ-ΠΆΠ΅ ΡΠΎΠ·Π΄Π°ΡΡΡΡ Π²ΡΠ΅ ΡΡΠ°ΡΡΠΈ ΡΡΠΎΠΉ ΡΡΠ±ΡΠΈΠΊΠΈ. ΠΠ°ΡΠ΅ΠΌ Π΄Π΅Π»Π°Π΅ΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠ°Ρ ΡΡΠ±ΡΠΈΠΊΠ° ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅.
ΠΡΡΡΠ΅ Π·Π°ΡΠ°Π½Π΅Π΅ ΠΏΡΠΈΠΊΠΈΠ½ΡΡΡ, ΠΊΠ°ΠΊΠΈΠ΅ ΡΡΠ±ΡΠΈΠΊΠΈ Π±ΡΠ΄ΡΡ Π² ΠΠ°ΡΠ΅ΠΌ ΡΠ°ΠΉΡΠ΅, ΡΠΎΠ·Π΄Π°ΡΡ ΠΈΡ , Π° ΠΏΠΎΡΠΎΠΌ Π·Π°ΠΏΠΎΠ»Π½ΡΡΡ ΡΡΠ°ΡΡΡΠΌΠΈ. ΠΡΠΎΡΠ΅ ΠΏΠΎΡΠΎΠΌ Π±ΡΠ΄Π΅Ρ Π΄Π΅Π»Π°ΡΡ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ.
ΠΠΎΡ ΠΌΡ ΠΈ ΠΏΠΎΠ΄ΠΎΡΠ»ΠΈ ΠΊ ΡΠ°ΠΌΠΎΠΉ, ΠΏΠΎ ΠΌΠΎΠ΅ΠΌΡ, ΡΡΡΠ΄ΠΎΠ΅ΠΌΠΊΠΎΠΉ ΠΈ Π½ΡΠ΄Π½ΠΎΠΉ ΡΠ°Π·Π΅ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°ΠΉΡΠ° β Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ. ΠΠ»ΠΈ ΠΌΠ΅Π½Ρ.
ΠΠΎΡΠ΅ΠΌΡ ΡΡΡΠ΄ΠΎΡΠΌΠΊΠ°Ρ? ΠΠΎΡΠΎΠΌΡ, ΡΡΠΎ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅, ΠΈ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΠ±ΡΠΈΠΊΠ΅ ΡΠ°ΠΉΡΠ°, Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ ΡΡΡΠ»ΠΊΠ° Π½Π° Π²ΡΠ΅ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ ΡΡΠ±ΡΠΈΠΊΠΈ, ΠΈΠ»ΠΈ ΡΡΠΎ-ΡΠΎ Π²ΡΠΎΠ΄Π΅ ΡΡΠΎΠ³ΠΎ. ΠΠ°Π²ΠΈΡΠΈΡ ΠΎΡ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊΡΡ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ Π΄Π»Ρ ΡΠ°ΠΉΡΠ° ΠΡ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΠ΅.
ΠΠΎΠΆΠ½ΠΎ Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ Π½Π° Π²ΡΠ΅ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅, ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ΅Π½Ρ Β«Π ΡΠ±ΡΠΈΠΊΠΈΒ», Π° ΡΠΆ ΠΈΠ· ΡΡΠ±ΡΠΈΠΊ β ΠΌΠ΅Π½Ρ ΠΏΠΎ ΡΡΡΠ°Π½ΠΈΡΠ°ΠΌ. Π Π΅ΡΠ»ΠΈ ΡΡΠΈΡ ΡΡΡΠ°Π½ΠΈΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΎΡΠ΅Π½?
ΠΠ° ΠΏΡΠΈΠΌΠ΅ΡΠ΅ Ρ ΠΏΠΎΠΊΠ°ΠΆΡ, ΠΊΠ°ΠΊ Π΄Π΅Π»Π°Π΅ΡΡΡ ΠΌΠ΅Π½Ρ, Π½ΠΎ Π΄Π΅Π»Π°ΡΡ Π΅Π³ΠΎ Π½ΡΠΆΠ½ΠΎ ΠΏΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΡΠ°ΠΉΡ Π±ΡΠ΄Π΅Ρ Π²ΡΠ»ΠΎΠΆΠ΅Π½ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ Π°Π΄ΡΠ΅ΡΠ° ΡΡΡΠ°Π½ΠΈΡ Π½Π° Ρ ΠΎΡΡΠΈΠ½Π³Π΅ Π±ΡΠ΄ΡΡ Π΄ΡΡΠ³ΠΈΠΌΠΈ, Π½Π΅ΠΆΠ΅Π»ΠΈ Π°Π΄ΡΠ΅ΡΠ° ΡΡΡΠ°Π½ΠΈΡ ΡΠ°ΠΉΡΠ°, ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ Π½Π° ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ΅.
ΠΡΠ°ΠΊ, ΠΌΠ΅Π½Ρ Π΄Π΅Π»Π°Π΅ΡΡΡ Π² ΠΎΠ±ΡΠ΅ΠΌ-ΡΠΎ ΠΏΡΠΎΡΡΠΎ. ΠΡΠΆΠ½ΠΎ, Π»ΠΈΡΡ, Π² ΡΡΡΠΎΠΊΡ ΠΌΠ΅Π½Ρ, Π²ΡΡΠ°Π²ΠΈΡΡ ΡΡΡΠ»ΠΊΡ Π½Π° Π΄ΡΡΠ³ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ
Π’Π°ΠΊ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅, ΠΏΠΎΡΠ»Π΅ ΡΠ΅Π³ΠΎ Π½Π°ΡΠ΅ ΠΌΠ΅Π½Ρ ΡΡΠ°Π½Π΅Ρ Π°ΠΊΡΠΈΠ²Π½ΡΠΌ.
ΠΡ Π²ΠΎΡ Π²ΡΠΎΠ΄Π΅ Π±Ρ, Π² ΠΎΠ±ΡΠ΅ΠΌ, Π²ΡΡ. ΠΡΡΠ°Π»ΠΎΡΡ Π²ΡΠ»ΠΎΠΆΠΈΡΡ Π½Π°ΡΠ΅ Π΄Π΅ΡΠΈΡΠ΅ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ. ΠΠ°ΠΊ ΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠΈΡΠ°ΠΉΡΠ΅ Π² ΡΡΠ°ΡΡΠ΅ Π¨Π°Π±Π»ΠΎΠ½ ΡΠ°ΠΉΡΠ° Π½Π° ΡΠΈΡΡΠΎΠΌ HTML.
Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Ρ ΠΎΡΡΠΈΠ½Π³ ΠΏΡΠΎΠ²Π°ΠΉΠ΄Π΅ΡΠ° ΠΎΡΠ΅Π½Ρ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΡ ΠΠ΅Π³Π΅Ρ
ΠΠΎΡΠΎΠ²ΡΠΉ ΠΊΠΎΠ΄ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ Π½Π°Π²ΠΎΡΠΎΡΠΎΠ² Π΄Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ° Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΠΉΡΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΡΠ΅ ΡΠΊΡΠΈΠΏΡΡ ΠΈ CSS ΡΡΡΠ΅ΠΊΡΡ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°
ΠΠ΅Π»Π°Ρ ΡΠ²ΠΎΡΡΠ΅ΡΠΊΠΈΡ ΡΡΠΏΠ΅Ρ ΠΎΠ².













