Π’ΠΠ 10 Π»ΡΡΡΠΈΡ HTML ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ²
- Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ HTML?
- WYSIWYG ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ
- Π’Π΅ΠΊΡΡΠΎΠ²ΡΠ΅ HTML ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ
- ΠΡΡΡΠΈΠ΅ HTML ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ
- ΠΡΠ²ΠΎΠ΄
Β
ΠΡΠ»ΠΈ ΡΠΏΡΠΎΡΡΠΈΡΡ ΠΎΡΠ²Π΅Ρ Π½Π° Π·Π°ΡΠ²Π»Π΅Π½Π½ΡΠΉ Π²ΠΎΠΏΡΠΎΡ β ΡΠ΅Π΄Π°ΠΊΡΠΎΡ HTML ΡΡΠΎ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ°-ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΠ°Ρ Π΄Π»Ρ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ ΠΎΡΠ½ΠΎΠ²Ρ Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ². Π, Π½Π΅ΡΠΌΠΎΡΡΡ Π½Π° ΡΠΎ, ΡΡΠΎ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π»ΡΠ±ΠΎΠΉ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΠΌΠΎΠΆΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°ΠΉΡΠΎΠ², ΡΡΠΎ Π²ΠΎΠ²ΡΠ΅ Π½Π΅ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ Π²Π°ΠΌ Π»ΡΡΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΎΠ±ΡΡΠ½ΡΠΉ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Π²ΠΌΠ΅ΡΡΠΎ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ° ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°. Π‘ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ HTML ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ ΠΈΠΌΠ΅ΡΡ Π² ΡΠ΅Π±Π΅ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΡ ΠΌΠ΅Ρ Π°Π½ΠΈΠ·ΠΌΠΎΠ², ΡΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ ΡΠΏΡΠΎΡΠ°ΡΡΠΈΡ ΡΠ°Π±ΠΎΡΡ Ρ ΡΠ°ΠΉΡΠ°ΠΌΠΈ. ΠΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΡ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΡ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΠΉ, ΠΏΡΠΎΠ²Π΅ΡΠΊΠ° ΠΎΡΠΈΠ±ΠΎΠΊ, ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° ΠΈ Π²ΡΡΠ°Π²ΠΊΠ° ΡΠ°ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΊΠΎΠ΄Π° HTML, ΠΌΠ΅Ρ Π°Π½ΠΈΠ·ΠΌΡ Π°Π²ΡΠΎΠ·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ β ΡΡΠΈ ΠΈ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π΄ΡΡΠ³ΠΈΠ΅ ΠΌΠ΅Ρ Π°Π½ΠΈΠ·ΠΌΡ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ HTML ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² ΠΊΠ°ΠΆΠ΄ΡΠΉ Π΄Π΅Π½Ρ ΠΎΠ±Π»Π΅Π³ΡΠ°ΡΡ ΡΠ°Π±ΠΎΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠΎΠ², Π²Π΅ΡΡΡΠ°Π»ΡΡΠΈΠΊΠΎΠ² ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ².
ΠΠ΄Π½Π°ΠΊΠΎ, ΡΠ΅Π΄Π°ΠΊΡΠΎΡ HTML ΡΡΠΎ Π²ΠΎΠ²ΡΠ΅ Π½Π΅ ΠΎΠ΄Π½Π° ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° β ΡΡΠΎ Π³ΡΡΠΏΠΏΠ° ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌ, ΠΊΠ°ΠΆΠ΄Π°Ρ ΠΈΠ· ΠΊΠΎΡΠΎΡΡΡ
ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ ΡΠ²ΠΎΠΈΠΌ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΠΎΠΌ, ΠΈΠΌΠ΅Π΅Ρ ΡΠ²ΠΎΠΈ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ, ΡΠ²ΠΎΠΉ Π½Π°Π±ΠΎΡ ΠΏΠ»ΡΡΠΎΠ² ΠΈ ΠΌΠΈΠ½ΡΡΠΎΠ². ΠΠ°Π΄Π°ΡΠ° ΡΠ°ΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ° ΠΊΠ°ΠΊ HTML ΡΠ΅Π΄Π°ΠΊΡΠΎΡ β ΡΠΌΠ΅Π½ΡΡΠΈΡΡ Π·Π°ΡΡΠ°ΡΠ΅Π½Π½ΡΠ΅ Π²Π°ΠΌΠΈ ΡΡΠΈΠ»ΠΈΡ Π½Π° ΡΠΎ, ΡΡΠΎΠ±Ρ Π²Π°Ρ ΠΊΠΎΠ΄ ΠΎΡΡΠ°Π²Π°Π»ΡΡ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΌ ΠΈ ΡΠΈΡΡΡΠΌ.
ΠΠ°ΠΊΠΈΠ΅ ΠΆΠ΅ Π±ΡΠ²Π°ΡΡ HTML ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ? ΠΠ»Π°ΡΡΠΈΡΠΈΡΠΈΡΡΡ ΠΈΡ ΠΏΠΎ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΠΌΡ Π½Π°Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΠΈ ΠΏΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΠΌ Π²ΡΠ΄Π΅Π»ΡΡΡ: WYSIWYG ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ ΠΈ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ HTML.
Β
WYSIWYG (What You See Is What You Get) β Π°Π±Π±ΡΠ΅Π²ΠΈΠ°ΡΡΡΠ° ΡΡΠΎΠ³ΠΎ ΡΠΈΠΏΠ° ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄ΠΈΡΡΡ ΠΊΠ°ΠΊ Β«ΡΡΠΎ Π²ΠΈΠ΄ΠΈΡΡ, ΡΠΎ ΠΈ ΠΏΠΎΠ»ΡΡΠΈΡΡΒ». ΠΡΡΠ³ΠΎΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΠ°ΠΊΠΈΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² β Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ HTML. Π€Π°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ, Π·Π°Π΄Π°ΡΠ° ΡΡΠΎΠ³ΠΎ ΡΠΈΠΏΠ° ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² β ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡΡΠ°Π·Ρ ΡΠ²ΠΈΠ΄Π΅ΡΡ, ΠΊΠ°ΠΊ Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ ΠΊΠΎΠ΄Π° Π½Π° Π΄Π΅ΠΉΡΡΠ²ΡΡΡΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ ΡΠ°ΠΉΡΠ° Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅. ΠΠ»Ρ ΠΏΡΠΎΡΡΠ΅ΠΉΡΠ΅ΠΉ ΡΠ°Π±ΠΎΡΡ Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅ ΡΡΠΎΠ³ΠΎ ΡΠΈΠΏΠ° Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π·Π½Π°Π½ΠΈΠ΅ HTML. Π‘ ΡΠ°Π±ΠΎΡΡ Π² ΡΠ°ΠΊΠΎΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅ ΠΏΡΠΎΡΠ΅ ΡΡΠ°ΡΡΠΎΠ²Π°ΡΡ Π½Π°ΡΠΈΠ½Π°ΡΡΠ΅ΠΌΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, Π½Π΅ ΠΈΠΌΠ΅ΡΡΠ΅ΠΌΡ ΠΎΠΏΡΡΠ° Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ ΠΊΠΎΠ΄Π°.
Π’Π°ΠΊΠΎΠΉ ΡΠΈΠΏ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² ΡΠ°ΡΡΠΎ Π²ΡΡΡΠ°ΠΈΠ²Π°ΡΡ Π² Π²Π΅Π± ΡΠ°ΠΉΡΡ, Π΄Π»Ρ ΡΠΏΡΠΎΡΠ΅Π½ΠΈΡ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ Π²Π½Π΅ΡΠ½Π΅Π³ΠΎ Π²ΠΈΠ΄Π° ΡΠ°ΠΉΡΠ° ΠΏΠΎ Π½Π΅ΠΊΠΎΡΠΎΡΡΠΌ Π·Π°ΡΠ°Π½Π΅Π΅ Π½Π°ΠΏΠΈΡΠ°Π½Π½ΡΠΌ ΡΠ°Π±Π»ΠΎΠ½Π°ΠΌ ΠΈΠ»ΠΈ Π΄Π»Ρ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Β ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° ΡΠ°ΠΉΡΠ°.
Β
Π‘ΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎ, ΠΊΠ°ΠΊ ΠΏΠΎΠ½ΡΡΠ½ΠΎ ΠΈΠ· Π½Π°Π·Π²Π°Π½ΠΈΡ, ΡΡΠΎΡ ΡΠΈΠΏ HTMLΒ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ Π½Π° ΡΠ°Π±ΠΎΡΡ Ρ ΡΠ΅ΠΊΡΡΠΎΠΌ (ΠΊΠΎΠ΄ΠΎΠΌ). Π§ΡΠΎΠ±Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°ΠΊΠΎΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ, Π²Π°ΠΌ Π½ΡΠΆΠ½Ρ Π±ΡΠ΄ΡΡ Π·Π½Π°Π½ΠΈΡ ΠΊΠ°ΠΊ ΠΌΠΈΠ½ΠΈΠΌΡΠΌ ΡΠ·ΡΠΊΠ° HTML. Π ΠΏΡΠΎΡΠ΅ΡΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ°ΠΊΠΎΠ³ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° Π²Ρ Π½Π΅ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ Π½Π°Π±Π»ΡΠ΄Π°ΡΡ Π³ΠΎΡΠΎΠ²ΡΡ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Π΅ΠΌΠΎΠ³ΠΎ Π²Π°ΠΌΠΈ Π²Π΅Π±ΡΠ°ΠΉΡΠ°.
ΠΠ΄Π½Π°ΠΊΠΎ, ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ³ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° Π΄Π°Π΅Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΡ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π±ΠΎΠ»ΡΡΠ΅ ΡΠ²ΠΎΠ±ΠΎΠ΄Ρ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ ΠΊΠΎΠ΄Π° ΠΈ Π΄Ρ.
Β
ΠΡ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π»ΠΈ, ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅ HTMLΒ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΡΠΎΠ³ΠΎ, ΠΊΠΎΠ³Π΄Π° ΡΠΎΡ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ ΡΠΈΠΏΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² ΠΌΠΎΠ³ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ. Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΡ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ² Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ, ΠΈ ΠΏΠΎΠΏΡΠΎΠ±ΡΠ΅ΠΌ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ, ΠΊΠ°ΠΊΠΎΠΉ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Π±ΠΎΠ»ΡΡΠ΅ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ Π²Π°ΠΌ Π΄Π»Ρ ΡΠ΅ΡΠ΅Π½ΠΈΡ Π²Π°ΡΠΈΡ Π·Π°Π΄Π°Ρ.
ΠΡΠ±ΠΎΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ° ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ β Π²ΠΎΠΏΡΠΎΡ Π²ΠΊΡΡΠ°. ΠΠ°ΠΆΠ΄ΡΠΉ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ Π΄Π΅Π»Π°Π΅Ρ ΡΡΠΎΡ Π²ΡΠ±ΠΎΡ, ΠΈΡΡ
ΠΎΠ΄Ρ ΠΈΠ· ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΡ
ΠΏΡΠ΅Π΄ΠΏΠΎΡΡΠ΅Π½ΠΈΠΉ, ΠΈΠ· ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΎΠ½ Π±ΡΠ΄Π΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ HTML ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠΌ. ΠΠ΄Π½Π°ΠΊΠΎ, Π΅ΡΡΡ ΡΡΠ΄ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² ΠΊΠΎΠ΄Π°, ΠΊΠΎΡΠΎΡΡΠ΅ Π²ΡΠ±ΠΈΡΠ°ΡΡΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌΠΈ ΡΠ°ΡΠ΅ Π²ΡΠ΅Π³ΠΎ.
Stack Overflow Π΅ΠΆΠ΅Π³ΠΎΠ΄Π½ΠΎ ΡΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠ΅ΠΉΡΠΈΠ½Π³ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΡΠ°ΡΡΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΠΌΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ². Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΡ ΡΡΠΎΠ³ΠΎ ΠΎΠΏΡΠΎΡΠ° ΡΡΠ΅Π΄ΠΈ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² Π·Π° 2018 Π³ΠΎΠ΄.
Β
Β
ΠΡΠΏΡΡΠ΅Π½Π½ΡΠΉ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠ΅ΠΉ Microsoft Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΠΊΠΎΠ΄Π° Atom, Visual Studio Code ΠΈΠΌΠ΅Π΅Ρ ΡΠ°ΡΡΡ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»Π° IDE (Integrated development environment) — ΠΈΠ½ΡΠ΅Π³ΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠΉ ΡΡΠ΅Π΄Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ β ΠΌΠΎΡΠ½ΠΎΠΉ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠ΅ΠΉ, ΠΊΡΠΎΠΌΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ³ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° ΠΊΠΎΠ΄Π°, Π΅ΡΠ΅ ΡΡΠ΄ ΠΌΠ΅Ρ
Π°Π½ΠΈΠ·ΠΌΠΎΠ², ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΡ
ΠΏΡΠΎΠ²ΠΎΠ΄ΠΈΡΡ Π°Π½Π°Π»ΠΈΠ· ΠΊΠΎΠ΄Π°, Π·Π°ΠΏΡΡΠΊ Π΅Π³ΠΎ ΠΈ ΠΎΡΠ»Π°Π΄ΠΊΡ. Π§Π°ΡΡΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΡΠΎΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ, ΠΊΠΎΠ³Π΄Π° Π³ΠΎΠ²ΠΎΡΡΡ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π» Π΄ΠΎΠ»ΠΆΠ½Π° ΠΈΠΌΠ΅ΡΡ IDE Π΄Π»Ρ web ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ. ΠΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ
ΡΠ΅ΠΉΡΠΈΠ½Π³Π°Ρ
Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΡ
HTML ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² ΠΈΠΌΠ΅Π½Π½ΠΎ Visual Studio Code Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ ΠΏΠ΅ΡΠ²ΠΎΠ΅ ΠΌΠ΅ΡΡΠΎ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌΠΈ Π²ΡΠ΅ ΡΠ°ΡΠ΅, ΠΈ ΡΠ°ΡΠ΅. Π’Π°ΠΊ, ΠΊ ΠΏΡΠΈΠΌΠ΅ΡΡ, ΠΏΠΎ Π΄Π°Π½Π½ΡΠΌ Stack Overflow, ΡΡΠΎΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Π² 2017 Π³ΠΎΠ΄Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈ 24% Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ²,Β Π° Π² 2018 Π³ΠΎΠ΄Ρ β ΡΠΆΠ΅ 38,7.
Β
ΠΠ»ΡΡΡ Visual Studio Code
ΠΠΌΠ΅Π΅Ρ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΡΡ ΡΠ°ΡΡΡ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»Π° IDE.
ΠΡΡΡΠΎΠ΅Π½Π½ΡΠΉ ΠΌΠΎΡΠ½ΡΠΉ ΠΌΠ΅Ρ Π°Π½ΠΈΠ·ΠΌ Π°Π²ΡΠΎΠ·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ β IntelliSense.
ΠΠ½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠΉ ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΉ.
ΠΠ½ΡΠ΅Π³ΡΠΈΡΠΎΠ²Π°Π½ Ρ Git Β«ΠΈΠ· ΠΊΠΎΡΠΎΠ±ΠΊΠΈΒ».
ΠΠΌΠ΅Π΅ΡΡΡ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΉ ΠΎΡΠ»Π°Π΄ΡΠΈΠΊ Π΄Π»Ρ ΠΊΠΎΠ΄Π° JavaScript, TypeScript, Node.js
ΠΡΠΊΡΡΡΡΠΉ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ.
Visual Studio Code Β ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½ΡΠ΅ΡΡΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ.
Β
ΠΠΈΠ½ΡΡΡ Visual Studio Code
ΠΠ· ΠΌΠΈΠ½ΡΡΠΎΠ² ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΠΎΡΠΌΠ΅ΡΠ°ΡΡ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π±ΠΎΠ»ΡΡΠΎΠ΅ Π²ΡΠ΅ΠΌΡ Π·Π°ΠΏΡΡΠΊΠ° ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ.
ΠΠΎΠΈΡΠΊ ΠΏΠΎ ΠΏΡΠΎΠ΅ΠΊΡΠ°ΠΌ ΠΎΡΡΡΠ΅ΡΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ.
Β
Β
Notepad++ — ΡΡΠΎ Π»Π΅Π³ΠΊΠΎΠ²Π΅ΡΠ½ΡΠΉ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ, ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π½ΡΠΉ Π΄Π»Ρ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠΎΠ² ΠΏΠΎΠ΄ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ Windows. ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Linux ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠ³ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ ΡΠ΅ΡΠ΅Π· Wine. Notepad ++, Π²ΡΠΏΡΡΠ΅Π½Π½ΡΠΉ Π΅ΡΠ΅ Π² 2003 Π³ΠΎΠ΄Ρ, ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΡΠΎΠ²Π΅ΡΠ΅Π½Π½ΡΠΌ ΠΈ ΡΡΡΠΎΡΠ²ΡΠΈΠΌΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠΌ ΠΌΠ½ΠΎΠ³ΠΈΡ
ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ², ΡΠ²Π»ΡΡΡΡ ΡΠ΄ΠΎΠ±Π½ΡΠΌ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠΌ Π΄Π»Ρ HTML ΠΊΠΎΠ΄Π°. ΠΡΠΎΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½ΡΠ΅ΡΡΡ ΠΊΠ°ΠΊ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΠΎΠ΅ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΈ Π΅Π³ΠΎ ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΠΉ Π΄ΠΎΡΡΡΠΏΠ΅Π½ Π² GitHub. Notepad++ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΡΡΠΎΡΠΎΠ½Π½ΠΈΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ.
Β
ΠΡΠ½ΠΎΠ²Π½ΡΠ΅ Π΄ΠΎΡΡΠΎΠΈΠ½ΡΡΠ²Π° Notepad++
Notepad ++ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΡΠΎΡΡΡΠΌ, Π½Π΅ ΡΡΠ΅Π±ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΡΠΌ ΠΊ ΡΠ΅ΡΡΡΡΠ°ΠΌ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠΌ.
ΠΡΡΡ ΠΏΠΎΡΡΠ°ΡΠΈΠ²Π½Π°Ρ Π²Π΅ΡΡΠΈΡ.
Π€ΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π» ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Π»Π΅Π³ΠΊΠΎ ΡΠ°ΡΡΠΈΡΡΠ΅ΡΡΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎΠΌ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ². ΠΡΠΈ ΠΆΠ΅Π»Π°Π½ΠΈΠΈ ΡΠ°ΠΊΠΎΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°ΠΌΠΎΠΌΡ.
ΠΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ ΡΠ°ΠΊΠΆΠ΅ Π»Π΅Π³ΠΊΠΎ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΡΡΡ.
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ ΡΠ°Π±ΠΎΡΠ° Ρ Π±ΠΎΠ»ΡΡΠΈΠΌ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎΠΌ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ.
Notepad ++ ΡΠ²Π»ΡΠ΅ΡΡΡ Π½Π° 100% Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎΠΉ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΎΠΉ.
Β
ΠΠ΅Π΄ΠΎΡΡΠ°ΡΠΊΠΈ Notepad++
ΠΠΎΠ΄Π°Π²Π»ΡΡΡΠ΅Π΅ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΡΡΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ³ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° HTML ΠΊΠΎΠ΄Π° Π½Π΅ Π½Π°Ρ ΠΎΠ΄ΡΡ Π² Π½Π΅ΠΌ Π½Π΅Π΄ΠΎΡΡΠ°ΡΠΊΠΎΠ². ΠΠ΄Π½Π°ΠΊΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠΌΠ΅ΡΠΈΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΡ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΡΡΠΈΡΠ½ΠΎΡΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°, ΠΊΠΎΡΠΎΡΠ°Ρ Π½Π΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ ΡΡΠ΄Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ.
Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠΌΠ΅ΡΠΈΡΡ, ΡΡΠΎ ΡΡΠΎΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Π½Π΅ ΡΠ²Π»ΡΠ΅ΡΡΡ IDE ΠΈ Π½Π΅ Π½Π΅ΡΠ΅Ρ Π² ΡΠ΅Π±Π΅ Π΅Π΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π». ΠΠΎ ΡΡΠΎΠΉ ΠΏΡΠΈΡΠΈΠ½Π΅ ΠΌΠ½ΠΎΠ³ΠΈΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½Π΅ΠΊΡΡ ΡΡΠ΅Π΄Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ Π² Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ Notepad ++.
Β
Β
Β
ΠΡΠ΅ ΠΎΠ΄Π½ΠΈΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠΌ ΠΎΡΠ»ΠΈΡΠ½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ³ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° Π΄Π»Ρ HTML ΡΠ²Π»ΡΠ΅ΡΡΡ Sublime. ΠΡΠ° ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° ΠΏΠΎΡΡΠ°Π²Π»ΡΠ΅ΡΡΡ Π² Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎΠΌ Π²ΠΈΠ΄Π΅ Ρ Π½Π΅ΠΊΠΎΡΠΎΡΡΠΌΠΈ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡΠΌΠΈ. ΠΠ½ΡΠΌΠΈ ΡΠ»ΠΎΠ²Π°ΠΌΠΈ — Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Sublime Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ, Π½ΠΎ Π²Π°ΠΌ ΠΏΡΠΈΠ΄Π΅ΡΡΡ ΠΊΡΠΏΠΈΡΡ Π»ΠΈΡΠ΅Π½Π·ΠΈΡ, Π΅ΡΠ»ΠΈ Π²Ρ Π·Π°Ρ ΠΎΡΠΈΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π²ΡΠ΅ΠΌΠΈ ΡΡΠ½ΠΊΡΠΈΡΠΌΠΈ ΡΡΠΎΠ³ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°.
Sublime ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΠΎΡΠ»ΠΈΡΠ½ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ, ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°Ρ ΠΏΠΎΡΡΠΎΡΠ½Π½ΡΠΉ Π²ΡΡ
ΠΎΠ΄ Π°ΠΊΡΡΠ°Π»ΡΠ½ΡΡ
ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠΉ. ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΠΌΠΎΠ³ΡΡ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΏΠ»Π°Π³ΠΈΠ½Ρ, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠ΅ ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²ΠΎΠΌ, ΠΈΠ»ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ²ΠΎΠΈ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠ΅. ΠΠ»Ρ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΡΠ°ΡΡΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎΠΉ Π²Π΅ΡΡΠΈΠΈ Sublime Π±ΡΠ΄Π΅Ρ Π²ΠΏΠΎΠ»Π½Π΅ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΡΠΌ. ΠΡΠ»ΠΈ ΠΆΠ΅ Π²Π°ΠΌ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡ Π±ΠΎΠ»ΡΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ, Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΊΡΠΏΠΈΡΡ Π»ΠΈΡΠ΅Π½Π·ΠΈΡ ΠΏΠΎΠ·ΠΆΠ΅.
ΠΠ»ΡΡΡ Sublime
ΠΡΠΎΡΡΠΏΠ»Π°ΡΡΠΎΡΠΌΠ΅Π½Π½ΠΎΡΡΡ. Sublime ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π² ΡΠ°ΠΊΠΈΡ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΡΡ ΡΠΈΡΡΠ΅ΠΌΠ°Ρ ΠΊΠ°ΠΊ Windows, OS X ΠΈ Linux.
Sublime ΡΠ²Π»ΡΠ΅ΡΡΡ Π»Π΅Π³ΠΊΠΎΠ²Π΅ΡΠ½ΡΠΌ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠΌ, Π½Π΅ Π·Π°Π³ΡΡΠΆΠ°ΡΡΠΈΠΌ ΡΠΈΡΡΠ΅ΠΌΡ.
ΠΡΡΡ ΠΏΠΎΡΡΠ°ΡΠΈΠ²Π½Π°Ρ Π²Π΅ΡΡΠΈΡ.
Sublime ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΡΡΡΡΠΈ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΉ Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΎΠ·Π΄Π°Π½Ρ Π±ΠΎΠ»ΡΡΠΈΠΌ ΠΈ Π°ΠΊΡΠΈΠ²Π½ΡΠΌ ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²ΠΎΠΌ.
Π Π°Π·Π΄Π΅Π»ΡΠ½ΠΎΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅. Π Π°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΠΌΠΎΠ³ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΌΠΎΠ½ΠΈΡΠΎΡΠΎΠ² ΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΡΠ°ΡΡΠΊΠΈ ΠΊΠΎΠ΄Π° ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ.
Β
ΠΠ΅Π΄ΠΎΡΡΠ°ΡΠΊΠΈ Sublime
ΠΠ΅ Π²Π΅ΡΡ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π» Π΄ΠΎΡΡΡΠΏΠ΅Π½ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ.
Π ΡΠ΄ΠΎΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΠΎΡΠΌΠ΅ΡΠ°Π΅ΡΡΡ Π½Π΅ΡΠ΄ΠΎΠ±ΡΡΠ²ΠΎ ΡΠ°Π±ΠΎΡΡ Ρ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅ΡΠΎΠΌ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ².
Π ΡΠ΄ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΡΡΠΎΡΠΎΠ½Π½ΠΈΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΠΌΠΎΠΆΠ΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π½Π΅ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΠΎ.
Β
Β
Β
WebStorm β Π²Π΅ΡΡΠΌΠ° ΡΠ΄ΠΎΠ±Π½Π°Ρ Π΄Π»Ρ web ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ Β ΡΡΠ΅Π΄Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ. WebStorm Π±ΡΠ»Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π° ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠ΅ΠΉ JetBrains Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ Π΄ΡΡΠ³ΠΎΠ³ΠΎ ΠΈΡ ΠΏΡΠΎΠ΄ΡΠΊΡΠ° β IDE IntelliJ.
Β
ΠΠ»ΡΡΡ WebStorm
Β
Π£Π΄ΠΎΠ±Π½ΠΎΠ΅ Π°Π²ΡΠΎΠ΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠ°ΠΊ ΠΊΠΎΠ΄Π° Π½Π° HTML, CSS, ΡΠ°ΠΊ ΠΈ Π½Π° JavaScript.
ΠΡΠΎΠ²Π΅ΡΠΊΠ° Π½Π° Π½Π°Π»ΠΈΡΠΈΠ΅ ΠΎΡΠΈΠ±ΠΎΠΊ ΠΈ ΡΠ΄ΠΎΠ±Π½Π°Ρ ΠΎΡΠ»Π°Π΄ΠΊΠ° ΠΊΠΎΠ΄Π° ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°Π΅ΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΈΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΠΈ Ρ ΡΡΠ΄ΠΎΠΌ ΡΠΈΡΡΠ΅ΠΌ ΠΎΡΡΠ»Π΅ΠΆΠΈΠ²Π°Π½ΠΈΡ ΠΎΡΠΈΠ±ΠΎΠΊ.
ΠΡΡΡΠΎΠ΅Π½Π½Π°Ρ ΠΈΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΡ Ρ ΡΠ°ΠΊΠΈΠΌ ΡΠΈΡΡΠ΅ΠΌΠ°ΠΌΠΈ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ Π²Π΅ΡΡΠΈΡΠΌΠΈ ΠΊΠ°ΠΊ GitHub, Git, Π° ΡΠ°ΠΊΠΆΠ΅ Subversion, Perforce ΠΈ Mercurial.
ΠΠΈΠ±ΠΊΠΎΡΡΡ Π½Π°ΡΡΡΠΎΠ΅ΠΊ.
ΠΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π±ΠΎΠ»ΡΡΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ².
Β
ΠΠ΅Π΄ΠΎΡΡΠ°ΡΠΊΠΈ WebStorm
Β
Π‘Π²ΠΎΠΉΡΡΠ²Π΅Π½Π½Π°Ρ Π²ΡΠ΅ΠΌ IDE ΠΌΠ΅Π΄Π»ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡ Π² ΡΠ°Π±ΠΎΡΠ΅ ΠΈ ΡΡΠ΅Π±ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΡ ΠΊ ΡΠ΅ΡΡΡΡΠ°ΠΌ.
ΠΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠ»ΠΎΠΆΠ½ΡΠ΅ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ.
ΠΠ»Π°ΡΠ½Π°Ρ IDE, ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½ΡΠ΅ΠΌΠ°Ρ ΠΏΠΎ ΠΏΠΎΠ΄ΠΏΠΈΡΠΊΠ΅.
Β
Β
Vim (ΡΠΎΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅ ΠΎΡ — Vi Improved ) ΡΡΠΎ ΠΌΠΎΡΠ½ΡΠΉ ΠΏΠΎΡΡΠ°ΡΠΈΠ²Π½ΡΠΉ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Ρ ΠΎΡΠ΅Π½Ρ Π±ΠΎΠ³Π°ΡΠΎΠΉ ΠΈΡΡΠΎΡΠΈΠ΅ΠΉ β Π΅ΠΌΡ ΡΠΆΠ΅ Π±ΠΎΠ»Π΅Π΅ 27 Π»Π΅Ρ. ΠΠ±Π»Π°Π΄Π°Π΅Ρ Π±ΠΎΠ³Π°ΡΡΠΌ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΠΎΠΌ, Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΡ Π³Π»ΡΠ±ΠΎΠΊΠΎΠΉ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ Β ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ ΠΏΠΎΠ΄ ΡΠ΅Π±Ρ. Π ΠΎΡΠΈΠ³ΠΈΠ½Π°Π»ΡΠ½ΠΎΠΌ Π²ΠΈΠ΄Π΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π² ΠΎΠΊΠ½Π΅ ΠΊΠΎΠ½ΡΠΎΠ»ΠΈ. ΠΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²Π΅ΡΡΠΈΡ Ρ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΌ ΠΎΠΊΠΎΠ½Π½ΡΠΌ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠΌ β Gvim. Π‘ΡΠΎΠΈΡ ΠΎΡΠΌΠ΅ΡΠΈΡΡ, ΡΡΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ IDE,Β Π΄Π»Ρ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ ΠΏΡΠΎΡΠ΅ΡΡΠ° ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ, ΡΠΎΠ΄Π΅ΡΠΆΠ°Ρ Π² ΡΠ΅Π±Π΅ ΡΠΌΡΠ»ΡΡΠΎΡ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΠΈ Vim.
Β
ΠΠ»ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Vim
ΠΠΎΠ»Π½ΠΎΡΠ΅Π½Π½Π°Ρ ΡΠ°Π±ΠΎΡΠ° Π²ΠΎ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π΅ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΡΡ ΡΠΈΡΡΠ΅ΠΌ β Windows, Linux, Amiga, Mac OS X, Unix, OpenVMS, OS/2.
ΠΠ»ΡΠ±ΠΎΠΊΠ°Ρ Π½Π°ΡΡΡΠΎΠΉΠΊΠ° ΡΠ°Π±ΠΎΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° ΠΏΠΎΠ΄ ΡΠ΅Π±Ρ.
ΠΡΠ΅Π½Ρ Π½ΠΈΠ·ΠΊΠΈΠ΅ ΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΡ ΠΊ ΠΊΡΠ΅ΡΡΡΡΠ°ΠΌ. Π, ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ — Π²ΡΡΠΎΠΊΠ°Ρ ΡΠΊΠΎΡΠΎΡΡΡ ΡΠ°Π±ΠΎΡΡ.
ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈΠ»ΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΡΠ°ΠΉΠ»Π° Π½Π° ΡΠ΄Π°Π»Π΅Π½Π½ΠΎΠΌ ΡΠ΅ΡΠ²Π΅ΡΠ΅ ΡΠ΅ΡΠ΅Π· ΡΠ΅ΡΠΌΠΈΠ½Π°Π»
ΠΠΎΠ»Π΅Π΅ 14000 Π΄ΠΎΡΡΡΠΏΠ½ΡΡ ΠΏΠ°ΠΊΠ΅ΡΠΎΠ² ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠΉ.
Β
ΠΠ΅Π΄ΠΎΡΡΠ°ΡΠΊΠΈ Vim
ΠΠ΄ΠΈΠ½ ΠΈΠ· ΡΠ°ΠΌΡΡ ΡΠ»ΠΎΠΆΠ½ΡΡ Π΄Π»Ρ ΠΈΠ·ΡΡΠ΅Π½ΠΈΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ. ΠΡΡΠΎΠΊΠΈΠΉ ΠΏΠΎΡΠΎΠ³ Π²Ρ ΠΎΠΆΠ΄Π΅Π½ΠΈΡ ΡΡΠ΅Π±ΡΠ΅Ρ ΠΎΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΡΡ Π·Π°ΡΡΠ°Ρ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Π½Π° Π·Π°ΠΏΠΎΠΌΠΈΠ½Π°Π½ΠΈΠ΅ Π΅Π³ΠΎ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠ΅ΠΉ, ΠΊΠΎΠΌΠ°Π½Π΄, ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΈ ΡΠ΄.
Β
Β
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Eclipse Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ HTML ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° — Β ΡΠ°ΡΡΠΎ ΡΡΠΈΡΠ°Π΅ΡΡΡ ΠΈΠ·Π±ΡΡΠΎΡΠ½ΡΠΌ. Π―Π²Π»ΡΡΡΡ ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΠΎΠΉ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΠΎΠΉ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ, ΠΎΠ½Π°, Π²Π΅ΡΠΎΡΡΠ½ΠΎ, Π±ΡΠ΄Π΅Ρ ΠΈΠ·Π»ΠΈΡΠ½Π΅ ΡΠ»ΠΎΠΆΠ½ΠΎΠΉ Π΄Π»Ρ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ ΠΊΠΎΠ΄Π° Π½Π° HTML ΠΈ CSS. ΠΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΠΎ ΡΠ²ΠΎΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ Eclipse ΡΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΎΡΠ²ΠΈΡΡ ΠΏΡΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ ΡΠ»ΠΎΠΆΠ½ΡΡ
ΡΠ°ΠΉΡΠΎΠ², Π·Π°Π²ΡΠ·Π°Π½Π½ΡΡ
Π½Π° ΡΠ°Π±ΠΎΡΡ Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ Π±Π°Π·Π°ΠΌΠΈ Π΄Π°Π½Π½ΡΡ
ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΌΠΈ ΠΌΠ΅Ρ
Π°Π½ΠΈΠ·ΠΌΠ°ΠΌΠΈ.
Π§Π°ΡΡΠΎ ΡΡΡ Eclipse ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΡΡΡΠ°Π½ΠΈΡΠ°ΠΌΠΈ Π½Π°ΠΏΠΈΡΠ°Π½Π½ΡΠΌΠΈ Π½Π° Java, PHP, JavaScript, ΠΈ ΡΡΠ΄Π΅ Π΄ΡΡΠ³ΠΈΡ ΡΠ·ΡΠΊΠΎΠ² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ.
Β
ΠΠ»ΡΡΡ Β Eclipse
ΠΠΎΠ»Π½ΠΎΡΠ΅Π½Π½Π°Ρ IDE ΡΠΎ Π²ΡΠ΅ΠΌ ΠΏΠ΅ΡΠ΅ΡΠ½Π΅ΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ ΠΌΠΎΡΠ½ΠΎΠ³ΠΎ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ° ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ.
ΠΡΠΎΡΡΠΏΠ»Π°ΡΡΠΎΡΠΌΠ΅Π½Π½ΠΎΡΡΡ Π² ΡΠ°Π±ΠΎΡΠ΅ Ρ Windows, MacOS X, Linux.
ΠΠ½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠΉ ΠΈ Π°Π΄Π΄ΠΎΠ½ΠΎΠ², ΠΏΠΎΠΌΠΎΠ³Π°ΡΡΠΈΡ Π³ΠΈΠ±ΠΊΠΎ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°ΡΡ Eclipse ΠΏΠΎΠ΄ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ Π·Π°Π΄Π°ΡΠΈ.
ΠΡΠΈΠ½Π°Π΄Π»Π΅ΠΆΠ½ΠΎΡΡΡ Eclipse ΠΊ ΡΠ²ΠΎΠ±ΠΎΠ΄Π½ΠΎΠΌΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΠΎΠΌΡ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΡ.
ΠΠΈΠ΄Π΅ΠΎ ΠΊΡΡΡΡ ΠΏΠΎ ΡΡ ΠΎΠΆΠ΅ΠΉ ΡΠ΅ΠΌΠ°ΡΠΈΠΊΠ΅:
ΠΠΈΠ½ΡΡΡ Eclipse
Π‘Π»ΠΎΠΆΠ½ΠΎΡΡΡ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ ΡΡΠΎΠΉ IDE.
ΠΠ·Π»ΠΈΡΠ½ΡΡ ΠΏΠ΅ΡΠ΅Π³ΡΡΠΆΠ΅Π½Π½ΠΎΡΡΡ Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΏΡΠΎΡΡΡΡ ΡΠ°ΠΉΡΠΎΠ² Π½Π° HTML ΠΈ CSS.
Π Π΅ΡΡΡΡΠΎΠ΅ΠΌΠΊΠΎΡΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ.
Β
Β
Β
ΠΡΠΎΠΌ β ΡΡΠΎ ΡΡΠ°Π²Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎ Π½ΠΎΠ²ΡΠΉ HTMLΒ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ. ΠΠ½ Π±ΡΠ» Π²ΡΠΏΡΡΠ΅Π½ Π² 2014 Π³ΠΎΠ΄Ρ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ GitHub, ΠΈ Ρ ΡΠ΅Ρ ΠΏΠΎΡ, ΠΏΡΠΈ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ΅ ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²Π° GitHub, Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠ²Π΅Π»ΠΈΡΠΈΠ» ΡΠ²ΠΎΡ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΠΎΡΡΡ. ΠΡΠΎΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΡΠ²Π»ΡΠ΅ΡΡΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΌ, Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ. Β ΠΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎ, ΡΡΠΎ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΠ»ΠΎΠ³Π°Π½Π° Π΄Π»Ρ Atom ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΡΠ°Π·Π° Β«ΡΠ°ΠΌΡΠΉ Π²Π·Π»ΠΎΠΌΠ°Π½Π½ΡΠΉ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ 21 ΡΡΠΎΠ»Π΅ΡΠΈΡΒ», ΠΏΠΎΠ΄ΡΠ°Π·ΡΠΌΠ΅Π²Π°Ρ ΠΏΠΎΠ΄ ΡΡΠΈΠΌ, ΡΡΠΎ Π»ΡΠ±ΠΎΠΉ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΠΌΠΎΠΆΠ΅Ρ Π²Π½ΠΎΡΠΈΡΡ ΡΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ Π² ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅, ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅, ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΈ ΠΎΠ±ΠΌΠ΅Π½ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ, Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠ΅ ΠΏΠ°ΠΊΠ΅ΡΡ Π΄Π»Ρ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ Atom.
Β
ΠΠ°ΠΊΠΈΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ Π΄Π°Π΅Ρ Atom
Β
Atom ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΊΡΠΎΡΡΠΏΠ»Π°ΡΡΠΎΡΠΌΠ΅Π½Π½ΡΠΌ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΡΠ°ΠΊΠΈΡ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΡΡ ΡΠΈΡΡΠ΅ΠΌΠ°Ρ , ΠΊΠ°ΠΊ Windows , OS X ΠΈ Linux.
ΠΠ»Π°Π³ΠΎΠ΄Π°ΡΡ ΡΠΌΠ½ΠΎΠΌΡ ΠΌΠ΅Ρ Π°Π½ΠΈΠ·ΠΌΡ Π°Π²ΡΠΎΠ·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ, Atom ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ Π±ΡΡΡΡΠ΅Π΅ ΠΏΠΈΡΠ°ΡΡ ΠΊΠΎΠ΄.
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Atom ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠ°Π·Π±ΠΈΠ²Π°ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Π½Π° ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΠΎΠΊΠΎΠ½, ΡΡΠΎΠ±Ρ Π²Ρ ΠΌΠΎΠ³Π»ΠΈ ΡΡΠ°Π²Π½ΠΈΠ²Π°ΡΡ ΠΈ ΠΏΠΈΡΠ°ΡΡ ΠΊΠΎΠ΄ Π² ΡΡΠΈΡ ΠΎΠΊΠ½Π°Ρ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ.
Atom ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΠΌ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠΌ, ΠΏΠΎΠ»ΡΡΠΈΠ²ΡΠΈΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ IDE, Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌ ΠΏΠ»Π°Π³ΠΈΠ½Π°ΠΌ.
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Π² ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ ΡΠ°ΠΊΠΈΠ΅ ΡΠ·ΡΠΊΠΈ ΠΊΠ°ΠΊ: HTML, CSS, JavaScript, Python, XML, PHP, Java, SQL, C# ΠΈ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π΄ΡΡΠ³ΠΈΠ΅.
Β
ΠΠ»ΡΡΡ Atom
Β
ΠΠ»Ρ Atom ΠΈΠΌΠ΅Π΅ΡΡΡ Π±ΠΎΠ»ΡΡΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΉ, ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΈ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠΉ. Π’Π°ΠΊ, Β«ΠΈΠ· ΠΊΠΎΡΠΎΠ±ΠΊΠΈΒ», Atom ΠΏΠΎΡΡΠ°Π²Π»ΡΠ΅ΡΡΡ Ρ 81 Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΌ ΠΏΠ°ΠΊΠ΅ΡΠΎΠΌ, ΠΈ Π²Ρ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π΄ΠΎ 7500 Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΠΌΡΡ ΠΏΠ°ΠΊΠ΅ΡΠΎΠ². ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΠ²ΠΎΠΉ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΉ ΠΏΠ°ΠΊΠ΅Ρ.
ΠΠ°Π»ΠΈΡΠΈΠ΅ Π±ΠΎΠ»ΡΡΠΎΠ³ΠΎ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π° Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π³ΠΈΠ±ΠΊΠΎ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°ΡΡ ΠΏΠΎΠ΄ ΡΠ΅Π±Ρ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°.
ΠΡΠΊΡΡΡΡΠΉ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄.
ΠΠ΅ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Atom ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½ΡΠ΅ΡΡΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ, ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΡ ΡΠ²ΠΎΠΉ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄, Π΄ΠΎΡΡΡΠΏΠ½ΡΠΉ Π½Π° GitHub.
ΠΡΠ»ΠΈΡΠ½Π°Ρ ΠΈΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΡ Ρ Git ΠΈ GitHub.
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΏΠ»Π°Π³ΠΈΠ½Π° Teletype. ΠΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΡΡΠΌΠΎ Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ ΡΠ΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΠΏΠΈΡΠ°ΡΡ ΠΊΠΎΠ΄ ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎ Ρ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌΠΈ.
Β
ΠΠΈΠ½ΡΡΡ Atom
Atom ΡΠ²Π»ΡΠ΅ΡΡΡ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Β«ΠΏΡΠΎΠΆΠΎΡΠ»ΠΈΠ²ΠΎΠΉΒ» ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΎΠΉ, Π·Π°Π±ΠΈΡΠ°Ρ Π½Π° ΡΠ΅Π±Ρ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π±ΠΎΠ»ΡΡΠΎΠΉ ΠΎΠ±ΡΠ΅ΠΌ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ ΠΏΠ°ΠΌΡΡΠΈ.
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΡΠ΅Ρ ΠΈΠ»ΠΈ ΠΈΠ½ΡΡ ΡΠ·ΡΠΊΠΎΠ² ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΡΡΡ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΠΎΠΌ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², Π½Π°ΠΏΠΈΡΠ°Π½Π½ΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌΠΈ, Π° Π½Π΅ Π΅Π΄ΠΈΠ½ΠΎΠΉ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠ΅ΠΉ.
Β
Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ Π΅ΡΠ΅ ΡΡΠ΄ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΡΠ°ΡΡΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΠΌΡΡ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ HTML ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ²
Β
Β
Β
ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° Adobe Dreamweaver CC, ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π½Π°Ρ ΠΈ ΡΠΏΡΠ°Π²Π»ΡΠ΅ΠΌΠ°Ρ ΡΠ΅Ρ
Π½ΠΎΠ»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΌ Π³ΠΈΠ³Π°Π½ΡΠΎΠΌ Adobe Inc, ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΌΠΎΡΠ½ΡΠΌ ΠΈ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΡΠΌ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠΌ ΠΏΡΠ΅ΠΌΠΈΡΠΌ-ΠΊΠ»Π°ΡΡΠ°. ΠΠ½Π° ΠΎΠ±ΡΠ»ΡΠΆΠΈΠ²Π°Π΅Ρ ΠΊΠ°ΠΊ back-end, ΡΠ°ΠΊ ΠΈ front-end ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΡ. Π―Π²Π»ΡΡΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΡΠΌ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ Ρ Π·Π°ΠΊΡΡΡΡΠΌ ΠΈΡΡ
ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ, Dreamweaver ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Π² ΡΠΊΠΎΡΠΈΡΡΠ΅ΠΌΠ΅ Adobe. Adobe ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ, ΠΏΠ»Π°Π³ΠΈΠ½Ρ ΠΈ ΡΡΠ½ΠΊΡΠΈΠΈ, ΡΡΠΎΠ±Ρ Π²Ρ Π²ΡΠ΅Π³Π΄Π° ΠΌΠΎΠ³Π»ΠΈ Π±Π΅Π· ΠΏΡΠΎΠ±Π»Π΅ΠΌ ΠΏΠΈΡΠ°ΡΡ ΠΊΠΎΠ΄.
Dreamweaver — ΡΡΠΎ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ ΠΊΠ°ΠΊ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅, ΡΠ°ΠΊ ΠΈ WYSIWYG ΠΌΠ΅ΡΠΎΠ΄Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΠΊΠΎΠ΄ΠΎΠΌ. ΠΠ½ΠΎΠ³ΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΡΡΠΎΠΉ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ ΡΡΠΈΡΠ°ΡΡ Dreamweaver ΡΠ°ΠΌΡΠΌ Π»ΡΡΡΠΈΠΌ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠΌ ΠΊΠΎΠ΄Π°. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΠ±ΠΈΡΠ°ΡΡ, Ρ
ΠΎΡΠΈΡΠ΅ Π»ΠΈ Π²Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΌ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠ»ΠΈ ΠΈΠ΄ΡΠΈ ΠΊΠ»Π°ΡΡΠΈΡΠ΅ΡΠΊΠΈΠΌ ΠΏΡΡΠ΅ΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°.
Β
ΠΡΠ½ΠΎΠ²Π½ΡΠ΅ Π΄ΠΎΡΡΠΎΠΈΠ½ΡΡΠ²Π° Dreamweaver CC.
Dreamweaver ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΈΡΠ°ΡΡ ΠΊΠΎΠ΄ Π½Π° Π»ΡΠ±ΠΎΠΌ ΠΈΠ· ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΡΠ·ΡΠΊΠΎΠ² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ.
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ ΠΈ WYSIWYG ΡΠ΅ΠΆΠΈΠΌΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°.
Π£Π΄ΠΎΠ±Π½ΡΠΉ ΠΏΡΠ΅Π΄ΠΏΡΠΎΡΠΌΠΎΡΡ. ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠ²ΠΈΠ΄Π΅ΡΡ, ΠΊΠ°ΠΊ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ΅Π³, ΠΏΡΠΎΡΡΠΎ Π²ΡΠ΄Π΅Π»ΠΈΠ² Π΅Π³ΠΎ.
ΠΠΎΠ»Π½ΠΎΡΡΡΡ ΠΈΠ½ΡΠ΅Π³ΡΠΈΡΠΎΠ²Π°Π½ Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΠΎΠΉ ΡΠΊΠΎΡΠΈΡΡΠ΅ΠΌΠΎΠΉ Adobe.
ΠΠΎΡΡΡΡΠ°ΡΡΠ°Ρ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡ.
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΡΠΎ ΡΡΠΎΡΠΎΠ½Ρ Adobe Inc.
ΠΠΎΠ΄ΠΏΠΈΡΠΊΠ° Π½Π° Dreamweaver Π΄Π°Π΅Ρ Π΄ΠΎΡΡΡΠΏ ΠΊ ΡΡΠ΄Ρ ΠΎΠ±Π»Π°ΡΠ½ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊ, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΡ ΠΎΠ³ΡΠΎΠΌΠ½ΡΠΉ ΠΎΠ±ΡΠ΅ΠΌ Π³ΡΠ°ΡΠΈΠΊΠΈ, ΡΡΠΈΠ»Π΅ΠΉ, ΡΠ»ΠΎΠ΅Π² ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ³ΠΎ Π΄ΡΡΠ³ΠΎΠ³ΠΎ.
Β
ΠΠ΅Π΄ΠΎΡΡΠ°ΡΠΊΠΈ Adobe Dreamweaver CC
ΠΡΠ½ΠΎΠ²Π½ΡΠΌ Π½Π΅Π΄ΠΎΡΡΠ°ΡΠΊΠΎΠΌ ΡΡΠΎΠ³ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ΅Π½Π° ΠΈ ΡΡΠ»ΠΎΠ²ΠΈΡ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½ΠΈΡ. ΠΠ°ΠΊ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΠΏΡΠΎΠ΄ΡΠΊΡΡ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Adobe, Dreamweaver CC ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½ΡΠ΅ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° ΡΡΠ»ΠΎΠ²ΠΈΠΈ ΠΏΠΎΠ΄ΠΏΠΈΡΠΊΠΈ.
Β
Β
Β
Brackets β ΡΡΠΎ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΡΠΉ ΠΏΡΠΎΠ΄ΡΠΊΡ Adobe, ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π½ΡΠΉ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎ Π΄Π»Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ² ΠΈ ΡΡΠΎΠ½ΡΠ΅Π½Π΄ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΠΈ ΡΠ²ΠΈΠ΄Π΅Π²ΡΠΈΠΉ ΡΠ²Π΅Ρ Π² 2012 Π³ΠΎΠ΄Ρ. Π Π°ΡΠΏΡΠΎΡΡΡΠ°Π½ΡΠ΅ΠΌΡΠΉ, Π² ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ Β Dreamweaver, Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ, ΡΡΠΎΡ ΠΌΠΎΠ»ΠΎΠ΄ΠΎΠΉ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΡ
Π²Π°ΡΡΠ°ΡΡΡΡ Π±ΠΎΠ»ΡΡΠΈΠΌ Π²ΡΠ±ΠΎΡΠΎΠΌ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², ΠΎΠ΄Π½Π°ΠΊΠΎ ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Ρ HTML, CSS ΠΈ JavaScript β ΠΎΡΠ½ΠΎΠ²Π½ΡΠΌΠΈ ΡΠ·ΡΠΊΠ°ΠΌΠΈ ΡΡΠΎΠ½ΡΠ΅Π½Π΄-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°.
Β
ΠΠ»ΡΡΡ Brackets
Π‘Π²ΡΠ·Ρ Ρ Google Chrome. ΠΡΠ½ΠΎΠ²Π½Π°Ρ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° Brackets, Π²ΡΠ΄Π΅Π»ΡΠ΅ΠΌΠ°Ρ Β ΠΌΠ½ΠΎΠ³ΠΈΠΌΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌΠΈ — ΡΠ²ΡΠ·Ρ Ρ Google Chrome Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ ΡΠ΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ. Π‘ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠΎΠ³ΠΎ ΠΌΠ΅Ρ Π°Π½ΠΈΠ·ΠΌΠ°, ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΠΌΠΎΠΆΠ΅Ρ ΡΡΠ°Π·Ρ ΠΏΠΎΡΠ»Π΅ Π²Π½Π΅ΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π½Π°Π±Π»ΡΠ΄Π°ΡΡ, ΠΊΠ°ΠΊ Π²ΡΠ΅ ΡΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π±ΡΠ΄ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅.
ΠΠΎΡΡΡΠΏΠ½ΠΎΡΡΡ Π½Π° Windows, MacOs, Linux.
Brackets ΠΏΡΠΈΠ·Π½Π°Π½ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· Π»ΡΡΡΠΈΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² ΠΏΠΎΠ΄ MacOs.
Π¨ΠΈΡΠΎΠΊΠΎ ΡΠ°Π·Π²ΠΈΡΠ°Ρ ΡΠΈΡΡΠ΅ΠΌΠ° Π³ΠΎΡΡΡΠΈΡ ΠΊΠ»Π°Π²ΠΈΡ.
ΠΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡΡ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΎΡΠ»ΠΈΡΠ°Π΅Ρ Brackets ΠΎΡ ΠΎΡΡΠ°Π»ΡΠ½ΡΡ HTML-ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ², ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΡΠ½ΠΊΡΠΈΡ Β«ΠΠ·Π²Π»Π΅ΡΡΒ». Β Π€ΡΠ½ΠΊΡΠΈΡ ΠΈΠ·Π²Π»Π΅ΡΠ΅Π½ΠΈΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΈΠ·Π²Π»Π΅ΠΊΠ°ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΏΡΡΠΌΠΎ ΠΈΠ· PSD — ΡΠ°ΠΊΡΡ ΠΊΠ°ΠΊ ΡΡΠΈΡΡΡ, ΡΠ²Π΅ΡΠ° ΠΈ ΠΈΠ·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ, Ρ ΡΠΈΡΡΡΠΌ CSS ΠΈ Π±Π΅Π· ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΡΡ ΡΡΡΠ»ΠΎΠΊ Π½Π° ΠΊΠΎΠ΄.
Β
ΠΠΈΠ½ΡΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° Brackets
Β
ΠΠ°Π»ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠΉ, Π² ΡΡΠ°Π²Π½Π΅Π½ΠΈΠΈ Ρ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°ΠΌΠΈ Π½Π° ΡΡΠ½ΠΊΠ΅.
ΠΡΡΡΡΡΡΠ²ΠΈΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΡΠ΅ΡΠ²Π΅ΡΠ½ΡΡ ΡΠ·ΡΠΊΠΎΠ² (Python, PHP, Ruby).
Β
Β
Β
HTML ΡΠ΅Π΄Π°ΠΊΡΠΎΡ CoffeeCup ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ Π½Π° ΡΡΠ½ΠΊΠ΅ ΠΊΠ°ΠΊ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎΠΉ, ΡΠ°ΠΊ ΠΈ ΠΏΠΎΠ»Π½ΠΎΠΉ β ΠΏΠ»Π°ΡΠ½ΠΎΠΉ Π²Π΅ΡΡΠΈΠ΅ΠΉ. ΠΠ΅ΡΠΌΠΎΡΡΡ Π½Π° ΡΠ»Π°Π±ΡΡ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΠΎΡΡΡ Π² ΡΡΡΡΠΊΠΎΡΠ·ΡΡΠ½ΠΎΠΌ ΡΠ΅Π³ΠΌΠ΅Π½ΡΠ΅ ΠΠ½ΡΠ΅ΡΠ½Π΅ΡΠ°, HTML ΡΠ΅Π΄Π°ΠΊΡΠΎΡ CoffeeCup Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΠΏΠΎΠΏΡΠ»ΡΡΠ΅Π½ Π·Π° ΡΡΠ±Π΅ΠΆΠΎΠΌ. ΠΡΠΏΡΡΠ΅Π½Π½ΡΠΉ Π²ΠΏΠ΅ΡΠ²ΡΠ΅ Π΅ΡΠ΅ Π² 1996 Π³ΠΎΠ΄Ρ, ΠΊ 2008 Π³ΠΎΠ΄Ρ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Π±ΡΠ» ΠΏΡΠΎΠ΄Π°Π½ ΡΠΆΠ΅ ΡΠΈΡΠ»ΠΎΠΌ Π² 30 ΠΌΠ»Π½. ΠΊΠΎΠΏΠΈΠΉ.
Β
ΠΠ»ΡΡΡ CoffeeCup
Π ΠΏΠ»Π°ΡΠ½ΠΎΠΉ Π²Π΅ΡΡΠΈΠΈ ΠΈΠΌΠ΅Π΅ΡΡΡ ΠΊΡΠΎΠΌΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ³ΠΎ — Π΅ΡΠ΅ ΠΈ WYSIWYG-ΡΠ΅Π΄Π°ΠΊΡΠΎΡ.
CoffeeCup ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌ Ρ ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ°ΠΌΠΈ Windows ΠΈ MacOS.
ΠΠ»Π°ΡΠ½Π°Ρ Π²Π΅ΡΡΠΈΡ HTML-ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° CoffeeCup Π²ΠΊΠ»ΡΡΠ°Π΅Ρ Π² ΡΠ΅Π±Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ ΡΠ΅Π³ΠΎΠ², ΠΏΡΠΎΠ²Π΅ΡΠΊΡ HTML ΠΈ CSS, Π·Π°Π²Π΅ΡΡΠ΅Π½ΠΈΠ΅ ΠΏΡΠ΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΡΠ΅Π»ΡΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° ΠΈ Ρ. Π.
Π£Π΄ΠΎΠ±Π½ΠΎΠ΅ Π°Π²ΡΠΎΠ·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΡΠ΅Π³ΠΎΠ².
Β
ΠΠ΅Π΄ΠΎΡΡΠ°ΡΠΊΠΈ CoffeeCup
Β
Β
Β
ΠΠ°Π²Π΅ΡΡΠΈΠΌ Π½Π°Ρ ΠΎΠ±Π·ΠΎΡ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΡ HTML ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ², ΡΠ΄ΠΎΠ±Π½ΡΠΌ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠΌ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΊΠΎΠ΄Π° ΠΏΡΡΠΌΠΎ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ — HTML-Online. HTML-Online ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΡΠΎΡΡΡΠΌ ΠΈ ΡΠ΄ΠΎΠ±Π½ΡΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠΌ web ΡΡΡΠ°Π½ΠΈΡ. ΠΠ½, Π²Π΅ΡΠΎΡΡΠ½ΠΎ, ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π»ΡΡΡΠΈΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΡ HTML ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² ΡΠ΅Π΄ΠΈ ΠΎΠ½Π»Π°ΠΉΠ½ ΡΠ΅ΡΠ²ΠΈΡΠΎΠ². ΠΠ»Π°Π³ΠΎΠ΄Π°ΡΡ ΡΠ΅ΡΠ²ΠΈΡΡ HTML-Online, Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΡΠ°ΡΡ ΠΏΠΈΡΠ°ΡΡ ΠΊΠΎΠ΄Π° Π²Π°ΡΠ΅Π³ΠΎ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΡΠ°ΠΉΡΠ° ΠΏΡΡΠΌΠΎ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, Π±Π΅Π· Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ ΡΠΊΠ°ΡΠΈΠ²Π°ΡΡ ΠΈ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ.
ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΡΠ΅ Π²Π΅Π±ΠΈΠ½Π°ΡΡ ΠΏΠΎ ΡΡ ΠΎΠΆΠ΅ΠΉ ΡΠ΅ΠΌΠ°ΡΠΈΠΊΠ΅:
Β
ΠΠΎΡΡΠΎΠΈΠ½ΡΡΠ²Π° HTML-Online
Π―Π²Π»ΡΠ΅ΡΡΡ ΠΊΠ°ΠΊ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΌ, ΡΠ°ΠΊ ΠΈ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠΌ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡ Π½Π°Π±Π»ΡΠ΄Π°ΡΡ Π·Π° ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ°ΠΌΠΈ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ ΠΏΡΡΠΌΠΎ Π² ΠΏΡΠΎΡΠ΅ΡΡΠ΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ.
Π£Π΄ΠΎΠ±Π½Π°Ρ ΠΊΠΎΠ½Π²Π΅ΡΡΠ°ΡΠΈΡ ΡΠ°ΠΉΠ»ΠΎΠ² ΠΈΠ· ΡΠΎΡΠΌΠ°ΡΠ° Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΎΠ² Word Π² HTML, ΡΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΡΠ°Π·Ρ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ ΠΏΡΠ°Π²ΠΈΠ»Π° HTML ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ ΠΊ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π°ΠΌ ΠΈΠ· Word-ΠΎΠ²ΡΠΊΠΈΡ ΡΠ°ΠΉΠ»ΠΎΠ².
ΠΡΡΡΠΎΠ΅Π½Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΡΠ°Π±ΠΎΡΡ Ρ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΠΌΠΈ Excel, PDF ΠΈ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΡΠΎΡΠΌΠ°ΡΠ°ΠΌΠΈ.
ΠΡΠΎΡΡΠΎΠΉ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ HTML.
Β
ΠΠ΅Π΄ΠΎΡΡΠ°ΡΠΊΠΈ HTML-Online
ΠΡΠ½ΠΎΠ²Π½ΡΠΌ Π½Π΅Π΄ΠΎΡΡΠ°ΡΠΊΠΎΠΌ ΠΎΠ½Π»Π°ΠΉΠ½ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² Π²ΠΎΠΎΠ±ΡΠ΅ ΠΈ HTML-Online Π² ΡΠ°ΡΡΠ½ΠΎΡΡΠΈ, ΡΠ²Π»ΡΠ΅ΡΡΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΡ ΠΏΠΈΡΠ°ΡΡ ΠΊΠΎΠ΄ ΡΡΠ°Π·Ρ. ΠΡΠ»ΠΈ Π²Ρ Π½Π΅ Π½Π°ΠΏΠΈΡΠΈΡΠ΅ ΠΏΡΠΎΠ΅ΠΊΡ Π·Π° ΡΠ°Π·, ΠΈΠ»ΠΈ Β Ρ Π²Π°Ρ ΠΏΡΠ΅ΡΠ²Π΅ΡΡΡ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ ΡΠΎΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠ΅, ΡΠΎ ΠΏΡΠΈΠ΄Π΅ΡΡΡ Π΄Π΅Π»Π°ΡΡ ΠΏΡΠΎΠ΅ΠΊΡ Ρ Π½Π°ΡΠ°Π»Π°.
Π€ΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π» ΠΎΠ½Π»Π°ΠΉΠ½ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² Π²ΡΠ³Π»ΡΠ΄ΠΈΡ Π±Π»Π΅Π΄Π½Π΅Π΅, Π½Π° ΡΠΎΠ½Π΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.
Β
Β
Π£ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠΎΡΡΠΎΡΠ²ΡΠ΅Π³ΠΎΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° Π΅ΡΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠ°ΠΌΠΎΠΌΡ Π²ΡΠ±ΡΠ°ΡΡ Π΄Π»Ρ ΡΠ΅Π±Ρ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠΈΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ-ΡΠ΅Π΄Π°ΠΊΡΠΎΡ. Π‘ΠΎ ΡΠ²ΠΎΠΈΠΌ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΠΎΠΌ Β«ΠΈΠ· ΠΊΠΎΡΠΎΠ±ΠΊΠΈΒ» ΠΈ Π΄ΠΎΡΡΡΠΏΠ½ΡΠΌΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π°ΠΌΠΈ.
ΠΡ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π»ΠΈ ΡΡΠ΄ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ², ΠΏΡΠΈΠ·Π½Π°Π²Π°Π΅ΠΌΡΡ
Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎΠΌ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² Π»ΡΡΡΠΈΠΌΠΈ HTML ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°ΠΌΠΈ. Π‘ΠΌΠΎΠΆΠ΅ΠΌ Π»ΠΈ ΠΌΡ Π²ΡΠ±ΡΠ°ΡΡ ΡΡΠ΅Π΄ΠΈ Π½ΠΈΡ
ΡΠ°ΠΌΡΠΉ Π»ΡΡΡΠΈΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ web ΡΡΡΠ°Π½ΠΈΡ? Π ΡΠΎΠΆΠ°Π»Π΅Π½ΠΈΡ β Π½Π΅Ρ.
ΠΠ°ΠΊ Π²ΠΈΠ΄Π½ΠΎ, Π΄Π»Ρ ΠΎΠ±Π»Π΅Π³ΡΠ΅Π½ΠΈΡ ΡΠ°Π±ΠΎΡΡ ΡΡΠΎΠ½ΡΠ΅Π½Π΄ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΠ°Π·Π½ΠΎΠΎΠ±ΡΠ°Π·Π½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΎΡΠ»ΠΈΡΠ°ΡΡΠΈΡ ΡΡ ΠΊΠ°ΠΊ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΌ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΠΎΠΌ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, Π΄ΠΎΡΡΡΠΏΠΎΠΌ ΠΊ ΠΏΠ»Π°Π³ΠΈΠ½Π°ΠΌ ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΌ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°ΠΌ, ΡΠ°ΠΊ ΠΈ ΠΏΠΎΡΠΎΠ³ΠΎΠΌ Π²Ρ ΠΎΠΆΠ΄Π΅Π½ΠΈΡ ΠΈ Π΄ΠΎΡΡΡΠΏΠ½ΡΠΌΠΈ ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ°ΠΌΠΈ, Π½Π° ΠΊΠΎΡΠΎΡΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ. ΠΡΠΈ ΡΠ°Π·Π½ΠΎΠΎΠ±ΡΠ°Π·Π½ΡΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ β Π²ΡΠ΅Π³ΠΎ Π»ΠΈΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ Π² ΡΡΠΊΠ°Ρ ΡΠ΅Π»ΠΎΠ²Π΅ΠΊΠ°, ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΠΌΡΠ΅, ΠΈΡΡ ΠΎΠ΄Ρ ΠΈΠ· ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎΠΉ Π·Π°Π΄Π°ΡΠΈ ΠΈ Π»ΠΈΡΠ½ΡΡ ΠΏΡΠ΅Π΄ΠΏΠΎΡΡΠ΅Π½ΠΈΠΉ.
ΠΠ΅ ΡΠ°ΠΊ Π²Π°ΠΆΠ½ΠΎ, ΡΡΠΎΠ±Ρ Π²Ρ ΡΡΠ°Π·Ρ Π²ΡΠ±ΡΠ°Π»ΠΈ Π΄Π»Ρ ΡΠ΅Π±Ρ ΠΎΠ΄ΠΈΠ½ ΡΠ°Π· ΠΈ Π½Π°Π²ΡΠ΅Π³Π΄Π° ΡΠ΄ΠΎΠ±Π½ΡΠΉ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Π΄Π»Ρ HTML, ΠΊΠ°ΠΊ Π²Π°ΠΆΠ½ΠΎ, ΡΡΠΎΠ±Ρ ΠΡ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°Π»ΠΈ ΠΏΠΈΡΠ°ΡΡ Π½ΠΎΠ²ΡΠ΅ ΡΠ°ΠΉΡΡ, ΡΡΠΈΠ»ΠΈΡΡ Π½ΠΎΠ²ΡΠΌ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡΠΌ ΠΈ ΠΎΡΠΊΡΡΠ²Π°Π»ΠΈ Π΄Π»Ρ ΡΠ΅Π±Ρ Π½ΠΎΠ²ΡΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ, Π½Π΅ ΠΏΠ΅ΡΠ΅ΡΡΠ°Π²Π°Ρ ΠΎΠ±ΡΡΠ°ΡΡΡΡ.
10Β ΠΏΠΎΠ»Π΅Π·Π½ΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Π΄Π»Ρ HTML-Π²Π΅ΡΡΡΠΊΠΈ | ΠΠ΅Π΄ΠΈΠ° ΠΠ΅ΡΠΎΠ»ΠΎΠ³ΠΈΠΈ
Β«ΠΠ΅ΡΠΎΠ»ΠΎΠ³ΠΈΡΒ» ΠΏΠΎΠ΄ΠΎΠ±ΡΠ°Π»Π° 10 ΠΏΠΎΠ»Π΅Π·Π½ΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΈΠ³ΠΎΠ΄ΡΡΡΡ ΠΏΡΠΈ Π²Π΅ΡΡΡΠΊΠ΅ HTML: ΠΎΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² Π΄ΠΎ Π³Π΅Π½Π΅ΡΠ°ΡΠΎΡΠΎΠ² CSS.
ΠΡΠΎΡΡΠΏΠ»Π°ΡΡΠΎΡΠΌΠ΅Π½Π½ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ, ΡΡ
ΠΎΠΆΠΈΠΉ Ρ Notepad++, Π½ΠΎ ΠΎΠ±Π»Π°Π΄Π°ΡΡΠΈΠΉ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎΠΌ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ
ΡΡΠ½ΠΊΡΠΈΠΉ. ΠΠΎΠ΄ΡΠ²Π΅ΡΠΈΠ²Π°Π΅Ρ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ, Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΡΠΎΡ
ΡΠ°Π½ΡΠ΅Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π² ΡΠ°ΠΉΠ»Π°Ρ
, ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ 27 ΡΠ·ΡΠΊΠΎΠ² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ, ΠΏΠ»Π°Π³ΠΈΠ½Ρ ΠΈ ΠΌΠ°ΠΊΡΠΎΡΡ Π½Π° Python. ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° ΡΠΌΠ΅Π΅Ρ Π·Π°ΠΏΡΡΠΊΠ°ΡΡ ΠΊΠΎΠ΄ Π±Π΅Π· ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ Π² ΠΊΠΎΠΌΠ°Π½Π΄Π½ΡΡ ΡΡΡΠΎΠΊΡ. ΠΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π΄ΠΎΡΡΡΠΏΠ½ΠΎ Π² Π²Π΅ΡΡΠΈΡΡ
Π΄Π»Ρ Windows, OS X ΠΈ Linux, Π»ΠΈΡΠ΅Π½Π·ΠΈΡ ΡΡΠΎΠΈΡ 70 Π΄ΠΎΠ»Π»Π°ΡΠΎΠ².
Π Π°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠ° Mozilla Firefox. ΠΠΎΠ½ΡΠΎΠ»Ρ ΠΈ ΠΎΡΠ»Π°Π΄ΡΠΈΠΊ JavaScript, CSS ΠΈ HTML, ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠ°ΡΡΡ ΠΊΠΎΠ΄Π°, ΠΊΠΎΡΠΎΡΠ°Ρ Π²ΡΠ·Π²Π°Π»Π° ΠΎΡΠΈΠ±ΠΊΡ. Π£ΠΌΠ΅Π΅Ρ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΠΊΠΎΠ΄ Π½Π° ΡΡΠΎΡΠΎΠ½Π΅ ΠΊΠ»ΠΈΠ΅Π½ΡΠ° Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅.
Π Π°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ Google Chrome, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π½Π°ΠΊΠ»Π°Π΄ΡΠ²Π°Π΅Ρ Π½Π° Π²Π΅ΡΡΡΠ°Π΅ΠΌΡΠΉ ΡΠ°ΠΉΡ ΠΏΠΎΠ»ΡΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΡΠΉ ΠΌΠ°ΠΊΠ΅Ρ. ΠΠ±Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΏΠΈΠΊΡΠ΅Π»ΡΠ½ΠΎ ΡΡΠ°Π²Π½ΠΈΡΡ ΠΈ Π½Π° Ρ
ΠΎΠ΄Ρ Π²Π½Π΅ΡΡΠΈ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ ΠΊΠΎΠ΄Π°. ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ»ΠΎΠ΅Π² ΠΈ ΠΈΡ
Π³ΠΈΠ±ΠΊΡΡ Π½Π°ΡΡΡΠΎΠΉΠΊΡ, Π° ΡΠ°ΠΊΠΆΠ΅ ΡΡΠ½ΠΊΡΠΈΡ Π±Π»ΠΎΠΊΠΈΡΠΎΠ²ΠΊΠΈ, ΠΏΡΠΈ ΠΊΠΎΡΠΎΡΠΎΠΉ Π²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ ΡΡΠ°Π½ΠΎΠ²ΡΡΡΡ ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡΠ½ΡΠΌΠΈ.
Π£Π΄ΠΎΠ±Π½ΡΠΉ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ ΠΏΠΎΠ΄ Windows Π΄Π»Ρ ΡΡΠ°Π²Π½Π΅Π½ΠΈΡ ΡΠ°Π·Π½ΡΡ Π²Π΅ΡΡΠΈΠΉ ΡΠ°ΠΉΠ»ΠΎΠ², Π² ΡΠΎΠΌ ΡΠΈΡΠ»Π΅ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ² Π²Π΅ΡΡΡΠΊΠΈ. Π Π°Π·Π»ΠΈΡΠΈΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π² Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠΉ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΉ ΡΠΎΡΠΌΠ΅, ΠΈΠ· ΠΊΠΎΡΠΎΡΠΎΠΉ Π²ΠΈΠ΄Π½ΠΎ, ΡΡΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»ΠΎΡΡ Π² ΠΏΡΠΎΠ΅ΠΊΡΠ΅ Π² Π½ΠΎΠ²ΠΎΠΉ Π²Π΅ΡΡΠΈΠΈ.
ΠΠ΅ΡΠΏΠ»Π°ΡΠ½Π°Ρ Windows-ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠΎΠΌ LESS. ΠΠ½ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΈΠ· ΡΠ΅Π±Ρ Π½Π°Π΄ΡΡΡΠΎΠΉΠΊΡ Π½Π°Π΄ CSS Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΌΠΈ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈΠΌΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌΠΈ. WinLess ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ LESS Π² CSS. ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΡΠΊΠ°Π½ΠΈΡΡΠ΅Ρ Π²ΡΠ±ΡΠ°Π½Π½ΡΡ ΠΏΠ°ΠΏΠΊΡ ΠΈ Π²ΡΠ±ΠΈΡΠ°Π΅Ρ ΡΠ°ΠΉΠ»Ρ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠ°Ρ Π½ΡΠΆΠ½ΡΠΉ ΠΊΠΎΠ΄.
ΠΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΡΡΠΈΡΠ½ΡΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Π΄Π»Ρ Π³Π΅Π½Π΅ΡΠ°ΡΠΈΠΈ CSS-ΠΊΠΎΠ΄Π° ΠΏΠΎΠ΄ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΠΏΡΠ΅Π΄ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π½ΡΡ Π·Π°Π΄Π°Ρ.
Π‘Π΅ΡΠ²ΠΈΡ Π΄Π»Ρ Π³Π΅Π½Π΅ΡΠ°ΡΠΈΠΈ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠΎΠ². Π Π΅Π·ΡΠ»ΡΡΠ°Ρ ΡΡΠ°Π·Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Π² Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π² Π²ΠΈΠ΄Π΅ ΠΊΠΎΠ΄Π°.
ΠΠΎΠ΄Π±ΠΎΡΠΊΠ° ΠΈΠ· ΡΠ΅ΡΡΡΠ΅Ρ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΡ Π³Π΅Π½Π΅ΡΠ°ΡΠΎΡΠΎΠ² ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π΄Π»Ρ ΠΌΠ°ΠΊΠ΅ΡΠ°: ΠΊΠ½ΠΎΠΏΠΎΠΊ, ΡΠΎΡΠΌ, ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΈ Π»Π΅Π½ΡΠΎΡΠ΅ΠΊ. Π Π΅Π·ΡΠ»ΡΡΠ°Ρ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΠ³ΡΡΠ·ΠΈΡΡ Π² Π²ΠΈΠ΄Π΅ ΠΊΠΎΠ΄Π° HTML ΠΈΠ»ΠΈ CSS.
50 ΠΊΠ»Π°ΡΡΠ½ΡΡ ΡΠ΅ΡΠ²ΠΈΡΠΎΠ², ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌ ΠΈ ΡΠ°ΠΉΡΠΎΠ² Π΄Π»Ρ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ²
- ΠΠ»Π°Π²Π½Π°Ρ
- ->
- ΠΠ°ΡΠ΅ΡΠΈΠ°Π»Ρ
- ->
- 50 ΠΊΠ»Π°ΡΡΠ½ΡΡ ΡΠ΅ΡΠ²ΠΈΡΠΎΠ², ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌ ΠΈ ΡΠ°ΠΉΡΠΎΠ² Π΄Π»Ρ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ²
Reg.ru: Π΄ΠΎΠΌΠ΅Π½Ρ ΠΈ Ρ ΠΎΡΡΠΈΠ½Π³
ΠΡΡΠΏΠ½Π΅ΠΉΡΠΈΠΉ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΎΡ ΠΈ Ρ ΠΎΡΡΠΈΠ½Π³-ΠΏΡΠΎΠ²Π°ΠΉΠ΄Π΅Ρ Π² Π ΠΎΡΡΠΈΠΈ.
ΠΠΎΠ»Π΅Π΅ 2 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½ΠΎΠ² Π΄ΠΎΠΌΠ΅Π½Π½ΡΡ ΠΈΠΌΠ΅Π½ Π½Π° ΠΎΠ±ΡΠ»ΡΠΆΠΈΠ²Π°Π½ΠΈΠΈ.
ΠΡΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅, ΠΏΠΎΡΡΠ° Π΄Π»Ρ Π΄ΠΎΠΌΠ΅Π½Π°, ΡΠ΅ΡΠ΅Π½ΠΈΡ Π΄Π»Ρ Π±ΠΈΠ·Π½Π΅ΡΠ°.
ΠΠΎΠ»Π΅Π΅ 700 ΡΡΡ. ΠΊΠ»ΠΈΠ΅Π½ΡΠΎΠ² ΠΏΠΎ Π²ΡΠ΅ΠΌΡ ΠΌΠΈΡΡ ΡΠΆΠ΅ ΡΠ΄Π΅Π»Π°Π»ΠΈ ΡΠ²ΠΎΠΉ Π²ΡΠ±ΠΎΡ.
ΠΠ΅ΡΠ΅ΠΉΡΠΈ Π½Π° ΡΠ°ΠΉΡ->
ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΠΡΡΡ «ΠΡΠ°ΠΊΡΠΈΠΊΠ° HTML5 ΠΈ CSS3»
ΠΡΠ²ΠΎΠΉΡΠ΅ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ ΠΏΠΎΡΠ°Π³ΠΎΠ²ΡΠΉ Π²ΠΈΠ΄Π΅ΠΎΠΊΡΡΡ
ΠΏΠΎ ΠΎΡΠ½ΠΎΠ²Π°ΠΌ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΠΉ Π²Π΅ΡΡΡΠΊΠΈ
Π½Π° HTML5 ΠΈ CSS3 Ρ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ Π½ΡΠ»Ρ.
ΠΠ°ΡΠ°ΡΡ->
ΠΠΎΡΠ°Π³ΠΎΠ²ΡΠΉ Π²ΠΈΠ΄Π΅ΠΎΠΊΡΡΡ ΠΏΠΎ ΠΎΡΠ½ΠΎΠ²Π°ΠΌ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΠΉ Π²Π΅ΡΡΡΠΊΠΈ Π² ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ΅ Bootstrap.
ΠΠ°ΡΡΠΈΡΠ΅ΡΡ Π²Π΅ΡΡΡΠ°ΡΡ ΠΏΡΠΎΡΡΠΎ, Π±ΡΡΡΡΠΎ ΠΈ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΌΠΎΡΠ½ΡΠΉ ΠΈ ΠΏΡΠ°ΠΊΡΠΈΡΠ½ΡΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ.
ΠΠ΅ΡΡΡΠ°ΠΉΡΠ΅ Π½Π° Π·Π°ΠΊΠ°Π· ΠΈ ΠΏΠΎΠ»ΡΡΠ°ΠΉΡΠ΅ Π΄Π΅Π½ΡΠ³ΠΈ.
ΠΠΎΠ»ΡΡΠΈΡΡ Π² ΠΏΠΎΠ΄Π°ΡΠΎΠΊ->
ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΠΊΡΡΡ «Π‘Π°ΠΉΡ Π½Π° WordPress»
Π₯ΠΎΡΠΈΡΠ΅ ΠΎΡΠ²ΠΎΠΈΡΡ CMS WordPress?
ΠΠΎΠ»ΡΡΠΈΡΠ΅ ΡΡΠΎΠΊΠΈ ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ ΠΈ Π²Π΅ΡΡΡΠΊΠ΅ ΡΠ°ΠΉΡΠ° Π½Π° WordPress.
ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ Π²ΠΈΠ΄Π΅ΠΎΠΊΡΡΡ ΠΏΠΎ ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΡΠ°ΠΉΡΠ°, Π΅Π³ΠΎ Π²Π΅ΡΡΡΠΊΠ΅ ΠΈ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ΅ Π½Π° CMS WordPress!
ΠΠΎΠ»ΡΡΠΈΡΡ Π² ΠΏΠΎΠ΄Π°ΡΠΎΠΊ->
*ΠΠ°Π²Π΅Π΄ΠΈΡΠ΅ ΠΊΡΡΡΠΎΡ ΠΌΡΡΠΈ Π΄Π»Ρ ΠΏΡΠΈΠΎΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ.
ΠΠ°Π·Π°Π΄ ΠΠΏΠ΅ΡΠ΅Π΄
50 ΠΊΠ»Π°ΡΡΠ½ΡΡ ΡΠ΅ΡΠ²ΠΈΡΠΎΠ², ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌ ΠΈ ΡΠ°ΠΉΡΠΎΠ² Π΄Π»Ρ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ²
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ Π²Ρ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ ΠΏΠΎΠ΄Π±ΠΎΡΠΊΡ ΠΈΠ· 50 ΠΏΠΎΠ»Π΅Π·Π½ΡΡ Π² Ρ ΠΎΠ·ΡΠΉΡΡΠ²Π΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌ, ΠΎΠ½Π»Π°ΠΉΠ½-ΡΠ΅ΡΠ²ΠΈΡΠΎΠ² ΠΈ ΡΠ°ΠΉΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠΌΠΎΠ³ΡΡ Π²Π°ΠΌ Π±ΡΡΡΡΠ΅Π΅ ΠΎΠ±ΡΡΠ°ΡΡΡΡ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅, Π΄Π΅Π»Π°ΡΡ Π±ΠΎΠ»ΡΡΠ΅ ΠΈ Π±ΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΏΡΠΎΠ΄ΡΠΊΡΠΈΠ²Π½ΡΠΌΠΈ.
Π―ΡΠ½ΠΎΠ΅ Π΄Π΅Π»ΠΎ, ΡΡΠΎ Π½ΠΈΠΊΠ°ΠΊΠΎΠΉ ΡΠΏΠΈΡΠΎΠΊ ΠΈΠ»ΠΈ ΠΎΠ±Π·ΠΎΡ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΈΡΡΠ΅ΡΠΏΡΠ²Π°ΡΡΠΈΠΌ, ΠΈ ΡΠ΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅:
ΠΠΈΠ·Π°ΠΉΠ½
1. Bootstrap Studio
Bootstrap Studio — ΡΡΠΎ ΠΌΠΎΡΠ½ΡΠΉ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΎΡ ΡΠΈΠΏΠ° drag and drop Π΄Π»Ρ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ° Bootstrap. ΠΠ½ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π²Π½ΡΡΠΈΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΡ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ². Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡΡΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΡΠΊΠΎΡΠΈΡΡ ΠΏΡΠΎΡΠ΅ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΈ ΠΏΡΠΎΡΠ΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΡΠ°ΠΉΡΠ° ΡΡΠ°Π·Ρ Π½Π° Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ .
Π£Π²Ρ, ΡΡΠΎ Π½Π΅ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ, Π½ΠΎ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π±ΡΡΡ ΡΠΎΡΠ½ΠΎ ΡΠ²Π΅ΡΠ΅Π½Ρ, ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΡΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΎΡΠ° ΠΎΠΊΡΠΏΠΈΡΡΡ ΠΌΠ½ΠΎΠ³ΠΎΠΊΡΠ°ΡΠ½ΠΎ. ΠΡΠΎ ΠΎΡΠ»ΠΈΡΠ½Π°Ρ ΠΈΠ½Π²Π΅ΡΡΠΈΡΠΈΡ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π±ΠΎΠ»Π΅Π΅ ΠΈΠ»ΠΈ ΠΌΠ΅Π½Π΅Π΅ ΡΠ΅ΡΡΠ΅Π·Π½ΠΎΠ³ΠΎ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°.
2. Subtle Patterns
ΠΠ°ΠΌΠ΅ΡΠ°ΡΠ΅Π»ΡΠ½ΡΠΉ ΡΠ΅ΡΡΡΡ Ρ Π²ΡΡΠΎΠΊΠΎΠΊΠ°ΡΠ΅ΡΡΠ²Π΅Π½Π½ΡΠΌΠΈ ΠΏΠ°ΡΡΠ΅ΡΠ½Π°ΠΌΠΈ Ρ ΡΠ΅ΠΊΡΡΡΡΠ°ΠΌΠΈ. ΠΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΠΎΡΠ»ΠΈΡΠ½ΡΡ Ρ ΡΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΎΠ² ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ² Π²Π½Π΅ΡΠ»ΠΈ ΡΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ Π² ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΡΠΎΠΉ ΠΌΠΎΡΠ½ΠΎΠΉ ΠΊΠΎΠ»Π»Π΅ΠΊΡΠΈΠΈ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅Π½Π½ΡΡ ΠΈ ΡΠ°Π·Π½ΠΎΡΡΠΎΡΠΎΠ½Π½ΠΈΡ ΠΏΠ°ΡΡΠ΅ΡΠ½ΠΎΠ². ΠΡΠ΄Π΅Π»ΡΠ½ΠΎ ΠΎΡΠΌΠ΅ΡΡ ΡΠ΄ΠΎΠ±Π½ΡΡ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ ΠΈ ΠΏΡΠ΅Π΄ΠΏΡΠΎΡΠΌΠΎΡΡ ΠΏΠ°ΡΡΠ΅ΡΠ½ΠΎΠ² ΠΏΠ΅ΡΠ΅Π΄ ΡΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΠ΅ΠΌ.
3. Blokk Font
Blokk — ΡΡΠΎ ΡΡΠΈΡΡ, ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π½ΡΠΉ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ² (ΡΠ°ΠΊ Π½Π°Π·ΡΠ²Π°Π΅ΠΌΡΡ mock-ups) ΠΈ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΡΠ»ΠΈΡΠ½ΠΎΠΉ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΠΎΠΉ ΠΏΡΠΈΠ²ΡΡΠ½ΠΎΠΌΡ Lorem Ipsum.
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡ Π΅Π³ΠΎ Π² ΡΠΎΠΌ, ΡΡΠΎ Π²ΠΌΠ΅ΡΡΠΎ Π½Π°Π±ΠΎΡΠ° Π±ΡΠΊΠ² Π½Π° ΡΠΊΡΠ°Π½Π΅ ΠΌΡ Π²ΠΈΠ΄ΠΈΠΌ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΡΠ΅ Π±Π»ΠΎΠΊΠΈ ΡΠ°Π·Π½ΠΎΠΉ Π΄Π»ΠΈΠ½Ρ, ΠΈΠΌΠΈΡΠΈΡΡΡΡΠΈΠ΅ ΠΎΠ±ΡΡΠ½ΡΠΉ ΡΡΡΠΎΠΉ ΡΠ΅ΡΠΈ. ΠΡΠΎ Π΄Π°Π΅Ρ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π±ΡΠ΄Π΅Ρ Π·Π°ΠΏΠΎΠ»Π½ΡΡΡΡΡ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠΎΠΌ Π½Π°Ρ ΡΠ°ΠΉΡ Π² Π±ΡΠ΄ΡΡΠ΅ΠΌ.
4. FreePik
Freepik ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ Π²ΡΠ΅ΠΌ ΠΆΠ΅Π»Π°ΡΡΠΈΠΌ ΠΊΠΎΠ»ΠΎΡΡΠ°Π»ΡΠ½ΡΡ ΠΊΠΎΠ»Π»Π΅ΠΊΡΠΈΡ Π²Π΅ΠΊΡΠΎΡΠ½ΠΎΠΉ Π³ΡΠ°ΡΠΈΠΊΠΈ, ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΉ, SVG-ΡΠ΅ΠΊ, PSD-ΡΠ΅ΠΊ ΠΈ ΡΡΠΎΠΊΠΎΠ²ΡΡ ΡΠΎΡΠΎ.
ΠΡΠ΅ ΡΡΠΎ Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠΈΠ΅ Π°ΠΊΠΊΡΡΠ°ΡΠ½ΠΎ ΡΠ°ΡΡΠΎΡΡΠΈΡΠΎΠ²Π°Π½ΠΎ ΠΏΠΎ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΡΠΌ, ΠΏΠΎΡΡΠΎΠΌ ΠΏΡΠΎΠ±Π»Π΅ΠΌ Ρ ΠΏΠΎΠΈΡΠΊΠΎΠΌ Π½ΡΠΆΠ½ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π±ΡΡΡ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ. ΠΠ΄ΠΈΠ½ΡΡΠ²Π΅Π½Π½ΡΠΉ ΠΌΠΈΠ½ΡΡ — ΠΏΠΎΡΠΎΠΉ ΡΡΡΠ΄Π½ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡΡΡ Ρ Π²ΡΠ±ΠΎΡΠΎΠΌ, Π²Π΅Π΄Ρ Π½Π° ΠΌΠΎΠΌΠ΅Π½Ρ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ ΡΡΠ°ΡΡΠΈ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ Π΄ΠΎΡΡΡΠΏΠ½ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΡΠ΅Π²ΡΡΠΈΠ»ΠΎ ΡΠΆΠ΅ 1,5 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½Π°.
5. ΠΠ°ΠΌΠ΅ΡΠ°ΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ
ΠΠΎ ΡΡΡΠ»ΠΊΠ΅ Π²ΡΡΠ΅ Π²Ρ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ ΡΠΏΠΈΡΠΎΠΊ ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ Π΄Π΅ΡΡΡΠΊΠΎΠ² ΡΠ΅ΡΡΡΡΠΎΠ², Π½Π° ΠΊΠΎΡΠΎΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ ΡΠΊΠ°ΡΠ°ΡΡ Π³ΡΠ°ΡΠΈΠΊΡ ΡΠ°ΠΌΠΎΠ³ΠΎ ΡΠ°Π·Π½ΠΎΠ³ΠΎ ΠΏΠ»Π°Π½Π°. Π£ΡΠ»ΠΎΠ²ΠΈΡ Π»ΠΈΡΠ΅Π½Π·ΠΈΠΉ ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠΎΠΏΠΈΡΠ°Π½Ρ.
6. Google Fonts
ΠΠΏΠΎΠ»Π½Π΅ Π²Π΅ΡΠΎΡΡΠ½ΠΎ, ΡΡΠΎ ΠΏΡΠΎ Google Fonts Π²Ρ ΡΠΆΠ΅ Π½Π΅ ΡΠ°Π· ΡΠ»ΡΡΠ°Π»ΠΈ ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅, Π½ΠΎ Π²ΡΠ΅ ΠΆΠ΅ Π½Π΅Π»ΡΠ·Ρ Π±ΡΠ»ΠΎ ΠΎΠ±ΠΎΠΉΡΠΈ Π΅Π³ΠΎ ΡΡΠΎΡΠΎΠ½ΠΎΠΉ. ΠΡΠΎ Π³ΡΠ³Π»ΠΎΠ²ΡΠΊΠ°Ρ «Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°», ΠΊΡΠ΄Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠΉΡΠΈ Π² ΠΏΠΎΠΈΡΠΊΠ°Ρ ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ ΠΏΡΠΈΡΡΠ½ΠΎΠ³ΠΎ Π΄Π»Ρ Π³Π»Π°Π·Π° ΡΡΠΈΡΡΠ°.
7. By People
ByPeople.com — ΡΡΠΎ ΡΠ΅ΡΡ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ ΡΠ°ΡΡΠ΅Ρ ΠΈ ΠΏΠΎΠΏΠΎΠ»Π½ΡΠ΅ΡΡΡ. Π’Π°ΠΌ Π²Ρ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ ΠΌΠΎΡΠ΅ ΠΊΡΠ°ΡΠΈΠ²ΠΎΠΉ ΠΈ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ Π³ΡΠ°ΡΠΈΠΊΠΈ, ΡΠ½ΠΈΠΏΠΏΠ΅ΡΡ ΠΊΠΎΠ΄Π°, ΠΏΠΎΠ»Π΅Π·Π½ΡΠ΅ ΡΠ΅ΡΡΡΡΡ. ΠΡΠ΅ ΡΡΠΎ ΠΎΡΠ³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½ΠΎ ΠΏΠΎ ΡΠΏΠΈΡΠΊΠ°ΠΌ ΠΈ Π΄ΠΎΡΡΡΠΏΠ½ΠΎ Π΄Π»Ρ ΡΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΡ Π½Π°ΠΏΡΡΠΌΡΡ Ρ ΡΠ°ΠΉΡΠ°.
8. Snipplr
Snippler ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π΄Π»Ρ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΠ½ΠΈΠΏΠΏΠ΅ΡΠΎΠ² ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° ΠΈ ΠΎΠ±ΠΌΠ΅Π½Π° ΠΈΠΌΠΈ Ρ Π΄ΡΡΠ³ΠΈΠΌΠΈ Π»ΡΠ΄ΡΠΌΠΈ.
ΠΠ΄Π΅ΡΡ Π²Ρ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ ΡΡΡΡΡΠΈ ΡΠ½ΠΈΠΏΠΏΠ΅ΡΠΎΠ² Π½Π° javascript, php, css, ruby ΠΈ Π΄ΡΡΠ³ΠΈΡ ΡΠ·ΡΠΊΠ°Ρ . ΠΠ°ΠΊ Π²Π°ΡΠΈΠ°Π½Ρ — ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅ΡΡ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Ρ: CSS-tricksβs snippets ΠΈΠ»ΠΈ githubβs gists.
9. HailPixel
ΠΠ΅Π³Π°ΡΠ΄ΠΎΠ±Π½ΡΠΉ ΡΠ΅ΡΠ²ΠΈΡ Π΄Π»Ρ ΠΏΠΎΠ΄Π±ΠΎΡΠ° ΡΠ²Π΅ΡΠ°. ΠΡΠΎΡΡΠΎ Π΄Π²ΠΈΠ³Π°ΠΉΡΠ΅ ΠΌΡΡΠΊΠΎΠΉ ΠΏΠΎ ΡΠΊΡΠ°Π½Ρ, ΠΈ ΡΠ²Π΅Ρ, Π΅Π³ΠΎ Π½Π°ΡΡΡΠ΅Π½Π½ΠΎΡΡΡ ΠΈ ΡΡΠΊΠΎΡΡΡ Π±ΡΠ΄ΡΡ ΠΌΠ΅Π½ΡΡΡΡΡ Π² ΠΏΡΠΎΡΠ΅ΡΡΠ΅, Π·Π°Π»ΠΈΠ²Π°Ρ ΡΠΎΠ±ΠΎΠΉ Π²Π΅ΡΡ ΡΠΊΡΠ°Π½. ΠΡΠ΅Π½Ρ ΡΠ΄ΠΎΠ±Π½ΠΎ, ΠΊΠΎΠ³Π΄Π° Π½ΡΠΆΠ½ΠΎ ΠΏΡΠ΅Π΄ΡΡΠ°Π²ΠΈΡΡ ΡΠ΅Π±Π΅ ΠΎΠ±ΡΡΡ ΠΊΠ°ΡΡΠΈΠ½Ρ, Π° Π½Π΅ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΠΊΡΡΠΎΡΠ΅ΠΊ ΡΠ²Π΅ΡΠ° ΡΠ°Π·ΠΌΠ΅ΡΠΎΠΌ 100 Π½Π° 100 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ.
ΠΠΎΠ²ΡΠΎΡΠ½ΡΠΉ ΠΊΠ»ΠΈΠΊ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²Π°ΠΌ «Π·Π°ΠΏΠΎΠΌΠ½ΠΈΡΡ» ΠΊΠΎΠ΄ Π²ΡΠ±ΡΠ°Π½Π½ΠΎΠ³ΠΎ ΡΠ²Π΅ΡΠ°. ΠΡΠΎΡΠ΅Π΄ΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΎΠ΄Π΅Π»Π°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°Π·, Π΅ΡΠ»ΠΈ Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠΎΠ΄ΠΎΠ±ΡΠ°ΡΡ ΡΡΠ°Π·Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΎΡΠ΅ΡΠ°ΡΡΠΈΡ ΡΡ ΡΠ²Π΅ΡΠΎΠ².
10. Lokes HD Hakar
ΠΡΠ΅Π½Ρ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠΉ ΠΈ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΎΠ½Π»Π°ΠΉΠ½-ΡΠ΅ΡΠ²ΠΈΡ Ρ Π½Π΅ΠΎΠ±ΡΡΠ½ΠΎΠΉ Π·Π°Π΄ΡΠΌΠΊΠΎΠΉ. ΡΡΡΡ Π² ΡΠΎΠΌ, ΡΡΠΎ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π·Π°Π³ΡΡΠ·ΠΈΡΡ Π»ΡΠ±ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π΄ΠΈΠ·Π°ΠΉΠ½ ΡΠ°ΠΉΡΠ°) ΠΈ ΡΠ·Π½Π°ΡΡ ΡΠ²Π΅ΡΠΎΠ²ΡΡ ΠΏΠ°Π»ΠΈΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Ρ Π΄ΠΎΠΌΠΈΠ½Π°Π½ΡΠ½ΡΠΌ ΡΠ²Π΅ΡΠΎΠΌ. ΠΡΠ»ΠΈΡΠ½ΡΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Π΄Π»Ρ ΠΏΡΠΈΠ½ΡΡΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡΠΊΠΈΡ ΡΠ΅ΡΠ΅Π½ΠΈΠΉ.
11. Dribbble
Dribbble — ΡΡΠΎ ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²ΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ², Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ², ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΎΡΠΎΠ², ΡΠΈΠΏΠΎΠ³ΡΠ°ΡΠΎΠ², ΡΠΎΠ·Π΄Π°ΡΠ΅Π»Π΅ΠΉ ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΈ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠΎΠ² ΠΈ Ρ.Π΄., Π³Π΄Π΅ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΡΠ°ΡΡΠ½ΠΈΠΊ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠΊΠ»Π°Π΄ΡΠ²Π°ΡΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΠ΅ ΡΠΊΡΠΈΠ½ΡΠΎΡΡ ΡΠ²ΠΎΠΈΡ ΡΠ΅ΠΊΡΡΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ² ΠΈ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ ΡΠ²ΠΎΠΈ ΡΠ°Π±ΠΎΡΡ. ΠΡΠ΅ΠΊΡΠ°ΡΠ½ΠΎΠ΅ ΠΌΠ΅ΡΡΠΎ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΠΏΠΎΡΠ΅ΡΠΏΠ½ΡΡΡ ΡΠ²Π΅ΠΆΠΈΠ΅ ΠΈΠ΄Π΅ΠΈ Π΄Π»Ρ ΡΠ΅Π±Ρ ΠΈ ΡΠ²ΠΎΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ².
12. Bootstrap
Π€ΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ½ΠΎΠΉ (ΠΏΠΎ-Π°Π³Π»ΠΈΡΠΊΠΈ: front-end) ΡΠ°ΡΡΠΈ Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ².
ΠΠΎΠΌΠΎΠ³Π°Π΅Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π²Π°ΡΠΈ ΡΠ°ΠΉΡΡ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΠΌΠΈ ΠΈ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΎΡΠ΅Π½Ρ Π΄Π°ΠΆΠ΅ ΠΏΡΠΈΠ»ΠΈΡΠ½ΠΎ Π½Π° ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ ΡΠ°ΠΌΠΎΠ³ΠΎ ΡΠ°Π·Π½ΠΎΠ³ΠΎ ΡΠΈΠΏΠ°. ΠΠ½ΡΡΡΠΈ — Π½Π°ΡΠΈΠ½ΠΊΠ° ΠΈΠ· ΡΠ°ΠΊ Π½Π°Π·ΡΠ²Π°Π΅ΠΌΠΎΠΉ «ΡΠ΅ΡΠΊΠΈ» (ΠΈΠ· 12 ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ), ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠ΅ΠΉ Π³ΠΈΠ±ΠΊΠΎ ΡΠΏΡΠ°Π²Π»ΡΡΡ Π²Π½Π΅ΡΠ½ΠΈΠΌ Π²ΠΈΠ΄ΠΎΠΌ ΡΠ°ΠΉΡΠ° ΠΈ ΡΠΎΠ½Π½Ρ CSS ΠΈ JavaScript-ΡΠΈΡΠ΅ΠΊ Π΄Π»Ρ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ Π²Π½Π΅ΡΠ½Π΅Π³ΠΎ Π²ΠΈΠ΄Π° ΠΈ ΡΠ·Π°Π±ΠΈΠ»ΠΈΡΠΈ.
13. Patternizer
ΠΡΠΎ ΠΎΠ½Π»Π°ΠΉΠ½-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π»Π΅Π³ΠΊΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΏΠ°ΡΡΠ΅ΡΠ½Ρ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΏΠΎΠ»ΠΎΡ — ΡΠΏΡΠ°Π²ΠΈΡΡΡ Π΄Π°ΠΆΠ΅ ΡΠ΅Π±Π΅Π½ΠΎΠΊ. ΠΠΎΡΠΎΠ²ΡΠ΅ ΠΏΠ°ΡΡΠ΅ΡΠ½Ρ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΡ ΡΠ°Π½ΡΡΡ ΠΈ Π΄Π΅Π»ΠΈΡΡΡΡ ΠΈΠΌΠΈ Ρ ΠΊΠΎΠ»Π»Π΅Π³Π°ΠΌΠΈ ΠΏΡΠΈ ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΠ΅.
14. Project Parfait
Project Perfait — ΠΏΡΠΎΠ΄ΡΠΊΡ ΠΎΡ Adobe, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΠΉ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π²Π°ΠΆΠ½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ PSD-ΡΠ°ΠΉΠ»Π°Ρ ΠΏΡΡΠΌΠΎ Π² ΠΎΠΊΠ½Π΅ ΡΠ²ΠΎΠ΅Π³ΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΠ°. ΠΠ° ΠΌΠΎΠΌΠ΅Π½Ρ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ ΡΡΠ°ΡΡΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ, ΠΏΡΠ°Π²Π΄Π°, Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π»Π°ΡΡ.
ΠΠΎΠ΄ΠΈΠ½Π³
15. Emmet
ΠΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π½Π΅ΠΎΠ±ΡΡΠ½ΡΠΉ, Π½ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ Π΄Π»Ρ Π²Π΅ΡΡΡΠ°Π»ΡΡΠΈΠΊΠΎΠ² ΠΏΠ»Π°Π³ΠΈΠ½, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΠΉ Π² ΡΠ°Π·Ρ ΡΡΠΊΠΎΡΠΈΡΡ Π²ΡΠ΅ΠΌΡ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ HTML-ΠΊΠΎΠ΄Π°, Π΅ΡΠ»ΠΈ Π²Ρ ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΡΠ΅ΡΠ΅ΡΡ Π² CSS.
Π‘ΡΡΡ Π² ΡΠΎΠΌ, ΡΡΠΎ Π²Ρ ΠΏΠΈΡΠ΅ΡΠ΅ ΠΊΡΠ°ΡΠΊΡΡ Π·Π°ΠΏΠΈΡΡ ΠΈΠ· CSS-ΠΏΡΠ°Π²ΠΈΠ», ΠΊΠΎΡΠΎΡΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΡΠ΅Ρ Π² ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΡΡ html-ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ.
ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΡΠ°ΠΌΠ° ΠΈΠ΄Π΅Ρ ΠΊΠ°ΠΆΠ΅ΡΡΡ Π²Π°ΠΌ ΡΡΡΠ°Π½Π½ΠΎΠΉ ΠΈ Π±Π΅ΡΡΠΌΡΡΠ»Π΅Π½Π½ΠΎΠΉ, ΠΏΠΎΡΡΠΎΠΌΡ Ρ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΡ Π²Π°ΠΌ Π·Π°Π³Π»ΡΠ½ΡΡΡ Π½Π° Π³Π»Π°Π²Π½ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΠΏΡΠΎΠ΅ΠΊΡΠ° ΠΈ Π·Π°ΠΏΡΡΡΠΈΡΡ Π΄Π΅ΠΌΠΎ-Π²ΠΈΠ΄Π΅ΠΎ. Π£ΠΆΠ΅ ΡΠ΅ΡΠ΅Π· 10-15 ΡΠ΅ΠΊΡΠ½Π΄ Π²Ρ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅, Π½Π°ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΌΠΎΡΠ½ΡΠΌ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΡΠΎΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ, ΠΈ ΠΊΠ°ΠΊ ΠΎΠ½ ΡΠΌΠΎΠΆΠ΅Ρ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡΡ Π²Π°ΡΠ΅ Π²ΡΠ΅ΠΌΡ.
16. JavaScript Beautifier
ΠΠ°Π½Π½ΡΠΉ ΠΏΡΠΎΠ΅ΠΊΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π½Π°Π²Π΅ΡΡΠΈ ΠΏΠΎΡΡΠ΄ΠΎΠΊ Π² JavaScript ΠΈ Html-ΠΊΠΎΠ΄Π΅.
ΠΠ°ΡΠ° Π·Π°Π΄Π°ΡΠ° — «ΡΠΊΠΎΡΠΌΠΈΡΡ» Π΅ΠΌΡ Π½Π΅ΠΎΡΠ³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½ΡΠΉ, ΠΏΠ»ΠΎΡ ΠΎ ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΊΠΎΠ΄ ΠΈ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π½Π° Π²ΡΡ ΠΎΠ΄Π΅ «Π³Π»Π°Π΄ΠΊΠΎ ΠΏΡΠΈΡΠ΅ΡΠ°Π½Π½ΡΠΉ», Ρ ΠΎΡΠΎΡΠΎ ΡΡΡΡΠΊΡΡΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ, ΠΏΡΠΈΡΡΠ½ΡΠΉ Π΄Π»Ρ Π³Π»Π°Π·Π° ΠΈ Π΄ΡΡΠ³ΠΈΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π±ΡΠ΄ΡΡ Π²ΠΈΠ΄Π΅ΡΡ Π΅Π³ΠΎ ΠΏΠΎΡΠ»Π΅ Π²Π°Ρ.
ΠΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΡΠ΅ΡΠ²ΠΈΡ Π² Π΄Π°Π½Π½ΠΎΠΌ ΠΏΡΠ½ΠΊΡΠ΅ — ΡΡΠΎ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ JSON-ΡΠ΅Π΄Π°ΠΊΡΠΎΡ. Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΡ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ, Π΅ΡΠ»ΠΈ Π²Ρ ΡΠ°ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΠ΅ΡΠ΅ Ρ Π΄Π°Π½Π½ΡΠΌ ΡΠΎΡΠΌΠ°ΡΠΎΠΌ ΠΎΠ±ΠΌΠ΅Π½Π° Π΄Π°Π½Π½ΡΡ .
17. CodePen
CodePen — ΠΏΡΠΎΠ΅ΠΊΡ, ΠΏΡΠ΅Π΄Π»Π°Π³Π°ΡΡΠΈΠΉ Π²ΡΠ΅ΠΌ ΠΆΠ΅Π»Π°ΡΡΠΈΠΌ Π΄Π΅ΠΌΠΎ Π²ΠΏΠ΅ΡΠ°ΡΠ»ΡΡΡΠΈΡ CSS3 ΠΈ JavaScript-ΡΡΡΠ΅ΠΊΡΠΎΠ² Π΄Π»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π² Π²Π΅Π±-ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°Ρ . ΠΠΎΡΡΠΎΠΌΡ Π΅ΡΠ»ΠΈ Π²Ρ ΠΎΡ ΠΎΡΠΈΡΠ΅ΡΡ Π·Π° ΡΠΈΠΌΠΏΠ°ΡΠΈΡΠ½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΈΠ»ΠΈ ΠΏΡΠΎΡΡΠΎ ΠΈΡΠ΅ΡΠ΅ Π²Π΄ΠΎΡ Π½ΠΎΠ²Π΅Π½ΠΈΡ ΠΈ Π½ΠΎΠ²ΡΡ ΠΈΠ΄Π΅ΠΉ — ΠΌΠΈΠ»ΠΎΡΡΠΈ ΠΏΡΠΎΡΠΈΠΌ)
18. W3 Validator
ΠΠ°Π»ΠΈΠ΄Π°ΡΠΎΡ — ΡΡΠΎ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΡΠ΅ΡΠ²ΠΈΡ ΠΎΡ ΠΠΎΠ½ΡΠΎΡΡΠΈΡΠΌΠ° ΠΡΠ΅ΠΌΠΈΡΠ½ΠΎΠΉ ΠΠ°ΡΡΠΈΠ½Ρ (W3C), ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΠΉ ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ Π²Π°Π»ΠΈΠ΄Π½ΠΎΡΡΡ ΡΠΎΡΡΠ°Π²Π»Π΅Π½ΠΈΡ Π²Π΅Π±-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΎΠ². ΠΠ½ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΎΠ²Π΅ΡΡΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΡ, Π½Π°ΠΏΠΈΡΠ°Π½Π½ΡΠ΅ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π½Π° Π»ΡΠ±ΠΎΠΌ ΡΠ·ΡΠΊΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ ΠΈ Π΄Π°ΡΡ Π²Π°ΠΌ ΡΠ΅ΡΠΊΠΈΠ΅ ΡΠΊΠ°Π·Π°Π½ΠΈΡ Π½Π° ΠΎΡΠΈΠ±ΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π·Π°ΠΊΡΠ°Π»ΠΈΡΡ Π² Π²Π°Ρ ΠΊΠΎΠ΄.
ΠΠΎ-Ρ ΠΎΡΠΎΡΠ΅ΠΌΡ, ΡΡΠΎΡ ΡΠ΅ΡΠ²ΠΈΡ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΡΠ°ΡΡ ΠΏΠ΅ΡΠ²ΡΠΌ ΠΌΠ΅ΡΡΠΎΠΌ, ΠΊΡΠ΄Π° Π²Ρ ΠΈΠ΄Π΅ΡΠ΅ Π΄Π»Ρ ΠΏΡΠΎΠ²Π΅ΡΠΊΠΈ ΠΊΠ°ΡΠ΅ΡΡΠ²Π° ΠΈ Π±Π΅Π·ΠΎΡΠΈΠ±ΠΎΡΠ½ΠΎΡΡΠΈ ΡΠ²ΠΎΠ΅ΠΉ Π²Π΅ΡΡΡΠΊΠΈ.
19. Mincss
Mincss — Π²ΠΏΠΎΠ»Π½Π΅ ΡΠ΅Π±Π΅ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΡΠ΅ΡΠ²ΠΈΡ, ΡΡΡΡ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΠΏΠΎΠΈΡΠΊΠ΅ Π½Π° ΡΠ°ΠΉΡΠ΅ Π½Π΅ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ CSS-ΠΏΡΠ°Π²ΠΈΠ». ΠΡΠΌΠ°Ρ, ΡΡΠΎ Π²Ρ Π½Π΅ ΡΠ°Π· ΠΎΡΡΠ°Π²Π»ΡΠ»ΠΈ Π² CSS-ΡΠ°ΠΉΠ»Π΅ ΠΏΡΠ°Π²ΠΈΠ»Π°, Π΅ΡΠ»ΠΈ Π½Π΅ Π±ΡΠ»ΠΈ ΡΠ²Π΅ΡΠ΅Π½Ρ Π½Π°Π²Π΅ΡΠ½ΡΠΊΠ°, ΡΡΠΎ ΠΎΠ½ΠΈ Π½ΠΈΠ³Π΄Π΅ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ. ΠΠΎΠ½ΡΡΠ½ΠΎ, ΡΡΠΎ Π²ΡΠ΅ ΡΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠ²Π΅ΡΠΈΡΡ, Π½ΠΎ Π²ΡΠ΅ΠΌΡ…
ΠΠ°Π½Π½Π°Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ° ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²Π°ΠΌ «ΡΠΊΠΎΡΠΌΠΈΡΡ» Π΅ΠΉ URL-Π°Π΄ΡΠ΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π½Π° Π²ΡΡ ΠΎΠ΄Π΅ ΡΠΎΠ»ΡΠΊΠΎ CSS-ΠΊΠΎΠ΄, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ΅Π°Π»ΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΡΡΠΈΠ»Π΅Π²ΠΎΠ³ΠΎ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠΌΠ΅Π½Π½ΠΎ Π΅Π³ΠΎ ΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΡΠ°Π²ΠΈΡΡ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΠΈΠ½Π°Π»ΡΠ½ΠΎΠΉ Π²Π΅ΡΡΠΈΠΈ Π½Π΅ ΡΡΡΡΡ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Π½Π° Π΄Π»ΠΈΡΠ΅Π»ΡΠ½ΠΎΠ΅ Π²ΡΠΈΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π²ΡΡΡΠ½ΡΡ.
20. Koala App
ΠΠ°ΠΌΠ΅ΡΠ°ΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΠΊΡΠΎΡΡ-ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ΅Π½Π½ΠΎΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΊΠΎΠΌΠΏΠΈΠ»ΠΈΡΡΠ΅Ρ Π²Π°ΡΠΈ less/sass ΠΈ coffee-ΡΠ°ΠΉΠ»Ρ.
21. Jsfiddle
Jsfiddle — ΡΠ΄ΠΎΠ±Π½ΠΎΠ΅ ΠΌΠ΅ΡΡΠΎ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΠΏΠΈΡΠ°ΡΡ ΠΊΠΎΠ΄ ΠΈ Π΄Π΅Π»ΠΈΡΡΡΡ ΠΈΠΌ.
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΡΡ ΠΏΠ°Π½Π΅Π»ΠΈ Π΄Π»Ρ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ CSS, HTML ΠΈ JavaScript-ΠΊΠΎΠ΄Π° Π² ΡΠ°ΠΌΠΊΠ°Ρ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΎΠ΅ΠΊΡΠ°. Π’Π°ΠΊΠΆΠ΅ ΡΠ΅ΡΠ²ΠΈΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°ΡΡ ΡΡΠ΄ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊ, ΡΠ°ΠΊΠΈΡ ΡΠ°ΠΊ jQuery, AngularJS ΠΈ Π΄Ρ. ΠΠ°ΡΠ΅ΠΌ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π·Π°ΠΏΡΡΡΠΈΡΡ ΠΊΠΎΠ΄ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ, Π»ΠΈΠ±ΠΎ ΡΠΎΡ ΡΠ°Π½ΠΈΡΡ Π΅Π³ΠΎ Π΄Π»Ρ Π±ΡΠ΄ΡΡΠΈΡ Π΄ΠΎΡΠ°Π±ΠΎΡΠΎΠΊ.
22. Hurl
ΠΡΠΎ ΡΡΠΈΠ»ΠΈΡΠ° Π΄Π»Ρ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ API. ΠΡ Π²ΡΠ±ΠΈΡΠ°Π΅ΡΠ΅ ΠΌΠ΅ΡΠΎΠ΄ Π·Π°ΠΏΡΠΎΡΠ°, Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΡΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΈ POST-ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ, Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΡΠ΅ Π±Π°Π·ΠΎΠ²ΡΡ Π°Π²ΡΠΎΡΠΈΠ·Π°ΡΠΈΡ (ΠΈΠ»ΠΈ OAuth) ΠΈ Π΄Π°ΠΆΠ΅ ΠΏΡΠΎΠ³ΡΠ»ΠΈΠ²Π°Π΅ΡΠ΅ΡΡ ΠΏΠΎ ΡΠ΅Π΄ΠΈΡΠ΅ΠΊΡΠ°ΠΌ. ΠΠΎΡΠ»Π΅ ΡΡΠΎΠ³ΠΎ ΡΠΌΠΎΡΡΠΈΡΠ΅ Π½Π° ΠΏΡΠΈΡΡΠ½ΠΎ ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ Π·Π°ΠΏΡΠΎΡ ΠΈ ΠΎΡΠ²Π΅Ρ.
23. SublimeText
Sublime Text — ΠΌΠΎΡΠ½ΡΠΉ ΡΠ΅ΠΊΡΡΠ²ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Π½Π° ΡΠ°ΠΌΡΠΉ Π²Π·ΡΡΠΊΠ°ΡΠ΅Π»ΡΠ½ΡΠΉ Π²ΠΊΡΡ. ΠΠ½ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ Π²Π°ΠΌ Π²Π΅ΡΡΠΌΠ° ΡΠ»Π΅Π³Π°Π½ΡΠ½ΠΎ ΠΏΠΈΡΠ°ΡΡ ΠΊΠΎΠ΄ ΠΈ Π²ΠΈΡΡΡΠΎΠ·Π½ΠΎ «ΠΈΠ³ΡΠ°ΡΡ» Ρ ΡΠ΅ΠΊΡΡΠΎΠΌ Π² ΠΏΡΠΎΡΠ΅ΡΡΠ΅ ΡΠ°Π±ΠΎΡΡ. ΠΡΠ»ΠΈ Π²Ρ ΠΊΠΎΠ΄Π΅Ρ, ΡΠΎ ΡΡΠΎ ΠΏΡΠΎΡΡΠΎ ΡΡΠΎΠΈΡ ΠΏΠΎΠΏΡΠΎΠ±ΠΎΠ²Π°ΡΡ.
24. Cloud9
Cloud9 — ΡΡΠΎ ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΡΠΉ ΠΈ ΠΎΡΠ΅Π½Ρ ΠΌΠΎΡΠ½ΡΠΉ ΠΎΠ±Π»Π°ΡΠ½ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΠΊΠΎΠ΄Π°. ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Π±ΠΎΠ»Π΅Π΅ 40 ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΠ·ΡΠΊΠΎΠ², ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π²ΡΠ΅ ΠΏΡΠΈΠ²ΡΡΠ½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ ΡΠΈΠΏΠΈΡΠ½ΡΠ΅ Π΄Π»Ρ ΠΎΡΡΠ»Π°ΠΉΠ½ ΡΡΠ΅Π΄ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ, Π΄Π° ΠΈ ΠΏΡΠΎΡΡΠΎ ΠΎΡΠ΅Π½Ρ ΠΊΡΠ°ΡΠΈΠ² ΠΈ ΠΏΡΠΈΡΡΠ΅Π½ Π΄Π»Ρ Π³Π»Π°Π·Π°.
25. Heroku
Heroku ΠΎΠΊΠ°Π·Π°Π»ΠΈΡΡ ΠΏΠ΅ΡΠ²ΡΠΌΠΈ ΠΈ Π³Π»Π°Π²Π½ΡΠΌΠΈ ΡΠ΅ΡΡΠ΅Π·Π½ΡΠΌΠΈ ΠΈΠ³ΡΠΎΠΊΠ°ΠΌΠΈ ΡΡΠ΅Π΄ΠΈ ΠΎΠ±Π»Π°ΡΠ½ΡΡ PAAS-ΠΏΠ»Π°ΡΡΠΎΡΠΌ. Π Π°Π½ΡΡΠ΅ Π½Π°ΠΌ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΠ»ΠΎΡΡ Π½Π°Π΄Π΅ΡΡΡΡΡ Π½Π° Π΄Π΅ΡΠ΅Π²ΡΡ Ρ ΠΎΡΡΠΈΠ½Π³-ΠΏΡΠΎΠ²Π°ΠΉΠ΄Π΅ΡΠΎΠ² Ρ ΡΠΎΠΌΠ½ΠΈΡΠ΅Π»ΡΠ½ΡΠΌ ΡΡΠΎΠ²Π½Π΅ΠΌ Π½Π°Π΄Π΅ΠΆΠ½ΠΎΡΡΠΈ ΠΈ ΠΎΡΠΊΠ°Π·ΠΎΡΡΡΠΎΠΉΡΠΈΠ²ΠΎΡΡΠΈ, Π½ΠΎ ΡΠ΅ΠΏΠ΅ΡΡ ΡΡΠΎ Π² ΠΏΡΠΎΡΠ»ΠΎΠΌ. ΠΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠ²ΡΠΊΠ°ΡΡ ΠΊ Ρ ΠΎΡΠΎΡΠ΅ΠΌΡ (Π΅ΡΠ»ΠΈ Π²Π°ΠΌ ΡΡΠΎ Π½ΡΠΆΠ½ΠΎ).
26. Vagrant
Vagrant ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΡΡΡ ΠΊΠ°ΠΊ ΠΎΠ±ΡΡΠ½Π°Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° ΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΏΠΎΠ»Π½ΡΠ΅ ΡΡΠ΅Π΄Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ. ΠΠ»Ρ ΡΠ°Π±ΠΎΡΡ Π½ΡΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°ΡΡ, ΠΊΠ°ΠΊΠΎΠΉ ΡΠΈΠΏ ΠΌΠ°ΡΠΈΠ½Ρ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΈ ΠΊΠ°ΠΊΠΎΠΉ ΡΠΎΡΡ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ Π½Π° Π½Π΅ΠΉ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½. ΠΠΎΡΠ»Π΅ ΡΡΠΎΠ³ΠΎ Vagrant «ΡΠΎΠ±ΠΈΡΠ°Π΅Ρ» Π΄Π»Ρ Π½Π°Ρ ΡΡΠ΅Π΄Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ (Π² Ρ.Ρ. ΠΈ Π΄Π»Ρ ΡΠ΅Π»ΠΎΠΉ ΠΊΠΎΠΌΠ°Π½Π΄Ρ Π»ΡΠ΄Π΅ΠΉ Π·Π° ΡΠ°Π·Π½ΡΠΌΠΈ ΠΌΠ°ΡΠΈΠ½Π°ΠΌΠΈ).
Π‘Π°ΠΌΡΠΉ Π³Π»Π°Π²Π½ΡΠΉ ΠΏΠ»ΡΡ — ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π±ΡΡΡ ΠΏΡΠΎ ΡΠ»ΠΎΠ²Π°, Π²ΡΠΎΠ΄Π΅: «Π‘ΡΡΠ°Π½Π½ΠΎ, ΡΡΠΎ Π·Π΄Π΅ΡΡ Π½Π΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ, Ρ ΠΌΠ΅Π½Ρ Π½Π° ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΊΠ°ΠΊ Π½Π°Π΄ΠΎ». ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΡΠΎΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ, Π²Ρ ΡΠΈΠ»ΡΠ½ΠΎ ΡΠΏΡΠΎΡΡΠΈΡΠ΅ ΠΈ ΡΠ΄Π΅ΡΠ΅Π²ΠΈΡΠ΅ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΡΡ ΡΠ°Π±ΠΎΡΡ Π·Π° ΡΡΠ΅Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅Π½ ΠΊΠΎΠΌΠ°Π½Π΄Ρ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π² ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΈΠ΄Π΅Π½ΡΠΈΡΠ½ΠΎΠΉ ΡΡΠ΅Π΄Π΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ.
Π₯ΠΎΡΡΠΈΠ½Π³ ΠΈ Π±ΡΠ°ΡΠ·Π΅Ρ
27. PingDomβs Website Speed Test
ΠΠ°ΠΊ Π²ΠΈΠ΄Π½ΠΎ ΠΈΠ· Π½Π°Π·Π²Π°Π½ΠΈΡ, Π·Π°Π΄Π°ΡΠ° ΡΠ°ΠΉΡΠ° — ΠΏΡΠΎΠ°Π½Π°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ ΡΠΊΡΠΎΡΡΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ Π½Π°ΡΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ² ΠΈ ΠΏΠΎΠΌΠΎΡΡ Π½Π°ΠΌ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈΡ Π±ΠΎΠ»Π΅Π΅ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΌΠΈ. Π Π΅Π·ΡΠ»ΡΡΠ°ΡΡ Π°Π½Π°Π»ΠΈΠ·Π° ΡΠ°Π΄ΡΡΡ ΡΠ²ΠΎΠ΅ΠΉ Π³Π»ΡΠ±ΠΈΠ½ΠΎΠΉ ΠΈ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠ²Π½ΠΎΡΡΡΡ. ΠΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΡΠ΅ΡΠ²ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ Π²Π°ΠΌ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ ΡΠΊΠΎΡΠΎΡΡΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΠ°ΠΉΡΠ° — ΡΡΠΎ Googleβs Page Speed Insights, Π΄Π°ΡΡΠΈΠΉ ΠΏΡΠ°ΠΊΡΠΈΡΠ½ΡΠ΅ Π΄Π΅ΠΉΡΡΠ²Π΅Π½Π½ΡΠ΅ ΡΠΎΠ²Π΅ΡΡ.
28. Domai.nr
Π‘ ΠΏΠΎΠΌΠΎΡΡΡ domai.nr Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ Π½Π° Π·Π°Π½ΡΡΠΎΡΡ Π»ΡΠ±ΠΎΠΉ Π΄ΠΎΠΌΠ΅Π½ ΠΈ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ ΠΏΠΎ ΠΏΠΎΡ ΠΎΠΆΠΈΠΌ Π΄ΠΎΠΌΠ΅Π½Π½ΡΠΌ ΠΈΠΌΠ΅Π½Π°ΠΌ. Π Π°Π±ΠΎΡΠ°Π΅Ρ Ρ ΠΎΡΠΎΡΠΎ ΠΈ ΡΡΡΡΡΠΎ. ΠΡΠ΅ ΠΎΠ΄Π½Π° ΠΊΠ»Π°ΡΡΠ½Π°Ρ ΡΡΠ½ΠΊΡΠΈΡ — ΡΡΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ «ΠΏΠ°ΠΊΠ΅ΡΠ½ΠΎ» ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ Π½Π° Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΡ ΡΡΠ°Π·Ρ Ρ ΠΎΡΡ ΡΡΡΡΡΠΈ Π΄ΠΎΠΌΠ΅Π½Π½ΡΡ ΠΈΠΌΠ΅Π½.
29. Browser Shots
Browershots — ΡΡΠΎ ΠΎΠ½Π»Π°ΠΉΠ½-ΡΠ΅ΡΠ²ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΠΌΠΈΡΠΈΡΡΠ΅Ρ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΡΠ°ΠΉΡΠ° Π² ΡΠ°ΠΌΡΡ ΡΠ°Π·Π½ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ ΡΠ°Π·Π½ΡΡ Π²Π΅ΡΡΠΈΠΉ ΠΈ Π΄Π°Π΅Ρ Π½Π°ΠΌ Π½Π° ΡΡΠ΅Π΄Π΅Π½ΠΈΠ΅ ΠΊΡΡΡ ΡΠΊΡΠΈΠ½ΡΠΎΡΠΎΠ², ΡΡΠΎΠ±Ρ ΠΌΡ ΠΎΡΠ΅Π½ΠΈΠ»ΠΈ, Π½Π΅ ΠΊΠΎΡΡΠ²ΠΎ Π»ΠΈ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ Π½Π°ΡΠ΅ ΡΠ²ΠΎΡΠ΅Π½ΠΈΠ΅)
30. Piwik
Piwik — ΡΠΎΡΠΎ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΡΠ±ΠΎΡΠ° ΡΡΠ°ΡΠΈΡΡΠΈΡΠ΅ΡΠΊΠΈΡ Π΄Π°Π½Π½ΡΡ ΠΎ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»ΡΡ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ°.
ΠΠ½Π°Π»ΠΈΡΠΈΠΊΠ° ΠΈ ΡΡΠ°ΡΠΈΡΡΠΈΠΊΠ° — ΠΏΠΎΠ΄ΡΠΎΠ±Π½Π΅ΠΉΡΠΈΠ΅ (Π°-Π»Ρ Google Analytics ΠΈΠ»ΠΈ Π―Π½Π΄Π΅ΠΊΡ.ΠΠ΅ΡΡΠΈΠΊΠ°), Π½ΠΎ Π²ΠΊΡΡΠ½ΠΎΡΡΡ Π² ΡΠΎΠΌ, ΡΡΠΎ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π² Π±ΡΠΊΠ²Π°Π»ΡΠ½ΠΎΠΌ ΡΠΌΡΡΠ»Π΅ ΡΠ»ΠΎΠ²Π° ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΡΡ ΡΠΈΡΡΠ΅ΠΌΡ ΡΠ΅Π±Π΅ Π½Π° ΡΠ΅ΡΠ²Π΅Ρ ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΈΠΌ Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΠΎ ΠΎΡ ΡΠΎΠ³ΠΎ, ΡΡΠΎ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ Ρ Π΅Π΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌΠΈ. ΠΠ°ΡΡΠ΄Ρ Ρ ΡΡΠΈΠΌ Π΅ΡΡΡ ΠΈ ΠΊΠ»Π°ΡΡΠΈΡΠ΅ΡΠΊΠΈΠΉ Π²Π°ΡΠΈΠ°Π½Ρ, ΠΊΠΎΠ³Π΄Π° Π²Ρ ΠΎΠ±ΡΠ°ΡΠ°Π΅ΡΠ΅ΡΡ ΠΊ Piwik ΠΊΠ°ΠΊ ΠΊ ΡΠ΅ΡΠ²ΠΈΡΡ.
31. Responsinator
Responsinator ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²Π΅Π±ΠΌΠ°ΡΡΠ΅ΡΠ°ΠΌ Π±ΡΡΡΡΠΎ ΡΠ²ΠΈΠ΄Π΅ΡΡ, ΠΊΠ°ΠΊ ΠΈΡ ΡΠ°ΠΉΡ Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ Π½Π° Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π΅ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΡ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ².
32. Whats my browser size?
ΠΠ·ΠΌΠ΅ΡΡΠ΅Ρ ΡΠ°Π·ΠΌΠ΅Ρ ΠΎΠΊΠ½Π° Π±ΡΠ°ΡΠ·Π΅ΡΠ°. ΠΡΠΎΡΡ Π΄ΠΎ Π±Π΅Π·ΠΎΠ±ΡΡΠ°Π·ΠΈΡ ΠΈ ΠΏΡΠΈ ΡΡΠΎΠΌ Π²ΡΠ΅ΠΌΠ΅Π½Π°ΠΌΠΈ ΠΎΡΠ΅Π½Ρ ΠΏΠΎΠ»Π΅Π·Π΅Π½.
ΠΠ±ΡΠ°Π±ΠΎΡΠΊΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ
33. Real Favicon Generator
ΠΡΠ»ΠΈΡΠ½ΡΠΉ ΡΠ΅ΡΠ²ΠΈΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ favicons. ΠΠΌΠ΅ΡΡΠΎ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½ΠΈΡ Π²Π°ΠΌ ΠΎΠ΄Π½ΠΎΠΉ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠΉ ΠΈΠΊΠΎΠ½ΠΊΠΈ, ΡΠ΅ΡΠ²ΠΈΡ Π΄Π°Π΅Ρ Π²Π°ΠΌ Π½Π° ΡΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅Π»ΡΡ ΠΏΠ°ΡΠΊΡ ΠΈΠΊΠΎΠ½ΠΎΠΊ — ΠΏΠΎΠ΄ ΡΠ°Π·Π½ΡΠ΅ ΡΡΡΡΠΎΠΉΡΡΠ²Π° ΠΈ ΡΠ»ΡΡΠ°ΠΈ ΠΆΠΈΠ·Π½ΠΈ.
34. Pixlr
Pixlr — ΠΎΡΠ΅Π½Ρ ΠΈ ΠΎΡΠ΅Π½Ρ Π΄ΠΎΡΡΠΎΠΉΠ½ΡΠΉ ΠΎΠ½Π»Π°ΠΉΠ½-ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Π³ΡΠ°ΡΠΈΠΊΠΈ Ρ Π±ΠΎΠ³Π°ΡΡΠΌ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΠΎΠΌ. Π Π°Π±ΠΎΡΠ°Π΅Ρ ΠΎΠ½ ΡΠΎΡΠ½ΠΎ ΡΠ°ΠΊ, ΠΊΠ°ΠΊ ΠΎΠ±ΡΡΠ½ΡΠ΅ ΠΎΡΡΠ°Π»ΠΉΠ½-ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ, Π½ΠΎ ΡΠΎΠ»ΡΠΊΠΎ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅. ΠΠ°Π½Π½ΠΎΠΌΡ ΠΏΡΠΎΠ΅ΠΊΡΡ ΡΠΆΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π»Π΅Ρ, ΠΈ ΠΎΠ½ ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ ΠΎΡΡΠ°Π΅ΡΡΡ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· Π»ΡΡΡΠΈΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΡ ΡΠ΅ΡΠ΅Π½ΠΈΠΉ ΡΠ°ΠΊΠΎΠ³ΠΎ ΠΏΠ»Π°Π½Π°.
35. Place it
Placeit.net — ΡΡΠΎ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ² ΠΈΠ»ΠΈ «Π΄Π΅ΠΌΠΎ-Π²Π΅ΡΡΠΈΠΉ» ΡΠ°ΠΉΡΠΎΠ². ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π²ΡΠ±ΡΠ°ΡΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Ρ ΡΠ΅Π±Ρ Π½Π° ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ΅, ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ ΠΈΡ Π² ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΡ ΠΎΠ±Π»Π°ΡΡΡΡ ΡΠΆΠ΅ Π·Π°Π³ΠΎΡΠΎΠ²Π»Π΅Π½Π½ΡΡ Π½Π° ΡΠ΅ΡΠ²ΠΈΡΠ΅ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ² ΠΈ Π½Π°ΡΠ»Π°ΠΆΠ΄Π°ΡΡΡΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠΎΠΌ.
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ — Π²Π°ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΡΠ²ΠΈΡΡΡ Π½Π° ΡΠ°Π±Π»ΠΎΠ½Π΅ Π½Π° ΠΌΠΎΠ½ΠΈΡΠΎΡΠ΅ ΠΈΠ»ΠΈ Π½Π° ΡΠΊΡΠ°Π½Π΅ ΡΠ°Π·Π½ΠΎΠ³ΠΎ ΡΠΎΠ΄Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ². ΠΠ²ΡΡΠΈΡ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΈ Ρ ΠΈΡΡΠΎ, Π½ΠΎ Π½Π° Π΄Π΅Π»Π΅ Π²ΡΠ΅ ΠΏΡΠΎΡΡΠΎ — ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΡ ΠΏΠΎΠΏΡΠΎΠ±ΠΎΠ²Π°ΡΡ, ΠΈ Π²Ρ Π½Π°Π²Π΅ΡΠ½ΡΠΊΠ° Π½Π°ΠΉΠ΄Π΅ΡΠ΅ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ΠΌ ΡΡΠΎΠΌΡ ΡΠ΅ΡΠ²ΠΈΡΡ.
36. Place hold
Placehold.it ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ-Π·Π°Π³Π»ΡΡΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ΄ΠΎΠ±Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠ°ΠΊ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΠΈ ΠΌΠ΅ΡΡΠ° ΠΏΡΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΡΠΎΠ΅ΠΊΡΠ°. ΠΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ Π²ΡΠ±Π΅ΡΠ΅ΡΠ΅ ΡΠ°Π·ΠΌΠ΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΎΡΡΠΎ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½Π½ΡΡ ΡΡΡΠ»ΠΊΡ ΠΈ Π²ΡΡΠ°Π²ΠΈΡΡ Π΅Π΅ Π² Π°ΡΡΠΈΠ±ΡΡ src ΡΡΠ³Π° img Π² ΠΊΠΎΠ΄Π΅.
37. Pic Resize
ΠΠ΅ΡΠΌΠΎΡΡΡ Π½Π° Π³ΠΎΠ²ΠΎΡΡΡΠ΅Π΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΡΡΠΎΠ³ΠΎ ΡΠ΅ΡΠ²ΠΈΡΠ° Π²ΡΡ ΠΎΠ΄ΡΡ Π΄Π°Π»Π΅ΠΊΠΎ Π·Π° ΠΏΡΠ΅Π΄Π΅Π»Ρ Π»ΠΈΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΡ ΠΎΠ±ΡΠ΅Π·ΠΊΡ, ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΠΈΠ»ΡΡΡΡ Π° ΡΠ°ΠΊΠΆΠ΅ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π΄ΡΡΠ³ΠΈΠ΅ ΡΠΎΡΠΌΠ°ΡΡ.
38. HipChat
Π‘ ΠΏΠΎΠΌΠΎΡΡΡ HipChat Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΡΠ³Π°Π½ΠΈΠ·ΠΎΠ²Π°ΡΡ ΡΠ΄ΠΎΠ±Π½ΡΡ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΡΡ ΡΠ°Π±ΠΎΡΡ ΡΠΎ ΡΠ²ΠΎΠΈΠΌΠΈ ΠΊΠΎΠ»Π»Π΅Π³Π°ΠΌΠΈ ΠΈΠ»ΠΈ ΠΏΠ°ΡΡΠ½Π΅ΡΠ°ΠΌΠΈ Π² ΡΠ΅Π°Π»ΡΠ½ΠΎΠΌ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ. Π‘ΡΠ΅Π΄ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ ΡΠ΅ΡΠ²ΠΈΡΠ° — ΠΎΠ±ΠΌΠ΅Π½ ΡΠ°ΠΉΠ»Π°ΠΌΠΌ, Π²ΠΈΠ΄Π΅ΠΎΡΠ°Ρ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ ΡΠΊΡΠ°Π½Π°.
39. GitHub ΠΈ Bitbucket
Git ΡΠ΄Π΅Π»Π°Π» ΠΊΠΎΠ½ΡΡΠΎΠ»Ρ Π²Π΅ΡΡΠΈΠΉ Π΄ΠΎΡΡΡΠΏΠ½ΡΠΌ Π΄Π»Ρ ΠΌΠ°ΡΡ, Π° Github ΠΏΡΠΎΠΈΠ·Π²Π΅Π» ΡΠ΅Π²ΠΎΠ»ΡΡΠΈΡ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ ΡΠΎΡΡΡΠ΄Π½ΠΈΡΠ΅ΡΡΠ²Π° ΡΡΠ΅Π΄ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ². Github — ΡΠ°ΠΌΡΠΉ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΠΉ ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΠΉ Π² ΠΌΠΈΡΠ΅, Π΄Π°ΡΡΠΈΠΉ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ ΠΎΠ±ΡΠ°ΡΠ°ΡΡΡΡ ΠΊ Π»ΡΠ±ΡΠΌ Π·Π°Π³ΡΡΠΆΠ΅Π½Π½ΡΠΌ Π² Π½Π΅Π³ΠΎ Π΄Π°Π½Π½ΡΠΌ.
Π Π°ΡΡΠΈΡΠ΅Π½ΠΈΡ Π΄Π»Ρ Π₯ΡΠΎΠΌΠΎΠ³ΠΎ (Chrome) ΠΈ ΠΠ³Π½Π΅Π½Π½ΠΎΠΉ ΠΠΈΡΡ (Firefox)
40. Hasher
Hasher ΠΏΠΎΠ΄ΡΡΠΈΡΡΠ²Π°Π΅Ρ ΠΊΡΠΈΠΏΡΠΎΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ Ρ ΡΡΠΈ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ MD5 ΠΈΠ»ΠΈ SHA-1. ΠΠ½ ΠΏΠΎΠ»Π½ΠΎΡΡΡ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½ Π½Π° JavaScript, ΠΏΠΎΡΡΠΎΠΌΡ Π²ΡΠ΅ Π²ΡΡΠΈΡΠ»Π΅Π½ΠΈΡ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° ΡΡΠΎΡΠΎΠ½Π΅ ΠΊΠ»ΠΈΠ΅Π½ΡΠ°.
41. Visual Event
ΠΠ°Π½Π½ΠΎΠ΅ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π²ΡΠ΅ ΡΠΎΠ±ΡΡΠΈΡ, «Π·Π°Π²ΡΠ·Π°Π½Π½ΡΠ΅» Π½Π° ΡΠΎΡ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ ΡΠ·Π΅Π» Π² DOM-ΠΌΠΎΠ΄Π΅Π»ΠΈ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°. ΠΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π²Π΅ΡΡΠΌΠ° ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ ΡΡΡΠΊΠΎΠΉ, ΠΊΠΎΠ³Π΄Π° Π²Ρ ΠΈΠΌΠ΅Π΅ΡΠ΅ Π΄Π΅Π»ΠΎ ΡΠΎ ΡΠ»ΠΎΠΆΠ½ΡΠΌΠΈ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌΠΈ JavaScript-ΡΠΎΠ±ΡΡΠΈΠΉ.
42. Page Ruler
ΠΡΡΡΡΡΠΉ ΡΠΏΠΎΡΠΎΠ± Π²ΡΡΡΠ½ΠΈΡΡ ΡΠΈΡΠΈΠ½Ρ, Π²ΡΡΠΎΡΡ ΠΈ ΡΠΊΡΠ°Π½Π½ΡΡ ΠΏΠΎΠ·ΠΈΡΠΈΡ ΡΠΎΠ³ΠΎ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°.
43. JSONView
ΠΠ΄Π΄-ΠΎΠ½ Π΄Π»Ρ Chrome ΠΈ Firefox, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΠΉ ΡΠΈΡΠ°ΡΡ ΠΈ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΡ Π²Π°Π»ΠΈΠ΄Π°ΡΠΈΡ JSON-ΡΠ°ΠΉΠ»ΠΎΠ² Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅.
44. SEO Serp Workbench
Π Π°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠ΅Π΅ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π΄Π΅ΡΠ°Π»ΡΠ½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΊΠ°ΡΠ°ΡΠ΅Π»ΡΠ½ΠΎ ΠΏΠΎΠ·ΠΈΡΠΈΠΉ ΡΠ°ΠΉΡΠ° Π² ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΎΠΉ Π²ΡΠ΄Π°ΡΠ΅ ΠΏΠΎ ΡΠ΅ΠΌ ΠΈΠ»ΠΈ ΠΈΠ½ΡΠΌ ΠΊΠ»ΡΡΠ΅Π²ΡΠΌ Π·Π°ΠΏΡΠΎΡΠ°ΠΌ.
45. ColorZilla
ΠΠ»Π°Π³ΠΈΠ½ Firefox, ΡΠ΅ΠΏΠ΅ΡΡ Π΄ΠΎΡΡΡΠΏΠ½ΡΠΉ ΠΈ Π΄Π»Ρ Chrome. ΠΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ Π±ΠΎΠ³Π°ΡΡΠΉ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π» ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ ΠΊΠ°ΡΠ°Π΅ΡΡΡ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ ΡΠ²Π΅ΡΠΎΠ² Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅.
ΠΠ±ΡΡΠ°ΡΡΠΈΠ΅ ΡΠ΅ΡΡΡΡΡ
46. Tutorialzine
Tutorialzine — ΡΡΠΎ ΡΠ°ΠΉΡ, Ρ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΠΏΠ΅ΡΠ΅Π²Π΅Π΄Π΅Π½Π° Π΄Π°Π½Π½Π°Ρ ΡΡΠ°ΡΡΡ. ΠΠ½ΠΈ ΠΏΡΠ±Π»ΠΈΠΊΡΡΡ Π΄ΠΎΡΡΠΎΠΉΠ½ΡΠ΅ ΡΡΠ°ΡΡΠΈ ΠΈ ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΊΠΎΠ΄Π° ΠΊΠ°ΠΆΠ΄ΡΡ Π½Π΅Π΄Π΅Π»Ρ. ΠΠ°Π³Π»ΡΠ΄ΡΠ²Π°ΠΉΡΠ΅ ΠΊ Π½ΠΈΠΌ Π΄Π»Ρ ΡΠ²Π΅ΠΆΠΈΡ ΠΈΠ΄Π΅ΠΉ ΠΈ Π·Π½Π°Π½ΠΈΠΉ.
47. Codecademy
ΠΡΠ»ΠΈΡΠ½ΠΎΠ΅ ΠΌΠ΅ΡΡΠΎ Π΄Π»Ρ Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΡ ΠΊΠΎΠ΄Π΅ΡΠΎΠ² ΠΈ Π»ΡΠ΄Π΅ΠΉ, ΠΎΡΠ²Π°ΠΈΠ²Π°ΡΡΠΈΡ Π½ΠΎΠ²ΡΠΉ ΡΠ·ΡΠΊ Π² ΡΠ΅ΠΌΠ΅ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ. ΠΠ»Π°Π²Π½Π°Ρ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡ — Π»Π΅Π³ΠΊΠΈΠΉ, ΠΏΠΎΠ»ΡΠΈΠ³ΡΠΎΠ²ΠΎΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ ΠΊ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ ΡΠ°ΠΌΡΠΌ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΠΌ ΡΠ·ΡΠΊΠ°ΠΌ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈ API.
48. CodeSchool
ΠΠΈΠ΄Π΅ΠΎΠΊΡΡΡΡ ΠΏΠΎ Ruby, Javascript, HTML/CSS ΠΈ iOS-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅. ΠΡΡΡ ΡΡΠΎΠΊΠΈ ΠΈ ΡΠΏΡΠ°ΠΆΠ½Π΅Π½ΠΈΡ ΠΊΠ°ΠΊ Π΄Π»Ρ Π½ΠΎΠ²ΠΈΡΠΊΠΎΠ², ΡΠ°ΠΊ ΠΈ Π΄Π»Ρ ΠΏΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΡ ΡΠ΅Π±ΡΡ ΠΈ Π΄Π΅Π²ΡΠ°Ρ.
49. Bento
Bento — ΡΡΠΎ Π±Π΅ΡΠΏΠ»Π°ΡΠ½Π°Ρ ΠΊΠΎΠ»Π»Π΅ΠΊΡΠΈΡ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ² ΠΏΠΎ ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈ Π΄ΡΡΠ³ΠΈΠΌ Π°ΡΠΏΠ΅ΠΊΡΠ°ΠΌ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ. ΠΡΠ±ΠΎΠΏΡΡΠ½ΠΎ, ΡΡΠΎ ΡΠ°ΠΌ Π²Ρ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎ ΠΌΠ΅ΠΉΠ½ΡΡΡΠΈΠΌ-ΡΠ·ΡΠΊΠ°ΠΌ, Π½ΠΎ ΠΈ Π² ΠΌΠ΅ΡΡ ΡΠΊΠ·ΠΎΡΠΈΡΠ΅ΡΠΊΠΈ Π²Π΅ΡΠΈ, Π° Π»Ρ: ‘elixir’ ΠΈΠ»ΠΈ ‘backbone.js’.
50. Programming, Motherfucker
Π‘ΡΠΈΠ»Ρ ΡΡΠΎΠ³ΠΎ ΠΏΡΠΎΠ΅ΠΊΡΠ°, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΠΏΠΎΠ½ΡΠ°Π²ΠΈΡΡΡ Π½Π΅ Π²ΡΠ΅ΠΌ, ΠΎΠ΄Π½Π°ΠΊΠΎ Π·Π° ΠΎΡΠΎΠ±ΡΠΌ ΡΡΠ²ΡΡΠ²ΠΎΠΌ ΡΠΌΠΎΡΠ° ΠΈ Π½Π΅ΠΎΠ±ΡΡΠ½ΡΠΌ ΡΠ»Π΅Π½Π³ΠΎΠΌ ΠΊΡΠΎΠ΅ΡΡΡ ΡΠ΅ΡΡΡΡ Ρ Π½Π΅Π²ΠΎΠΎΠ±ΡΠ°Π·ΠΈΠΌΡΠΌ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎΠΌ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΡ ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΡΡ ΠΊΠ½ΠΈΠ³ ΠΊΠ°ΠΊ ΠΏΠΎ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌ ΡΠ·ΡΠΊΠ°ΠΌ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ, ΡΠ°ΠΊ ΠΈ ΠΏΠΎ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΊΠ°ΠΊ ΡΠ°ΠΊΠΎΠ²ΠΎΠΌΡ.
Π Π°Π·Π½ΠΎΠ΅
51. ΠΠ²ΡΠΊΠΈ ΠΊΠΎΠ΄ΠΈΠ½Π³Π°
ΠΠ΅Ρ Π½ΠΈΡΠ΅Π³ΠΎ Π±ΠΎΠ»Π΅Π΅ ΡΡΠΏΠΎΠΊΠ°ΠΈΠ²Π°ΡΡΠ΅Π³ΠΎ, ΡΠ΅ΠΌ ΠΏΠΈΡΠ°ΡΡ ΠΊΠΎΠ΄ ΠΏΠΎΠ΄ Π·Π²ΡΠΊΠΈ Π΄ΠΎΠΆΠ΄Ρ. ΠΠ²Π° ΡΠ°ΠΌΡΡ ΠΈΠ·Π²Π΅ΡΡΠ½ΡΡ ΡΠ°ΠΉΡΠ° Π² ΡΡΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ — ΡΡΠΎ Rainy Mood ΠΈ Raining.fm. ΠΡΠΎΡΠΎΠΉ Π΄Π°ΠΆΠ΅ Π΄Π°Π΅Ρ Π½Π°ΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΠΎΠ²Π°ΡΡ Π³ΡΠΎΠΌΠΊΠΎΡΡΡ Π΄ΠΎΠΆΠ΄Ρ ΠΈ Π³ΡΠΎΠΌΠ°:) ΠΡ ΠΈ ΡΡΠ΅ΡΠΈΠΉ ΡΠ΅ΡΡΡΡ — ΡΡΠΎ Coding.fm. ΠΠ΄Π΅ΡΡ ΡΠΆΠ΅ Π½Π΅Ρ Π΄ΠΎΠΆΠ΄Ρ, Π·Π°ΡΠΎ Π½Π° Π²ΡΠ±ΠΎΡ Π΅ΡΡΡ ΡΡΠΈ Π²Π°ΡΠΈΠ°Π½ΡΠ° Π·Π²ΡΠΊΠΎΠ² ΡΠ°ΠΌΠΎΠ³ΠΎ ΠΏΡΠΎΡΠ΅ΡΡΠ° ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ. ΠΠ°ΡΠ»Π°ΠΆΠ΄Π°ΠΉΡΠ΅ΡΡ.
ΠΡ ΡΡΠΎ ΠΆ, Π½Π° ΡΡΠΎΠΌ ΠΏΠΎΠΊΠ° Π²ΡΡ. ΠΡΠΌΠ°Ρ, ΡΡΠΎ Π΄Π°ΠΆΠ΅ ΠΎΠΏΡΡΠ½ΡΠ΅ Π²Π΅Π±-ΡΠ°Π·ΡΠ±ΠΎΡΡΠΈΠΊΠΈ ΡΠΌΠΎΠ³Π»ΠΈ Π½Π°ΠΉΡΠΈ Π΄Π»Ρ ΡΠ΅Π±Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π½ΠΎΠ²ΡΡ ΠΏΠΎΠ»Π΅Π·Π½ΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² ΠΈΠ»ΠΈ ΡΡΡΠ»ΠΎΠΊ, Π° Π½ΠΎΠ²ΠΈΡΠΊΠΈ ΠΈ Π²ΠΎΠ²ΡΠ΅ ΡΠ΅ΡΡΠ·Π΅Π½ΠΎ ΠΏΠΎΠΏΠΎΠ»Π½ΠΈΠ»ΠΈ ΡΠ²ΠΎΠΉ «Π°ΡΡΠ΅Π½Π°Π»». ΠΠΎ ΡΠ²ΡΠ·ΠΈ.
ΠΠΎ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π°ΠΌ http://tutorialzine.com
ΠΠΎΠ½ΡΠ°Π²ΠΈΠ»ΡΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π» ΠΈ Ρ
ΠΎΡΠΈΡΠ΅ ΠΎΡΠ±Π»Π°Π³ΠΎΠ΄Π°ΡΠΈΡΡ?
ΠΡΠΎΡΡΠΎ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΠ΅ΡΡ Ρ Π΄ΡΡΠ·ΡΡΠΌΠΈ ΠΈ ΠΊΠΎΠ»Π»Π΅Π³Π°ΠΌΠΈ!
Π‘ΠΌΠΎΡΡΠΈΡΠ΅ ΡΠ°ΠΊΠΆΠ΅:
ΠΠ°Π²Π΅ΡΡ
ΠΠ½Π»Π°ΠΉΠ½ HTML ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ β Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠ΅, IDE ΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ Π΄Π»Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ Π½Π° ΡΠ°ΠΉΡ
ΠΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΎ 5 ΡΠ½Π²Π°ΡΡ 2021 ΠΡΠΎΡΠΌΠΎΡΡΠΎΠ²: 37562 ΠΠ²ΡΠΎΡ: ΠΠΌΠΈΡΡΠΈΠΉ ΠΠ΅ΡΡΠΎΠ²- ΠΡΠΎΡΡΡΠ΅ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠ΅ Html ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ Π΄ΠΎΡΡΡΠΏΠ½ΡΠ΅ ΠΎΠ½Π»Π°ΠΉΠ½
- ΠΠ½Π»Π°ΠΉΠ½ IDE ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ (ΠΈΠ½ΡΠ΅Π³ΡΠΈΡΠΎΠ²Π°Π½Π½Π°Ρ ΡΡΠ΅Π΄Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ)
- ΠΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠ΅ Html ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ Π΄Π»Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ Π½Π° ΡΠ°ΠΉΡ (ΡΠ΅ΡΠ²Π΅Ρ)
ΠΠ΄ΡΠ°Π²ΡΡΠ²ΡΠΉΡΠ΅, ΡΠ²Π°ΠΆΠ°Π΅ΠΌΡΠ΅ ΡΠΈΡΠ°ΡΠ΅Π»ΠΈ Π±Π»ΠΎΠ³Π° KtoNaNovenkogo.ru. ΠΡΡΡ ΡΠ°ΠΊΠ°Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ°, ΠΊΠ°ΠΊ Dreamweaver, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΈΠ· ΡΠ΅Π±Ρ ΠΏΡΠ΅ΠΊΡΠ°ΡΠ½ΡΠΉ ΠΏΡΠΈΠΌΠ΅Ρ WYSIWYG (Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ) HTML-ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°. Π¨ΡΡΠΊΠ° Π·Π°ΠΌΠ΅ΡΠ°ΡΠ΅Π»ΡΠ½Π°Ρ, Π½ΠΎ ΠΈΠΌΠ΅ΡΡΠ°Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π½Π΅Π΄ΠΎΡΡΠ°ΡΠΊΠΎΠ². ΠΠΎ-ΠΏΠ΅ΡΠ²ΡΡ , ΡΡΠ° ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° ΠΏΠ»Π°ΡΠ½Π°Ρ, Π° Π²ΠΎ-Π²ΡΠΎΡΡΡ , Π΅Π΅ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΈΠΌΠ΅ΡΡ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π½ΠΎΠΉ Π½Π° Π²ΡΠ΅Ρ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ°Ρ , Π³Π΄Π΅ Π²Ρ ΡΠ°Π±ΠΎΡΠ°Π΅ΡΠ΅ Ρ ΠΊΠΎΠ΄ΠΎΠΌ.
Π ΡΠ²ΡΠ·ΠΈ Ρ ΡΡΠΈΠΌ, ΠΌΠ½Π΅ ΡΡΠ°Π»ΠΎ Π»ΡΠ±ΠΎΠΏΡΡΠ½ΠΎ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π½Π° ΠΏΡΠΎΠ΄ΡΠΊΡΡ ΠΈΠ· ΡΡΠΎΠΉ ΠΆΠ΅ ΡΠ΅ΡΠΈΠΈ Html ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ², Π½ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΠ΅ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ Π½ΠΈΠΌΠΈ ΠΎΠ½Π»Π°ΠΉΠ½. ΠΠΊΠ°Π·Π°Π»ΠΎΡΡ, ΡΡΠΎ ΠΈΠΌΠ΅Π΅ΡΡΡ ΡΠ΅Π»ΡΠΉ ΡΡΠ΄ ΠΎΡΠ΅Π½Ρ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΡ ΡΠ΅ΡΠ΅Π½ΠΈΠΉ, Π½Π° ΠΊΠΎΡΠΎΡΡΠ΅ Ρ ΠΈ ΡΠ΅ΡΠΈΠ» ΠΎΠ±ΡΠ°ΡΠΈΡΡ Π²Π°ΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π² ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅. ΠΡΠ»ΠΈ Π·Π½Π°Π΅ΡΠ΅ ΡΡΠΎ-ΡΠΎ Π΅ΡΠ΅ Π΄ΠΎΡΡΠΎΠΉΠ½ΠΎΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΠΎ Π³ΠΎΡΠΎΠ² ΡΠ°ΡΡΠΈΡΠΈΡΡ Π΄Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ.
ΠΡΠΎΡΡΡΠ΅ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠ΅ Html ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ Π΄ΠΎΡΡΡΠΏΠ½ΡΠ΅ ΠΎΠ½Π»Π°ΠΉΠ½
ΠΠΎΠ½Π΅ΡΠ½ΠΎ ΠΆΠ΅, Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΠΊΠΎΠ΄ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΈ ΠΎΠ±ΡΡΠ½ΡΠΉ ΠΠ»ΠΎΠΊΠ½ΠΎΡ Π² Windows, ΠΈ Π² ΡΡΠΎΠΌ Π±ΡΠ΄Π΅Ρ ΡΠ²ΠΎΠ΅ΠΎΠ±ΡΠ°Π·Π½ΡΠΉ Β«Π²ΡΡΡΠΈΠΉ ΠΏΠΈΠ»ΠΎΡΠ°ΠΆΒ». ΠΡΠ»ΠΈ Ρ ΠΎΡΠΈΡΠ΅ ΡΡΡΠΎΠΊ ΠΎΠ±Π»Π΅Π³ΡΠΈΡΡ ΡΠ΅Π±Π΅ ΠΆΠΈΠ·Π½Ρ, ΡΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ Html ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° Notepad++ ΠΎΠΊΠ°ΠΆΡΡΡΡ Π½Π΅ Π»ΠΈΡΠ½ΠΈΠΌΠΈ (ΠΊΡΠΎΠΌΠ΅ ΡΡΠΎΠ³ΠΎ ΠΎΠ½ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ Π΅ΡΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ Π΄Π΅ΡΡΡΠΊΠΎΠ² ΡΠ·ΡΠΊΠΎΠ² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ).
ΠΠΎ Π²ΡΠ΅ ΠΆΠ΅, Π³ΠΎΡΠ°Π·Π΄ΠΎ Π±ΠΎΠ»Π΅Π΅ ΡΠ°ΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΌ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π²Π°ΠΌ ΡΠ°Π±ΠΎΡΡ Π±ΡΡΡΡΠ΅Π΅ ΠΈ Π²ΠΎΠ·ΡΠΌΠ΅Ρ Π½Π° ΡΠ΅Π±Ρ ΡΠ°ΡΡΡ ΡΡΡΠΈΠ½Π½ΡΡ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΉ, ΡΡΠΎΠ±Ρ Π²Π°ΠΌ ΡΠ½ΠΎΠ²Π° ΠΈ ΡΠ½ΠΎΠ²Π° Π½Π΅ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΠ»ΠΎΡΡ Π±Ρ Β«ΠΈΠ·ΠΎΠ±ΡΠ΅ΡΠ°ΡΡ Π²Π΅Π»ΠΎΡΠΈΠΏΠ΅Π΄Β». ΠΡ ΠΈ ΡΠΎΠ²ΡΠ΅ΠΌ ΡΠΆΠ΅ Π·Π΄ΠΎΡΠΎΠ²ΠΎ, Π΅ΡΠ»ΠΈ Π΄ΠΎΡΡΡΠΏ ΠΊ Π½Π΅ΠΌΡ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ Ρ Π»ΡΠ±ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ°.
- RenderaΒ β ΠΎΠ½Π»Π°ΠΉΠ½ Html5 ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° Π² ΡΠ΅Π°Π»ΡΠ½ΡΡ
Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΡΠΎΠ³ΠΎ, ΡΡΠΎ Π²Ρ ΡΠ²ΠΎΡΠΈΡΠ΅ (Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ). ΠΠΌΠ΅Π΅ΡΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π±ΡΡΡΡΠΎΠΉ Π²ΡΡΠ°Π²ΠΊΠΈ Html ΡΠΎΡΠΌ, ΡΠΏΠΈΡΠΊΠΎΠ², ΡΠ°Π±Π»ΠΈΡ ΠΈ Π΄ΡΡΠ³ΠΈΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². ΠΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΠ°ΠΊΠΆΠ΅ Ρ CSS ΠΈ ΠΠΆΠ°Π²Π°Π‘ΠΊΡΠΈΠΏΡ ΠΊΠΎΠ΄ΠΎΠΌ.
Dirty MarkupΒ β ΡΡΠΎ Π½Π΅ ΡΠΎΠ²ΡΠ΅ΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ, Π° ΡΠΊΠΎΡΠ΅Π΅ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π±Π΅Π·ΠΎΠ±ΡΠ°Π·Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° Π² Ρ ΠΎΡΠΎΡΠΎ ΡΠΈΡΠ°Π΅ΠΌΡΠΉ. Π ΡΠ΅ΠΌ Ρ Π³ΠΎΠ²ΠΎΡΡ? ΠΠΎΠΌΠ½ΠΈΡΠ΅, Ρ ΠΊΠ°ΠΊ-ΡΠΎ ΠΏΠΈΡΠ°Π», ΡΡΠΎ ΡΠΆΠ°ΡΠΈΠ΅ CSS ΠΈ JS ΠΊΠΎΠ΄Π° ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ Π²Π°ΠΌ ΡΡΡΠΎΠΊ ΡΡΠΊΠΎΡΠΈΡΡ ΡΠΊΠΎΡΠΎΡΡΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΠ°ΠΉΡΠΎΠ² (Π΄Π»Ρ Π²ΡΡΠΎΠΊΠΎΠ½Π°Π³ΡΡΠΆΠ΅Π½Π½ΡΡ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ², Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΡΠΎ ΡΠΆΠ΅ Π²ΡΠ»ΠΈΠ²Π°Π΅ΡΡΡ Π² ΠΎΡΠ²ΠΎΠ±ΠΎΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΊΡΡΠΈ ΡΠ΅ΡΠ²Π΅ΡΠΎΠ²).
Π’Π°ΠΊ Π²ΠΎΡ, Π΅ΡΠ»ΠΈ Π²Ρ Π·Π°Ρ ΠΎΡΠΈΡΠ΅ ΠΏΠΎΠΊΠΎΠΏΠ°ΡΡΡΡ Π² ΡΠ°ΠΊΠΎΠΌ ΠΌΠ΅ΡΠΈΠ²Π΅, ΡΠΎ ΡΠ°ΠΌ Π½Π΅ Π±ΡΠ΄Π΅ΡΠ΅ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Html ΠΈ CSS ΠΊΠΎΠ΄Π° ΡΠΈΠΌΠ²ΠΎΠ»Π°ΠΌΠΈ ΠΏΡΠΎΠ±Π΅Π»Π°, ΡΠ°Π±ΡΠ»ΡΡΠΈΠ΅ΠΉ ΠΈΠ»ΠΈ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠ° ΡΡΡΠΎΠΊ, ΠΊΠΎΡΠΎΡΡΠ΅ Π΄Π΅Π»Π°ΡΡ Π΅Π³ΠΎ ΡΠΈΡΠ°Π΅ΠΌΡΠΌ. ΠΡΠ΄Π΅Ρ, ΡΠΊΠΎΡΠ΅Π΅ Π²ΡΠ΅Π³ΠΎ, ΠΎΠ΄Π½Π° ΡΡΡΠΎΠΊΠ° ΠΊΠΎΠ΄Π° Π±Π΅Π· ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ². Π ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π΅Π³ΠΎ ΠΎΠΏΡΡΡ ΡΠΈΡΠ°Π΅ΠΌΡΠΌ (ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌ) Π½Π°ΠΌ ΠΈ Π½ΡΠΆΠ΅Π½ ΠΎΠ½Π»Π°ΠΉΠ½ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Dirty Markup.
ΠΠ»Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ° Π²ΠΎΠ·ΡΠΌΠ΅ΠΌ ΡΡΠ°Π³ΠΌΠ΅Π½Ρ ΠΈΡΡ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° ΡΡΡΠ°Π½ΠΈΡΡ Π²ΡΠ΄Π°ΡΠΈ ΠΡΠ³Π»Π° (Π²ΡΠ΅ ΡΠ»Π΅ΠΏΠ»Π΅Π½ΠΎ Π² ΠΎΠ΄Π½Ρ ΡΡΡΠΎΠΊΡ) ΠΈ ΠΏΡΡΠ΅ΠΌ ΠΊΠΎΠΏΠΈΠΏΠ°ΡΡΠ° ΠΏΠ΅ΡΠ΅Π½Π΅ΡΠ΅ΠΌ Π΅Π³ΠΎ Π² ΠΎΠΊΠ½ΠΎ ΡΡΠΎΠ³ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°:
Π’Π΅ΠΏΠ΅ΡΡ Π½Π°ΠΆΠΌΠ΅ΠΌ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ Β«CleanΒ» ΠΈ ΡΠ²ΠΈΠ΄ΠΈΠΌ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ:
ΠΠΎΠ΄ ΡΡΠ°Π» Π½Π° ΠΏΠΎΡΡΠ΄ΠΎΠΊ Π±ΠΎΠ»Π΅Π΅ ΡΠΈΡΠ°Π΅ΠΌΡΠΌ ΠΈ ΠΏΠΎΠ½ΡΡΠ½ΡΠΌ. ΠΠΎΡΠ²ΠΈΠ»Π°ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ Π²ΠΈΠ΄Π΅ΡΡ Π±Π»ΠΎΠΊΠΈ ΠΈ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΡΡΠΎ Π½Π°ΠΌ ΠΈ ΡΡΠ΅Π±ΠΎΠ²Π°Π»ΠΎΡΡ. Π’ΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈ Ρ CSS, ΠΈ Ρ JS ΠΊΠΎΠ΄ΠΎΠΌ ΡΠΎΠΆΠ΅. ΠΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΊΠΎΠ΄ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ Π² ΡΠ²ΠΎΠΉ ΡΡΠ°ΡΠΈΠΎΠ½Π°ΡΠ½ΡΠΉ Html ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΠΈ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠΈΡΡ Ρ Π½ΠΈΠΌ ΡΠ°Π±ΠΎΡΡ.- LivegapΒ β ΠΎΠ½Π»Π°ΠΉΠ½ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Html, CSS ΠΈ Javascript ΠΊΠΎΠ΄Π°. ΠΡΠ΅Π½Ρ ΠΏΠΎΡ
ΠΎΠΆ Π½Π° ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΡΠΉ ΡΡΡΡ Π²ΡΡΠ΅ Rendra, Π½ΠΎ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ Π±ΡΡΡΡΠΎΠΉ Π²ΡΡΠ°Π²ΠΊΠΈ Π³ΠΎΡΠΎΠ²ΡΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² (ΡΠ°Π±Π»ΠΈΡ, ΡΠΏΠΈΡΠΊΠΎΠ² ΠΈ Ρ.ΠΏ.). ΠΠ°ΡΠΎ ΡΠ²ΠΎΠ΅ ΡΠ²ΠΎΡΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΡΠΎΡ
ΡΠ°Π½ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΠΎΠΉ ΡΡΡΡ Π²ΡΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΈ Π΄Π°ΠΆΠ΅ ΡΠ°ΡΡΠ°ΡΠΈΡΡ Π΅Π³ΠΎ ΠΈ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΡΡΡΠ»ΠΊΡ Π½Π° Π³ΠΎΡΠΎΠ²ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ:
- PractiCodeΒ β ΠΏΡΠΎΡΡΠ΅Π½ΡΠΊΠΈΡ
Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΠΎΠ½Π»Π°ΠΉΠ½ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Html, CSS ΠΈ Javascript. ΠΠΎΠΌΡ-ΡΠΎ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ½ΡΠ°Π²ΠΈΡΡΡ Π΄Π»Ρ Π±ΡΡΡΡΠΎΠ³ΠΎ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ ΠΊΠΎΠ΄Π° Π½Π° ΡΠ΅ΡΠ½ΠΎΠ²ΡΡ.
- HTMLeditΒ β ΡΠΎΠ²ΡΠ΅ΠΌ ΠΏΡΠΎΡΡΠ΅Π½ΡΠΊΠΈΠΉ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ Html ΡΠ΅Π΄Π°ΠΊΡΠΎΡ. ΠΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Π½Π΅ ΠΏΡΠ΅Π΄ΡΡΠΌΠΎΡΡΠ΅Π½ΠΎ, ΡΠΎΠ»ΡΠΊΠΎ Π΄Π²Π° ΠΎΠΊΠ½Π°Β β Π²Π΅ΡΡ
Π½Π΅Π΅ (Π³Π΄Π΅ ΠΏΠΈΡΠΈΡΠ΅ ΡΠ²ΠΎΠΉ ΠΊΠΎΠ΄) ΠΈ Π½ΠΈΠΆΠ½Π΅Π΅ (Π³Π΄Π΅ ΠΎΠ½ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·ΠΈΡΡΠ΅ΡΡΡ). Π€ΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»Π° ΠΌΠ°Π»ΠΎ, Π½ΠΎ Π·Π°ΡΠΎ ΠΏΠΎΠ½ΡΡΠ΅Π½ ΠΈ ΠΏΡΠΎΡΡ.
- JSBinΒ β ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΡΠ΅ΡΡΡ, ΡΡΠ΄Ρ ΠΏΠΎ Π½Π°Π·Π²Π°Π½ΠΈΡ, ΠΊΠ°ΠΊ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΠΎΠ½Π»Π°ΠΉΠ½ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ Javascript, Π½ΠΎ, ΠΊΠ°ΠΊ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΠΈΠ΄Π΅ΡΡ ΠΈΠ· ΡΠΊΡΠΈΠ½ΡΠΎΡΠ°, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΡΠ΅ΠΊΡΠ°ΡΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΠ°ΠΊΠΆΠ΅ ΠΈ Ρ Html, ΠΈ CSS ΠΊΠΎΠ΄ΠΎΠΌ. ΠΠΌΠ΅Π΅Ρ ΠΏΡΠΎΡΡΠΎΠΉ ΠΈ ΠΎΡΠ΅Π½Ρ Π½Π°Π³Π»ΡΠ΄Π½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ.
- HTML InstantΒ β Π½Π΅ΠΏΠ»ΠΎΡ
ΠΎΠΉ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Html ΠΈ CSS ΠΊΠΎΠ΄Π°. ΠΠΌΠ΅Π΅ΡΡΡ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ-ΡΠ°ΠΊΠΈ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½Π°Ρ ΠΏΠ°Π½Π΅Π»Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ²Β β ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΠ΄Π΅Π»ΡΡΡ ΡΠ΅ΠΊΡΡ ΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΎΠΊΡΡΠΆΠ°ΡΡ Π΅Π³ΠΎ ΡΠ΅Π³Π°ΠΌΠΈ Π°Π±Π·Π°ΡΠ΅Π² ΠΈΠ»ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ². ΠΠΌΠ΅Π΅ΡΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ°ΡΠΊΠ°ΡΠ° Π΄Π»Ρ ΡΠΏΠΈΡΠΊΠΎΠ² ΠΈΠ»ΠΈ ΡΠ°Π±Π»ΠΈΡ.
- Online HTML EditorΒ β Π½Ρ ΠΈ Π½Π° Π·Π°ΠΊΡΡΠΊΡ Π΅ΡΠ΅ ΠΎΠ΄Π½ΠΎ ΠΏΡΠΎΡΡΠ΅Π½ΡΠΊΠΎΠ΅ ΡΠ²ΠΎΡΠ΅Π½ΠΈΠ΅ Π½Π° ΡΡ ΠΆΠ΅ ΡΠ΅ΠΌΡ. ΠΠΌΠ΅Π΅ΡΡΡ ΠΏΠ°Π½Π΅Π»Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² ΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΡΠΎΠ·Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΡΠ΅Π΄Π΅Π²ΡΠ° (Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΡ).
- VulkΒ β Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Π½Π° ΡΡΡΡΠΊΠΎΠΌ ΡΠ·ΡΠΊΠ΅. ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ Π²ΠΏΠΎΠ»Π½Π΅ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π΄Π»Ρ ΠΊΠΎΠΌΡΠΎΡΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ Ρ Html ΠΈ Π½Π΅Ρ Π½ΠΈΡΠ΅Π³ΠΎ Π»ΠΈΡΠ½Π΅Π³ΠΎ. ΠΠΌΠ΅Π΅ΡΡΡ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΡ Π½Π° ΡΡΡΡΠΊΠΎΠΌ. Π‘ΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎ, Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°ΡΠ°ΡΡ, Π° Π·Π°ΡΠ΅ΠΌ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ Π½ΠΈΠΌ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, Π·Π°ΠΏΡΡΠΊΠ°Ρ Html-ΡΠ°ΠΉΠ»ΠΈΠΊ ΠΈΠ· ΡΠΊΠ°ΡΠ°Π½Π½ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠΈ.
Π ΠΎΠ±ΡΠ΅ΠΌ-ΡΠΎ, ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΡ ΠΏΡΠΎΡΡΠ΅Π½ΡΠΊΠΈΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ Π½Π°ΠΉΡΠΈ ΠΈ ΠΏΠΎΠ±ΠΎΠ»ΡΡΠ΅, Π½ΠΎ Π΄ΡΠΌΠ°Ρ, ΡΡΠΎ ΠΈ ΡΡΠΎΠ³ΠΎ Π΄Π»Ρ Π½Π°ΡΠ°Π»Π° Π²ΠΏΠΎΠ»Π½Π΅ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ. ΠΠ°Π΄Π΅ΡΡΡ Π΅ΡΠ΅ ΠΈ Π½Π° Π²Π°ΡΒ β Π΅ΡΠ»ΠΈ ΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ΡΡ ΡΠ΅ΠΌ-ΡΠΎ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΠΌ, ΡΠΎ Π½Π΅ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΠ΅ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ.
ΠΠ½Π»Π°ΠΉΠ½ IDE ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ (ΠΈΠ½ΡΠ΅Π³ΡΠΈΡΠΎΠ²Π°Π½Π½Π°Ρ ΡΡΠ΅Π΄Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ)
- ShiftEditΒ β ΠΎΠ½Π»Π°ΠΉΠ½ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ PHP, Ruby, Java, HTML, CSS ΠΈ JavaScript ΠΊΠΎΠ΄Π°. ΠΡΠΎΠΌΠ΅ ΡΡΠΎΠ³ΠΎ Π² Π½Π΅ΠΌ ΠΈΠΌΠ΅Π΅ΡΡΡ Π²ΡΡΡΠΎΠ΅Π½Π½Π°Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΏΠΎΠ»ΡΡΠ°ΡΡ Π΄ΠΎΡΡΡΠΏ ΠΊ ΡΠ°ΠΉΡΡ ΠΏΠΎ FTP ΠΈΠ»ΠΈ SFTP, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΊ ΠΎΠ±Π»Π°ΡΠ½ΠΎΠΌΡ Ρ
ΡΠ°Π½ΠΈΠ»ΠΈΡΡ Dropbox ΠΈ ΠΎΠ±Π»Π°ΠΊΡ Google. ΠΠΌΠ΅Π΅ΡΡΡ Π΄Π²Π° Π²Π°ΡΠΈΠ°Π½ΡΠ° ΡΠ°Π±ΠΎΡΡ Ρ Π½ΠΈΠΌΒ β Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΠΈ ΠΏΠ»Π°ΡΠ½ΡΠΉ. ΠΡΠ»ΠΈΡΠ°Π΅ΡΡΡ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΌΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΠΌΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°, Π½ΠΎ Π² ΠΎΠ±ΠΎΠΈΡ
ΡΠ»ΡΡΠ°ΡΡ
ΡΠ½Π°ΡΠ°Π»Π° ΠΏΡΠΈΠ΄Π΅ΡΡΡ Π·Π°ΡΠ΅Π³ΠΈΡΡΡΠΈΡΠΎΠ²Π°ΡΡΡΡ ΠΈ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΡΠΎΠΌ ΡΠΆΠ΅ Π½Π°ΠΆΠΈΠΌΠ°ΡΡ Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΡ Β«Get StartedΒ».
ΠΠ»Π°Π³ΠΎΠ΄Π°ΡΡ Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠΌΡ FTP ΠΊΠ»ΠΈΠ΅Π½ΡΡ, ShiftEdit ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΡ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ PHP, HTML, CSS ΠΈ JavaScript, Π½ΠΎ ΠΈ ΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°ΡΡ, Ρ.Π΅. Π·Π°Π³ΡΡΠΆΠ°ΡΡ ΠΈΡ Π½Π° ΡΠ΅ΡΠ²Π΅Ρ. Π’Π°ΠΊΠΆΠ΅ ΡΡΠΎΡ ΠΎΠ½Π»Π°ΠΉΠ½ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΡΠΌΠ΅Π΅Ρ:
- ΠΠΎΠ΄ΡΠ²Π΅ΡΠΈΠ²Π°ΡΡ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ ΠΈ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ ΠΎΡΠΈΠ±ΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ Π΄ΠΎΠΏΡΡΡΠΈΠ»ΠΈ ΠΏΡΠΈ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΠΈ ΠΊΠΎΠ΄Π° (ΠΏΡΡΠΌΠΎ Π²ΠΎ Π²ΡΠ΅ΠΌΡ Π΅Π³ΠΎ Π½Π°Π±ΠΎΡΠ°)
- ΠΠΎΠΏΠΈΡΡΠ²Π°ΡΡ ΠΊΠΎΠ΄ (Π΄Π΅Π»Π°ΡΡ Π°Π²ΡΠΎΠ·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅) ΠΈ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ Π½Π΅Π·Π°ΠΊΡΡΡΡΠ΅ ΡΠΊΠΎΠ±ΠΊΠΈ
- Π’Π°ΠΊΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ ΡΠΏΠΎΠΌΡΠ½ΡΡΡΠΉ Π²ΡΡΠ΅ Dirty Markup, ΡΡΠΎΡ ΠΎΠ½Π»Π°ΠΉΠ½ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΡΠΌΠ΅Π΅Ρ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°ΡΡ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π½ΡΠΉ Π² Π½Π΅Π³ΠΎ ΡΡΠ°Π³ΠΌΠ΅Π½Ρ ΠΊΠΎΠ΄Π° (Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΡΠ°Π±Ρ ΠΈ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΡ ΡΡΡΠΎΠΊ Π΄Π»Ρ ΠΏΠΎΠ²ΡΡΠ΅Π½ΠΈΡ Π½Π°Π³Π»ΡΠ΄Π½ΠΎΡΡΠΈ).
- ΠΠ΅Π»Π°ΡΡ ΡΠ°Π³ Π½Π°Π·Π°Π΄, ΠΊΠ°ΠΊ Π² Π»ΡΠ±ΠΎΠΌ ΡΠ²Π°ΠΆΠ°ΡΡΠ΅ΠΌ ΡΠ΅Π±Ρ Π΄Π΅ΠΊΡΠΎΠΏΠ½ΠΎΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅
- ΠΡΡΡ WYSIWYG-ΡΠ΅ΠΆΠΈΠΌ (Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ), ΠΊΠΎΠ³Π΄Π° Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΠΈΠ΄Π΅ΡΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΡ Π²Π½ΠΎΡΠΈΠΌΡΡ Π² ΠΊΠΎΠ΄ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ
- ΠΠΌΠ΅Π΅Ρ ΠΌΠ΅ΡΡΠΎ Π±ΡΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠ° ΠΡΠ³Π» Π₯ΡΠΎΠΌ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π² ΡΡΠΎΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅ ΠΈ ΡΠΎΡ ΡΠ°Π½ΡΡΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΡ Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ ΠΎΡΡΠ»Π°ΠΉΠ½Β β ShiftEdit.
- Cloud9IdEΒ β ΠΎΠ½Π»Π°ΠΉΠ½ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ HTML, Node.js, PHP, Python ΠΈ Ruby, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎ ΡΠ²ΠΎΠ΅ΠΌΡ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»Ρ ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΠΌ ΠΎΡΠ΅Π½Ρ ΠΏΠΎΡ
ΠΎΠΆ Π½Π° ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠΎ ΠΎΠΏΠΈΡΠ°Π½Π½ΡΠΉ ShiftEdit. Π’Π°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅ΡΡΡΡ ΠΏΠ»Π°ΡΠ½ΡΠ΅ ΠΈ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠ΅ ΡΠ΅ΠΆΠΈΠΌΡ ΡΠ°Π±ΠΎΡΡ Ρ Π½ΠΈΠΌ, Π° Π΅ΡΠ΅ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½Π°Ρ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΡ.
- KodingenΒ β Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΠΌΠΎΡΠ½ΡΠΉ ΠΊΠΎΠΌΠ±Π°ΠΉΠ½, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ΄ΠΏΠ°Π΄Π°Π΅Ρ ΠΏΠΎΠ΄ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΎΠ½Π»Π°ΠΉΠ½ ΡΡΠ΅Π΄Π° Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ². ΠΡΠΈΠ½ΡΠΈΠΏ ΡΠ°Π±ΠΎΡΡ ΠΈ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π» ΡΡ ΠΎΠΆ Ρ ShiftEdit ΠΈ Cloud9IdE. Π‘ΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎ, Π»ΡΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ ΠΈΡ ΠΏΡΠΎΠΌΠΎΡΠΎΠ»ΠΈΠΊ, ΡΠ΅ΠΌ ΡΠ»ΡΡΠ°ΡΡ ΠΌΠΎΠΈ ΠΏΡΠΎΡΡΡΠ°Π½Π½ΡΠ΅ ΡΠ°ΡΡΡΠΆΠ΄Π΅Π½ΠΈΡ.
- CodeanywhereΒ β Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ IDE ΡΠ΅Π΄Π°ΠΊΡΠΎΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΎΡΠ΅ΡΠ°Π΅Ρ Π² ΡΠ΅Π±Π΅ ΡΠ°ΠΊΠΆΠ΅ ΠΈ ΡΡΠ½ΠΊΡΠΈΠΈ Π€Π’Π ΠΊΠ»ΠΈΠ΅Π½ΡΠ°, ΠΈ Ρ ΡΠ°ΠΉΠ»Π°ΠΌΠΈ Π½Π° ΠΡΠΎΠΏΠ±ΠΎΠΊΡΠ΅ Π² Π½Π΅ΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ. Π ΠΎΠ±ΡΠ΅ΠΌ, Π²ΡΠ΅ Π·Π°ΠΌΠ΅ΡΠ°ΡΠ΅Π»ΡΠ½ΠΎΒ β ΠΎΠ½Π»Π°ΠΉΠ½, ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΈΠ²Π°Π΅Ρ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ Π΄Π΅ΡΡΡΠΊΠΎΠ² ΡΠ·ΡΠΊΠΎΠ² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈ Ρ.Π΄. ΠΈ Ρ.ΠΏ.
- ΠΠ° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΡ
ΠΎΠ½Π»Π°ΠΉΠ½ ΡΡΠ΅Π΄ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΎΠΊ (ΠΎΠ±Π»Π°ΡΠ½ΡΡ
IDE) Π½Π° Π΄Π°Π½Π½ΡΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ ΡΠΎΠ·Π΄Π°Π½ΠΎ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΠΌΠ½ΠΎΠ³ΠΎ. ΠΠΈΠ΄ΠΈΠΌΠΎ Π½Π° Π½ΠΈΡ
Π΅ΡΡΡ ΡΠΏΡΠΎΡ ΠΈ ΠΏΠ»Π°ΡΠ½ΡΠ΅ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΠ΅ ΡΠ΅ΠΆΠΈΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ°ΠΊΠΈΡ
ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² ΠΏΡΠΈΠ½ΠΎΡΡΡ Ρ
ΠΎΡΠΎΡΡΡ ΠΏΡΠΈΠ±ΡΠ»Ρ Π²Π»Π°Π΄Π΅Π»ΡΡΠ°ΠΌ. ΠΠ°Π²Π°ΠΉΡΠ΅ Ρ ΠΏΡΠΎΡΡΠΎ ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»Ρ Π΅ΡΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΡ
ΡΠ΅ΡΠ΅Π½ΠΈΠΉ, ΡΡΠΎΠ±Ρ Π½Π΅ ΡΠΈΠ»ΡΠ½ΠΎ Π²Π°Ρ ΡΡΠΎΠΌΠ»ΡΡΡ.
- OrionΒ β Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ HTML ΠΈ JavaScript.
- Cloud IDEΒ β Javascript, Ruby, Groovy, Java, HTML ΠΈ ΡΡΠ΄ Π΄ΡΡΠ³ΠΈΡ ΡΠ·ΡΠΊΠΎΠ²
- Neutron IDEΒ β ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ 40 ΡΠ·ΡΠΊΠΎΠ², FTP Client, ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΠΊ Google Drive ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄ΡΡΠ³ΠΎΠ΅
ΠΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠ΅ Html ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ Π΄Π»Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ Π½Π° ΡΠ°ΠΉΡ (ΡΠ΅ΡΠ²Π΅Ρ)
ΠΡΡΡ ΡΡΠ΄ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Ρ Π΄Π»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π½Π° ΡΠ²ΠΎΠ΅ΠΌ ΡΠ°ΠΉΡΠ΅ (ΡΠ΅ΡΠ²Π΅ΡΠ΅). ΠΠ½ΠΈ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π² PHP ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΡ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ½ΡΠ΅Π³ΡΠΈΡΠΎΠ²Π°ΡΡ Π² Π°Π΄ΠΌΠΈΠ½ΠΊΡ ΡΠ°ΠΌΠΎΠΏΠΈΡΠ½ΠΎΠΉ CMS ΠΈΠ»ΠΈ Π² ΡΠΎΡΠΌΡ Π΄Π»Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠ΅Π² Π½Π° ΡΠ°ΠΉΡΠ΅).
- Cute EditorΒ β ΡΡΡΠ»ΠΊΠ° Π²Π΅Π΄Π΅Ρ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ Ρ Π΄Π΅ΠΌΠΎ-Π²Π΅ΡΡΠΈΠ΅ΠΉ ΡΡΠΎΠ³ΠΎ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΡΠ΄Π°. Π Π½Π΅ΠΌ ΠΌΠΎΠΆΠ½ΠΎ, ΠΊΠ°ΠΊ ΠΈ Π² Π»ΡΠ±ΠΎΠΌ Π΄ΡΡΠ³ΠΎΠΌ ΡΠ²Π°ΠΆΠ°ΡΡΠ΅ΠΌ ΡΠ΅Π±Ρ WYSIWYG ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅, ΠΎΡΠΎΡΠΌΠ»ΡΡΡ Π²Π΅Π±-ΡΡΠ°Π½ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡΡΠ΅ΠΉ ΠΎΠ±ΡΡΠ½ΡΠΉ ΠΠΎΡΠ΄. ΠΡΠΈΡΠ΅ΠΌ, ΠΈΠΌΠ΅Π΅ΡΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠ±ΡΠ°ΡΡ ΡΠ°ΡΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Ρ ΡΠΊΡΠ°Π½Π°, Π΄Π°Π±Ρ Π½Π΅ Π·Π°Ρ
Π»Π°ΠΌΠ»ΡΡΡ Π΅Π³ΠΎ.
ΠΡΠ΅ ΠΈΠΌΠ΅Π΅ΡΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π° Π² ΡΠ΅ΠΆΠΈΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Html ΠΊΠΎΠ΄Π° Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΠΎΠΉ Π²Π½ΠΈΠ·Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
ΠΠ½ΡΡΡΡΠΊΡΠΈΡ ΠΏΠΎ Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π²Ρ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ Π½Π° ΡΠ°ΠΉΡΠ΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°, ΠΏΡΠ°Π²Π΄Π° ΠΎΠ½Π° Π½Π° Π°Π½Π³Π»ΠΈΡΠΊΠΎΠΌ. - CKEditor (Π΄Π΅ΠΌΠΎ-ΡΡΡΠ°Π½ΠΈΡΠ°)Β β ΠΎΡΠ΅Π½Ρ ΡΡΠΈΠ»ΡΠ½ΡΠΉ ΠΈ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΡ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° Html ΠΊΠΎΠ΄Π° (ΠΊΠ½ΠΎΠΏΠΊΠ° Β«ΠΡΡΠΎΡΠ½ΠΈΠΊΒ»). Π‘ΠΊΠ°ΡΠ°ΡΡ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π² ΡΠ°Π·Π½ΡΡ
ΡΡΠ΅ΠΏΠ΅Π½ΡΡ
Π½Π°Π²ΠΎΡΠΎΡΠ΅Π½Π½ΠΎΡΡΠΈ Π½Π° ΡΡΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅. Π’Π°ΠΌ ΠΆΠ΅ Π±ΡΠ΄ΡΡ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Ρ ΡΡΡΠ»ΠΊΠΈ Π½Π° ΠΈΠ½ΡΡΡΡΠΊΡΠΈΠΈ ΠΏΠΎ Π΅Π³ΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ΅.
Π£Π΄Π°ΡΠΈ Π²Π°ΠΌ! ΠΠΎ ΡΠΊΠΎΡΡΡ Π²ΡΡΡΠ΅Ρ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ°Ρ Π±Π»ΠΎΠ³Π° KtoNaNovenkogo.ru
ΠΠ΅ΡΡΡΠΊΠ° ΡΠ°ΠΉΡΠ°: ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ HTML, Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ
ΠΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ Π΄Π»Ρ Π²Π΅ΡΡΡΠΊΠΈ ΡΠ°ΠΉΡΠ° ΡΡ ΠΎΠΆΠΈ Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ°ΠΌΠΈ ΠΏΡΠ΅Π΄ΠΏΠ΅ΡΠ°ΡΠ½ΠΎΠΉ ΠΏΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΊΠΈ, ΡΠ°Π·Π»ΠΈΡΠΈΠ΅ Π² ΠΊΠΎΠ½Π΅ΡΠ½ΠΎΠΌ ΠΏΡΠΎΠ΄ΡΠΊΡΠ΅ β Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ΅ (ΡΠ°ΠΉΠ» HTML ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΠ°ΠΉΠ»Ρ). ΠΡΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°ΡΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Β«WYSIWYGΒ» (What You See Is What You Get β Π§ΡΠΎ Π²ΠΈΠ΄ΠΈΡΡ, ΡΠΎ ΠΈ ΠΏΠΎΠ»ΡΡΠΈΡΡ) ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΡΠ²ΠΎΠ±ΠΎΠΆΠ΄Π°ΡΡ ΠΎΡ Π²Π²ΠΎΠ΄Π° ΠΏΠΎΠ²ΡΠΎΡΡΡΡΠ΅Π³ΠΎΡΡ ΠΊΠΎΠ΄Π° HTML ΠΈ CSS.
ΠΠ΄Π½Π°ΠΊΠΎ ΡΡΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ Π½Π΅ ΠΎΡΠ²ΠΎΠ±ΠΎΠΆΠ΄Π°ΡΡ Π²Π°Ρ ΠΎΡ ΠΈΠ·ΡΡΠ΅Π½ΠΈΡ ΡΠ·ΡΠΊΠ° HTML. ΠΠ°ΠΆΠ΅ ΡΠ°ΠΌΡΠ΅ ΡΠ»ΠΎΠΆΠ½ΡΠ΅ ΠΈΠ· Π½ΠΈΡ Π½Π΅ ΡΠ³Π΅Π½Π΅ΡΠΈΡΡΡΡ ΡΠ°ΠΊΠΎΠΉ ΡΠΈΡΡΡΠΉ ΠΈ ΠΏΡΠΎΠ΄ΡΠΌΠ°Π½Π½ΡΠΉ HTML-ΠΊΠΎΠ΄, ΠΊΠ°ΠΊ ΠΏΡΠΈ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΠΉ Π²Π΅ΡΡΡΠΊΠ΅ Π²ΡΡΡΠ½ΡΡ, Ρ ΠΎΡΡ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡΡ ΡΡΠΊΠΎΡΠΈΡΡ ΠΏΡΠΎΡΠ΅ΡΡ, Π΅ΡΠ»ΠΈ Π²Ρ ΡΠ²Π΅ΡΠ΅Π½Ρ Π² ΡΠ²ΠΎΠΈΡ Π·Π½Π°Π½ΠΈΡΡ . ΠΠΈΠΆΠ΅ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Ρ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Π΄Π»Ρ Π²Π΅ΡΡΡΠΊΠΈ Π²Π΅Π±ΡΡΡΠ°Π½ΠΈΡ:
ΠΠ΅ΡΡΡΠΊΠ° ΡΠ°ΠΉΡΠ°
Adobe Dreamweaver (Windows ΠΈ OS X). ΠΠ°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΡΠ΅ΡΡΠ΅Π·Π½Π°Ρ ΠΈ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½Π°Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ°, ΡΠΏΠΎΡΠΎΠ±ΡΡΠ²ΡΠ΅Ρ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΡ ΡΠΈΡΡΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° ΠΈ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ.
Microsoft Expression Web (ΡΠΎΠ»ΡΠΊΠΎ Windows). Π§Π°ΡΡΡ ΠΏΠ°ΠΊΠ΅ΡΠ° ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΡ ΡΡΠ΅Π΄ΡΡΠ² ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΊΠΎΡΠΏΠΎΡΠ°ΡΠΈΠΈ Microsoft, ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΡ Π²Π°ΡΡΠ°ΡΡΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ΠΌ ΠΊΠΎΠ΄Π°, ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡΠΌ ΡΠΎ ΡΡΠ°Π½Π΄Π°ΡΡΠ°ΠΌΠΈ ΠΈ ΠΌΠ°ΠΊΠ΅ΡΠ°ΠΌΠΈ, ΠΎΡΠ½ΠΎΠ²Π°Π½Π½ΡΠΌΠΈ Π½Π° ΡΠ°Π±Π»ΠΈΡΠ°Ρ ΡΡΠΈΠ»Π΅ΠΉ.
Nvu (Linux, Windows ΠΈ OS X). ΠΠ΅ Ρ ΠΎΡΠΈΡΠ΅ ΠΏΠ»Π°ΡΠΈΡΡ Π·Π° ΡΠ΅Π΄Π°ΠΊΡΠΎΡ WYSIWYG Nvu (ΠΏΡΠΎΠΈΠ·Π½ΠΎΡΠΈΡΡΡ Β«ΡΠ½-Π²ΡΡΒ») β ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΠ΅Ρ ΠΌΠ½ΠΎΠ³ΠΈΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΠΌ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Dreamweaver ΠΈ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π·Π°Π³ΡΡΠΆΠ΅Π½ Ρ Π²Π΅Π±-ΡΠ°ΠΉΡΠ° nvu.mozillarussia.org.
Π Π΅Π΄Π°ΠΊΡΠΎΡΡ HTML
Π Π΅Π΄Π°ΠΊΡΠΎΡΡ HTML ΠΊΠΎΠ΄Π° (Π² ΠΏΡΠΎΡΠΈΠ²ΠΎΠΏΠΎΠ»ΠΎΠΆΠ½ΠΎΡΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°ΠΌ Π΄Π»Ρ Π²Π΅ΡΡΡΠΊΠΈ) ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Ρ, ΡΡΠΎΠ±Ρ ΡΡΠΊΠΎΡΠΈΡΡ ΠΏΡΠΎΡΠ΅ΡΡ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ HTML ΠΊΠΎΠ΄Π° Π²ΡΡΡΠ½ΡΡ. ΠΠ½ΠΈ Π½Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ, ΠΏΠΎΡΡΠΎΠΌΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ Π΅Π΅ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅. ΠΠ½ΠΎΠ³ΠΈΠ΅ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠ΅ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ Π½Π° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅ ΠΏΡΠ΅Π΄ΠΏΠΎΡΠΈΡΠ°ΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ HTML-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΡ Π²ΡΡΡΠ½ΡΡ ΠΈ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΏΡΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ²:
TextPad (ΡΠΎΠ»ΡΠΊΠΎ Windows). TextPad β ΠΏΡΠΎΡΡΠΎΠΉ ΠΈ Π½Π΅Π΄ΠΎΡΠΎΠ³ΠΎΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΠΊΠΎΠ΄Π° Π΄Π»Ρ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΡ Windows.
Sublime Text (Window, OS X ΠΈ Linux). ΠΡΠΎΡ Π½Π΅Π΄ΠΎΡΠΎΠ³ΠΎΠΉ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠΎΠ±Π΅ΡΠ°ΡΡΠΈΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΠΊΠ°ΠΆΠ΅ΡΡΡ ΡΡΠ΅Π·Π°Π½Π½ΡΠΌ, Π½ΠΎ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΡΠ½ΠΊΡΠΈΠΉ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠ° ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ° ΠΈ ΠΎΠ±Π·ΠΎΡ ΠΊΠΎΠ΄Π° ΡΠ΅Π»ΠΈΠΊΠΎΠΌ), ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΡΠ΅Π½Ρ Π½ΡΠ°Π²ΡΡΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ.
Coda ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Panic (ΡΠΎΠ»ΡΠΊΠΎ OS X). ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Coda Π½ΡΠ°Π²ΠΈΡΡΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½Π°Ρ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ, ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠ°ΠΉΠ»Π°ΠΌΠΈ ΠΈ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΉ Π΄ΠΎΡΡΡΠΏ ΠΊ ΡΠ΅ΡΠΌΠΈΠ½Π°Π»Ρ.
TextMate ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ MacroMates (ΡΠΎΠ»ΡΠΊΠΎ OS X). ΠΡΠΎΡ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΠΉ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Π²ΠΊΠ»ΡΡΠ°Π΅Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠ°ΠΌΠΈ ΠΈ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ, Π²ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠΉ Π² ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΡΡ ΡΠΈΡΡΠ΅ΠΌΡ OS X. ΠΠ³ΠΎ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΠΎΡΡΡ ΡΠ°ΡΡΠ΅Ρ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΠΎΠ½ ΠΏΡΠΎΡΡ Π² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ, ΠΌΠ½ΠΎΠ³ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»Π΅Π½ ΠΈ Π½Π΅Π΄ΠΎΡΠΎΠ³.
BBEdit ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Bare Bones Software (ΡΠΎΠ»ΡΠΊΠΎ OS X). ΠΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ Π·Π°ΠΌΠ΅ΡΠ°ΡΠ΅Π»ΡΠ½ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠΈ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ° ΠΊΠΎΠ΄Π° ΡΠ΄Π΅Π»Π°Π»ΠΈ ΡΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Π²Π΅Π΄ΡΡΠΈΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠΌ Π΄Π»Ρ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ², ΡΠ°Π±ΠΎΡΠ°ΡΡΠΈΡ Π½Π° ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ°Ρ ΠΏΠΎΠ΄ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΡ OS X.
ΠΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ
ΠΠ΅ΡΠΎΡΡΠ½ΠΎ, Π²Ρ Π·Π°Ρ ΠΎΡΠΈΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π½Π° Π²Π°ΡΠΈ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΏΠΎΡΡΠΎΠΌΡ Π²Π°ΠΌ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ. ΠΠΎΠ΄ΡΠΎΠ±Π½ΠΎ Ρ ΡΠ°ΡΡΠΌΠΎΡΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΠ΅ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Π² ΡΠ°ΡΡΠΈ IV. Π’Π΅ΠΌ Π²ΡΠ΅ΠΌΠ΅Π½Π΅ΠΌ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠ·ΡΡΠΈΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π³ΡΠ°ΡΠΈΠΊΠΈ Π΄Π»Ρ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ:
Adobe Photoshop (Windows ΠΈ OS X). Photoshop β Π±Π΅ΡΡΠΏΠΎΡΠ½ΡΠΉ ΠΏΡΠΎΠΌΡΡΠ»Π΅Π½Π½ΡΠΉ ΡΡΠ°Π½Π΄Π°ΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠ°ΠΊ Π΄Π»Ρ ΠΏΠ΅ΡΠ°ΡΠΈ, ΡΠ°ΠΊ ΠΈ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ.
Adobe Photoshop Elements (Windows ΠΈ OS X). ΠΡΠ° ΡΠΏΡΠΎΡΠ΅Π½Π½Π°Ρ Π²Π΅ΡΡΠΈΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Photoshop ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π° Π΄Π»Ρ Π»ΡΠ±ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΈ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΉ, Π½ΠΎ Π²Ρ ΡΠ°ΠΊΠΆΠ΅ ΠΎΠ±Π½Π°ΡΡΠΆΠΈΡΠ΅, ΡΡΠΎ ΠΎΠ½Π° ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π²ΡΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠ΅ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π΄Π»Ρ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ.
Adobe Illustrator (Windows ΠΈ OS X). Π’Π°ΠΊ ΠΊΠ°ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°ΠΌ Π½ΡΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π»ΠΎΠ³ΠΎΡΠΈΠΏΡ, Π·Π½Π°ΡΠΊΠΈ ΠΈ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΈ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² ΠΈ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΠΉ, ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π½Π°ΡΠΈΠ½Π°ΡΡ ΡΠ°Π±ΠΎΡΡ Ρ Π²Π΅ΠΊΡΠΎΡΠ½ΡΠΌΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ Π² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ΅ Illustrator, ΡΡΠΎΠ±Ρ Π΄ΠΎΠ±ΠΈΡΡΡΡ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠΉ Π³ΠΈΠ±ΠΊΠΎΡΡΠΈ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΡ ΡΠ°Π½ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄Π»Ρ ΠΡΠ΅ΠΌΠΈΡΠ½ΠΎΠΉ ΠΏΠ°ΡΡΠΈΠ½Ρ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ ΠΈΠ· ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Illustrator ΠΈΠ»ΠΈ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠΈΡΡ ΠΈΡ Π² Photoshop Π΄Π»Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ.
Adobe Fireworks (Windows ΠΈ OS X). ΠΡΠ° ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π²Π΅Π±Π³ΡΠ°ΡΠΈΠΊΠΈ ΡΠΎΡΠ΅ΡΠ°Π΅Ρ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°ΠΌΠΈ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π²Π΅ΠΊΡΠΎΡΠ½ΡΡ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΉ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π΄Π»Ρ ΠΡΠ΅ΠΌΠΈΡΠ½ΠΎΠΉ ΠΏΠ°ΡΡΠΈΠ½Ρ.
Corel PaintShop Pro (ΡΠΎΠ»ΡΠΊΠΎ Windows). ΠΠΎΠ»Π½ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΠΉ ΡΡΠ΅Π΄ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Windows, ΠΏΡΠ΅ΠΆΠ΄Π΅ Π²ΡΠ΅Π³ΠΎ ΠΈΠ·-Π·Π° ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π½ΠΈΠ·ΠΊΠΎΠΉ ΡΠ΅Π½Ρ.
GIMP (Unix Windows ΠΈ OS X). ΠΡΠΎΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΡΡ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ Photoshop.
ΠΠΎΠΏΡΠ»ΡΡΠ½ΡΠ΅ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠ΅ HTML-ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ β ΠΠΆΠΈΠ½ΠΎ β’ ΠΡΡΠ½Π°Π»
21 ΠΎΠΊΡΡΠ±ΡΡ 2019 Π³.
ΠΡΠ΅ΠΌΡ ΡΡΠ΅Π½ΠΈΡ: 2 ΠΌΠΈΠ½ΡΡΡ
Π Π½Π°ΡΠ΅ΠΉ ΠΏΡΠΎΡΠ»ΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΎΠ± HTML ΠΌΡ ΡΠΆΠ΅ ΡΠΏΠΎΠΌΠΈΠ½Π°Π»ΠΈ, ΡΡΠΎ ΡΡΡΠ΅ΡΡΠ²ΡΡΡ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ HTML-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΎΠ². ΠΠΏΡΠΎΡΠ΅ΠΌ, ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΈΠ· Π½ΠΈΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡ ΠΈ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠΎΠ΄Π° Π½Π° Π΄ΡΡΠ³ΠΈΡ ΡΠ·ΡΠΊΠ°Ρ . Π’Π°ΠΊΠΈΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ ΠΏΠΎΠ²ΡΡΠ°ΡΡ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ ΠΊΠΎΠ΄Π° ΠΈ ΡΡΠΊΠΎΡΡΡΡ ΠΏΡΠΎΡΠ΅ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ ΡΠ²Π΅ΡΠΎΠ²ΠΎΠΉ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠ΅ ΡΠ΅Π³ΠΎΠ², ΡΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΡΠΌ ΠΎΠ± ΠΎΡΠΈΠ±ΠΊΠ°Ρ , Π°Π²ΡΠΎΠ·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ ΠΈ Π΄ΡΡΠ³ΠΈΠΌ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΌ ΡΡΠ½ΠΊΡΠΈΡΠΌ. ΠΠ°ΡΠΈΠ½Π°ΡΡΠΈΠΌ ΠΊΠΎΠ΄Π΅ΡΠ°ΠΌ Π»ΡΡΡΠ΅ Π½Π°ΡΠΈΠ½Π°ΡΡ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ Π½ΠΈΡ , ΡΡΠΎΠ±Ρ ΠΏΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΠΎ ΠΎΡΡΠ°ΡΠΈΠ²Π°ΡΡ ΡΠ²ΠΎΠΈ Π½Π°Π²ΡΠΊΠΈ.
ΠΠΎΡΡΡΠΏΠ΅Π½ Π½Π° Windows, Linux, MacOS
Π Π΅Π΄Π°ΠΊΡΠΎΡ Visual Studio Code ΠΎΡ Microsoft β ΡΠ°ΠΌΡΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Π΄Π»Ρ HTML ΠΏΠΎ Π΄Π°Π½Π½ΡΠΌ Π°Π²ΡΠΎΡΠΈΡΠ΅ΡΠ½ΠΎΠ³ΠΎ ΡΠ°ΠΉΡΠ° Stack Overflow. Π Π½ΡΠΌ Π΅ΡΡΡ Π²ΡΡ ΡΠ°ΠΌΠΎΠ΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΠ΅ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ: Π°Π²ΡΠΎΠ·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅, ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠ° ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ°, ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° Π΄Π»Ρ ΠΏΠΎΠΈΡΠΊΠ° ΠΎΡΠΈΠ±ΠΎΠΊ ΠΈ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ. ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ Π² Visual Studio Code ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡΡΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΈ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠΉ, ΡΡΡΡ ΠΊΠΎΡΠΎΡΡΡ ΠΈΠ΄ΡΡ Π½Π° ΡΡΡΡΡΠΈ. ΠΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π΄Π»Ρ ΡΠ»ΠΎΠΆΠ½ΡΡ ΠΈ Π°ΠΊΡΠΈΠ²Π½ΠΎ ΡΠ°Π·Π²ΠΈΠ²Π°ΡΡΠΈΡ ΡΡ ΡΠ°ΠΉΡΠΎΠ², Π΄Π»Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΠΊΠΎΡΠΎΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠ΅Π»ΠΎΠ΅ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ.
ΠΠΎΡΡΡΠΏΠ΅Π½ Π½Π° Windows, Linux, MacOS
Brackets — ΠΏΡΠΎΠ΄ΡΠΊΡ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Adobe, ΠΈΠ·Π²Π΅ΡΡΠ½ΠΎΠΉ Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ Π»Π΅Π³Π΅Π½Π΄Π°ΡΠ½ΠΎΠΌΡ Photoshop ΠΈ Π΄ΡΡΠ³ΠΈΠΌ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ°ΠΌ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ ΠΈ Π³ΡΠ°ΡΠΈΠΊΠΎΠΉ. ΠΠΎΡΡΠΎΠΌΡ ΠΈ ΡΠ°ΠΌ Brackets Π·Π°ΡΠΎΡΠ΅Π½, ΠΏΡΠ΅ΠΆΠ΄Π΅ Π²ΡΠ΅Π³ΠΎ, Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠΉ ΡΠΎΡΡΠ°Π²Π»ΡΡΡΠ΅ΠΉ ΡΠ°ΠΉΡΠ°, ΡΡΠΎ Π±ΡΠ΄Π΅Ρ ΠΏΠ»ΡΡΠΎΠΌ Π΄Π»Ρ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ² ΠΈ ΡΡΠΎΠ½ΡΠ΅Π½Π΄-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ². ΠΡΠΎΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΡΠ²Π»ΡΠ΅ΡΡΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΌ, ΡΠΎ Π΅ΡΡΡ ΠΏΡΠΈ ΡΠ°Π±ΠΎΡΠ΅ Ρ ΠΊΠΎΠ΄ΠΎΠΌ Π²Ρ Π±ΡΠ΄Π΅ΡΠ΅ ΡΡΡ ΠΆΠ΅ Π²ΠΈΠ΄Π΅ΡΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ Π²Π°ΡΠΈΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅. Π Π½Π°ΠΆΠ°Π² Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Π΅ΠΌΠΎΠ³ΠΎ ΡΠ°ΠΉΡΠ°, Π²Ρ ΠΏΠΎΠΏΠ°Π΄ΡΡΠ΅ Π½Π° ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠΉ Π΅ΠΌΡ ΡΡΠ°ΡΡΠΎΠΊ ΠΊΠΎΠ΄Π°. Π ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ° ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠΉ Π½Π° Brackets ΡΠ°ΠΊΠΆΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Π°.
ΠΠΎΡΡΡΠΏΠ΅Π½ Π½Π° Windows, Π° ΡΠ°ΠΊΠΆΠ΅ Π½Π° Linux ΡΠ΅ΡΠ΅Π· Wine
ΠΡΠΎΡΡΠΎΠΉ ΠΈ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΡΡΠΈΡΠ½ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ. Π£Π΄ΠΎΠ±Π΅Π½ Π΄Π»Ρ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ ΡΡΠ°Π·Ρ Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ ΡΠ°ΠΉΠ»Π°ΠΌΠΈ ΠΈ Ρ Π±ΠΎΠ»ΡΡΠΈΠΌ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎΠΌ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ. ΠΠΌΠ΅Π΅Ρ ΡΠ°Π±Π»ΠΈΡΠ½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠ²ΠΎΡΠ°ΡΠΈΠ²Π°ΡΡ ΠΈ ΡΠ°Π·Π²ΠΎΡΠ°ΡΠΈΠ²Π°ΡΡ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΡ ΠΊΠΎΠ΄Π° Π΄Π»Ρ ΡΠΎΠΊΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ Π½Π° Π³Π»Π°Π²Π½ΠΎΠΌ. Notepad++ Π½Π΅ ΡΡΠ΅Π±ΠΎΠ²Π°ΡΠ΅Π»Π΅Π½ ΠΊ ΡΠ΅ΡΡΡΡΠ°ΠΌ ΠΈ, ΠΊΠ°ΠΊ ΠΈ Π΅Π³ΠΎ Π°Π½Π°Π»ΠΎΠ³ΠΈ, ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΡΠΎΠ²Π΅ΡΡΠ΅Π½ΡΡΠ²ΠΎΠ²Π°Π½ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ².
ΠΠΎΡΡΡΠΏΠ΅Π½ Π½Π° Windows, Linux, OS X
ΠΠ΅ΡΠΌΠΎΡΡΡ Π½Π° ΡΠΎ ΡΡΠΎ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ Π΄ΠΎΡΡΡΠΏΠ½Π° ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½Π½Π°Ρ Π²Π΅ΡΡΠΈΡ Sublime Text, Π½Π° ΡΡΠΎΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΡΡΠΎΠΈΡ ΠΎΠ±ΡΠ°ΡΠΈΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅. ΠΠ½ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²ΡΠ±ΡΠ°ΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠ΅ΠΆΠΈΠΌΠΎΠ² ΡΠΊΡΠ°Π½Π°. ΠΏΡΠΈΡΡΠΌ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΈΠ· Π½ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ Ρ ΡΠ΅ΡΡΡΡΠΌΡ ΡΠ°ΠΉΠ»Π°ΠΌΠΈ. Π ΡΠΎΠΌΡ ΠΆΠ΅ Π² Sublime Text ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° ΡΠ΄ΠΎΠ±Π½Π°Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ ΠΏΠΎ ΠΊΠΎΠ΄Ρ HTML-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΌΠΈΠ½ΠΈ-ΠΊΠ°ΡΡΡ. ΠΡΡ ΠΎΠ΄Π½Π° ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡ ΡΡΠΎΠ³ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° β ΡΡΠΎ ΡΡΡΡΡΠΈ ΡΠ°ΠΌΡΡ ΡΠ°Π·Π½ΡΡ ΠΏΠΎΠ»Π΅Π·Π½ΡΡ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΉ, ΡΠΎΠ·Π΄Π°Π½Π½ΡΡ ΡΠ°ΠΌΠΈΠΌΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°.
ΠΠΎΡΡΡΠΏΠ΅Π½ Π½Π° Windows, Linux, OS X
ΠΠ΄Π½Π° ΠΈΠ· ΡΠ°ΠΌΡΡ Π½ΠΎΠ²ΡΡ ΠΈ Π±ΡΡΡΡΠΎΡΠ°Π·Π²ΠΈΠ²Π°ΡΡΠΈΡ ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΎΠΊ Π² ΡΡΠ΅ΡΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² ΠΊΠΎΠ΄Π°. ΠΡΠ»ΠΈΡΠ°Π΅ΡΡΡ Π±ΠΎΠ»ΡΡΠΎΠΉ Π³ΠΈΠ±ΠΊΠΎΡΡΡΡ ΠΈ ΠΏΠΎΠ½ΡΡΠ½ΠΎΡΡΡΡ Π½Π°ΡΡΡΠΎΠ΅ΠΊ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°. Π Π±Π°Π·ΠΎΠ²ΠΎΠΉ Π²Π΅ΡΡΠΈΠΈ Atom ΡΡΠ°Π·Ρ ΠΆΠ΅ Π΄ΠΎΡΡΡΠΏΠ΅Π½ Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ Π΄Π΅ΡΡΡΠΊΠ°ΠΌΠΈ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π½ΡΡ ΠΏΠ°ΠΊΠ΅ΡΠΎΠ², Π½ΠΎ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΏΠ°ΠΊΠ΅ΡΡ, ΠΏΠ»Π°Π³ΠΈΠ½Ρ ΠΈ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ. Π Π΅Π΄Π°ΠΊΡΠΎΡ Π±ΡΠ» Π·Π°ΠΏΡΡΠ΅Π½ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π½Π΅Π΄Π°Π²Π½ΠΎ, ΠΏΠΎΡΡΠΎΠΌΡ Π² Π½ΡΠΌ Π½Π΅ Π²ΡΡΡΠ΅ΡΠ°ΡΡΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π΅Π΄ΠΎΡΡΠ°ΡΠΊΠΈ Π΄ΡΡΠ³ΠΈΡ Π΄Π°Π²Π½ΠΎ Π·Π°ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π²Π°ΡΠΈΡ ΡΠ΅Π±Ρ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ². ΠΠ΅Ρ Π°Π½ΠΈΠ·ΠΌ Π°Π²ΡΠΎΠ·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ, ΡΠ°Π·Π±ΠΈΠ²ΠΊΠ° ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Π½Π° ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΠΎΠΊΠΎΠ½, ΡΡΠ½ΠΊΡΠΈΠΈ ΠΏΠΎΠΈΡΠΊΠ° ΠΈ Π·Π°ΠΌΠ΅Π½Ρ β Π²ΡΡ ΡΡΠΎ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½ΠΎ Π² Atom Π½Π° ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΌ ΡΡΠΎΠ²Π½Π΅.
ΠΠΎΡ Π»ΠΈΡΡ ΠΌΠ°Π»Π°Ρ ΡΠ°ΡΡΡ Π²ΡΠ΅Ρ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡ Π΄Π»Ρ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ ΠΊΠΎΠ΄Π° Π½Π° HTML. ΠΠ°ΡΠ½ΠΈΡΠ΅ ΡΠ°Π±ΠΎΡΡ Ρ HTML Π² ΡΡΠΈΡ Π΄ΠΎΡΡΡΠΏΠ½ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°Ρ , Π²Π΅Π΄Ρ ΠΎΠ½ΠΈ ΠΏΡΠΎΠ²Π΅ΡΠ΅Π½Ρ Π²ΡΠ΅ΠΌΠ΅Π½Π΅ΠΌ ΠΈ ΠΈΠΌΠ΅ΡΡ ΠΌΠ°ΡΡΡ ΠΏΠΎΠ»ΠΎΠΆΠΈΡΠ΅Π»ΡΠ½ΡΡ ΠΎΡΠ·ΡΠ²ΠΎΠ² ΠΎΡ ΠΎΠΏΡΡΠ½ΡΡ ΠΈ Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ².
Π’ΠΎΠΏ 10. ΠΡΡΡΠΈΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ HTML
ΠΡΠ΅ ΠΌΡ Π·Π½Π°Π΅ΠΌ ΡΡΠΎ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΠ·ΡΠΊΠ° HTML ΠΏΡΠΎΠΈΠ·ΠΎΡΠ»ΠΎ ΠΎΡΒ HyperText Markup Language, ΡΡΠΎ Π² ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄Π΅ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ βΒ ΡΠ·ΡΠΊΒ Π³ΠΈΠΏΠ΅ΡΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΉΒ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ. Π’Π΅ΡΠΌΠΈΠ½ΠΎΠ»ΠΎΠ³ΠΈΡ ΡΠ·ΡΠΊΠ° ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ Π³ΠΎΠ²ΠΎΡΠΈΡ ΠΎ ΡΠΎΠΌ, ΡΡΠΎ ΡΡΠΎ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ Ρ ΡΠΊΠ°Π·Π°Π½ΠΈΡΠΌΠΈ Π½Π° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, ΡΠΏΠΈΡΠΊΠΈ ΠΈ ΠΏΡΠΎΡΠΈΠ΅ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΡ Π² ΡΠ΅ΠΊΡΡΠ΅. ΠΠΎΠ΄Π°Π²Π»ΡΡΡΠ΅Π΅ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΡΠ°ΠΉΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΡΡΠ΅ΡΠΈΡΡ Π²ΠΎ Π²ΡΠ΅ΠΌΠΈΡΠ½ΠΎΠΉ ΠΏΠ°ΡΡΠΈΠ½Π΅ Π½Π°ΠΏΠΈΡΠ°Π½Ρ ΠΈΠΌΠ΅Π½Π½ΠΎ Π½Π° HTML. ΠΠ΅ΡΠ΅Π΄Π°ΡΡΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎΡ ΡΠ΅ΡΠ²Π΅ΡΠ° ΠΊ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΏΠΎ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΌ ΠΏΡΠΎΡΠΎΠΊΠΎΠ»Π°ΠΌ ΠΈ Ρ ΡΡΠ»ΠΎΠ²ΠΈΠ΅ΠΌ ΡΠΆΠ°ΡΠΈΡ. ΠΠ· ΠΈΡΡΠΎΡΠΈΠΈ ΡΠ°ΠΊΠΆΠ΅ ΠΈΠ·Π²Π΅ΡΡΠ½ΠΎ, ΡΡΠΎ ΡΠ·ΡΠΊ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Π»ΡΡΒ Π’ΠΈΠΌΠΎΠΌ ΠΠ΅ΡΠ½Π΅ΡΡΠΎΠΌ-ΠΠΈ Π² 1986-1991 Π³ΠΎΠ΄Π°Ρ
.
Π‘ΠΏΡΠ°Π²Π΅Π΄Π»ΠΈΠ²ΠΎΡΡΠΈ ΡΠ°Π΄ΠΈ, Β ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠΌ ΠΌΠΎΠΆΠ΅Ρ ΡΠ»ΡΠΆΠΈΡΡ ΠΎΠ±ΡΡΠ½ΡΠΉ Π±Π»ΠΎΠΊΠ½ΠΎΡ. ΠΠΎ ΡΡΠΎ Π½Π΅ΡΠ΄ΠΎΠ±Π½ΠΎ, Π΅ΡΡΡ ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ² Ρ Π±ΠΎΠ»Π΅Π΅ ΡΠ΄ΠΎΠ±Π½ΡΠΌΠΈ ΡΡΠ½ΠΊΡΠΈΡΠΌΠΈ (ΡΠ³Π°Π΄ΡΠ²Π°Π½ΠΈΡ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ², Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ, ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠΎΠΉ ΠΊΠΎΠ΄Π° ΠΈ Ρ.ΠΏ).
ΠΡΠ°ΠΊ, ΠΏΠΎΡΠΌΠΎΡΡΠΈΠΌ Π»ΡΡΡΠΈΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ HTML:
1 ΠΌΠ΅ΡΡΠΎ. Sublime Text
ΠΡΠΎΡΡΠΎΠΉ, Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ, ΡΠ΄ΠΎΠ±Π½ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΡΠ°Π·Π»ΠΈΡΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π°. ΠΠ· ΠΏΠ»ΡΡΠΎΠ² Π½Π΅Π»ΡΠ·Ρ Π½Π΅ ΠΎΡΠΌΠ΅ΡΠΈΡΡ ΠΏΡΠΈΡΡΠ½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ, ΡΠ΄ΠΎΠ±ΡΡΠ²ΠΎ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ, ΠΈ Π³ΠΈΠ±ΠΊΡΡ Π½Π°ΡΡΡΠΎΠΉΠΊΡ. Π’Π°ΠΊΠΆΠ΅ Π½Π΅ΡΠΎΠΌΠ½Π΅Π½Π½ΡΠΌ ΠΏΠ»ΡΡΠΎΠΌ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠΎ, ΡΡΠΎ ΡΡΠΎΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΠΌΡΠ»ΡΡΠΈΠΏΠ»Π°ΡΡΠΎΡΠΌΠ΅Π½Π½ΡΠΉ.Β ΠΡΠ΅Π½Ρ ΠΏΠΎΠ½ΡΠ°Π²ΠΈΠ»Π°ΡΡ ΡΡΠ½ΠΊΡΠΈΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΠΎΠ³ΠΎ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΡ ΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ, ΡΡΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΠΈ Π½Π΅Ρ Ρ Π΄ΡΡΠ³ΠΈΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ². ΠΠ½Π° ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΡΠ°ΠΊ: Π·Π°ΠΆΠΈΠΌΠ°Π΅ΡΡ Ctrl ΠΈ ΠΏΠΎΡΠ»Π΅ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΡ ΡΡΡΠΎΠΊ ΡΠ΅ΠΊΡΡΠ° ΠΎΠ½ΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΡΡΡΡΡ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ. Π’Π°ΠΊΠΆΠ΅ Π² ΡΡΠΎΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅ Π΅ΡΡΡ ΡΡΠ½ΠΊΡΠΈΡ Π³ΠΎΡΡΡΠΈΡ ΠΊΠ»Π°Π²ΠΈΡ Π½Π° Π»ΡΠ±ΡΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ. ΠΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΏΠΎΠΊΠ° Π½Π΅ ΡΠ°ΠΊ ΠΌΠ½ΠΎΠ³ΠΎ.
2 ΠΌΠ΅ΡΡΠΎ. Aptana Studio
ΠΡΠΎΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Π»ΡΡ ΠΏΠΎΠ΄ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΡ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, Π½ΠΎ ΡΠ°ΠΊΠΆΠ΅ ΠΎΡΠ΅Π½Ρ Ρ ΠΎΡΠΎΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Ρ HTML. ΠΠ· ΠΏΠ»ΡΡΠΎΠ² Π½Π΅Π»ΡΠ·Ρ Π½Π΅ ΠΎΡΠΌΠ΅ΡΠΈΡΡ ΠΏΡΠ΅ΠΊΡΠ°ΡΠ½ΠΎΠ΅ Π°Π²ΡΠΎΠ·Π°Π²Π΅ΡΡΠ΅Π½ΠΈΠ΅, ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠ° ΠΊΠΎΠ΄Π° ΠΈ ΠΎΡΠ»ΠΈΡΠ½ΡΡ ΡΠΈΡΡΠ΅ΠΌΡ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠΌ. ΠΠ»Ρ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎΠ³ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° ΡΡΠΈ ΡΡΠ½ΠΊΡΠΈΠΈ ΠΏΡΠΎΡΡΠΎ Π½Π΅ΠΎΡΠ΅Π½ΠΈΠΌΡ. Π’Π°ΠΊΠΆΠ΅ ΠΊΠ°ΠΊ ΠΈ Ρ Dreamweaver Π²Ρ ΠΌΠΎΠΆΠ΅Ρ Π½Π°ΠΉΡΠΈ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π½Π° ΠΎΡΠΈΡΠΈΠ°Π»ΡΠ½ΠΎΠΌ ΡΠ°ΠΉΡΠ΅. ΠΠΎΠ½Π΅ΡΠ½ΠΎ Π±ΠΎΠ»ΡΡΠΎΠΉ Π²ΡΠ±ΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², ΠΎΠΏΡΠΈΠΉ, Π½Π°ΡΡΡΠΎΠ΅ΠΊ ΠΌΠΎΠΆΠ΅Ρ Π½Π°ΠΏΡΠ³Π°ΡΡ Π½ΠΎΠ²ΠΈΡΠΊΠ°, Π½ΠΎ Aptana Studio ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΡΠ»ΠΈΡΠ½ΡΠΌ Π²ΡΠ±ΠΎΡΠΎΠΌ Π΅ΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ΅Π½ ΡΠ΄ΠΎΠ±Π½ΡΠΉ ΠΈ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ HTML.
3 ΠΌΠ΅ΡΡΠΎ. Notepad++
ΠΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΡΠ΅ΡΡΡ ΠΊΠ°ΠΊ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ. Π₯ΠΎΡΠΎΡΠΎ ΠΎΡΠ³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ ΡΡΠ½ΠΊΡΠΈΠΈ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠΈ, Π°Π²ΡΠΎΠ·Π°Π²Π΅ΡΡΠ΅Π½ΠΈΡ Π±Π»ΠΎΠΊΠΎΠ² ΠΊΠΎΠ΄Π°, ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΡ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΠ²Π΅Π»ΠΈΡΠ΅Π½Π° Π·Π° ΡΡΡΡ Π±ΠΎΠ»ΡΡΠΎΠ³ΠΎ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π° ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΈ ΠΌΠΎΠ΄ΡΠ»Π΅ΠΉ. Π’Π°ΠΊΠΆΠ΅ ΡΡΠΎΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΠΎΡΠ΅Π½Ρ Π±ΡΡΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π΄Π°ΠΆΠ΅ Ρ Π±ΠΎΠ»ΡΡΠΈΠΌ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎΠΌ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ².
4 ΠΌΠ΅ΡΡΠΎ. Macromedia (Adobe) Dreamweaver
Π―Π²Π»ΡΠ΅ΡΡΡ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· ΡΡΠ°ΡΠ΅ΠΉΡΠΈΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ², Π΄Π΅ΡΠΆΠΈΡΡΡ Π½Π° ΠΏΠ»Π°Π²Ρ Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Ρ ΡΡΠ½ΠΊΡΠΈΠΉ. ΠΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ ΡΡΠΎΠΉ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ ΠΊΠΎΠ΄ ΡΡΡΠ°Π½ΠΈΡΡ, ΡΠ°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ ΠΈ Π°Π²ΡΠΎΠ΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΡΠ΅Π³ΠΎΠ² ΠΈ Π°ΡΡΠΈΠ±ΡΡΠΎΠ² HTML. Π£Π΄ΠΎΠ±Π½ΠΎ ΠΎΡΠ³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½ ΠΏΠΎΠΈΡΠΊ ΠΈ Π·Π°ΠΌΠ΅Π½Π° ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ². ΠΠ° ΠΎΡΠΈΡΠΈΠ°Π»ΡΠ½ΠΎΠΌ ΡΠ°ΠΉΡΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Π²Ρ Π½Π°ΠΉΠ΄ΡΡΠ΅ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΠΊΠΎΠΌΠΌΠ΅ΡΡΠ΅ΡΠΊΠΈΡ ΠΈ Π½Π΅ΠΊΠΎΠΌΠΌΠ΅ΡΡΠ΅ΡΠΊΠΈΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π½Π° ΡΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ.
5 ΠΌΠ΅ΡΡΠΎ.Β RJ TextEd
ΠΠ΅ΡΠ»ΠΎΠΆΠ½ΡΠΉ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ, Π½Π°ΠΏΠΈΡΠ°Π½Π½ΡΠΉ Π² 2004 Π³ΠΎΠ΄Ρ Π΄Π»ΡΒ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΡΒ Windows. Π Π½ΡΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΡ ΠΊΠΎΠ΄Π° ΠΏΠΎΠ΄ ΡΠ΅Π±Ρ, ΡΠ°ΡΡΠΈΡΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π°Π²ΡΠΎΠ·Π°ΠΊΡΡΡΠΈΠ΅ ΡΠ΅Π³ΠΎΠ², ΠΊΠ°Π²ΡΡΠ΅ΠΊ. ΠΠΌΠ΅Π΅ΡΡΡ ΠΏΡΠΈΠ»ΠΈΡΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΌΠΈΠ½ΡΡΠΎΠ², ΠΊΠ°ΠΊ ΡΠ΅ΡΡΡΠ·Π½ΡΡ , ΡΠ°ΠΊ ΠΈ Π½Π΅Π·Π°ΠΌΠ΅ΡΠ½ΡΡ , ΠΊ ΠΏΡΠΈΠΌΠ΅ΡΡ Π½Π΅ΡΡ FTP ΠΊΠ»ΠΈΠ΅Π½ΡΠ°, Π½Π΅ΡΡ ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Ρ Π²Π°ΡΠ° Π·Π°Π²ΠΈΡΠΈΠΌΡΡ ΡΠ°ΠΉΠ»ΠΎΠ², Π½Π΅ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ CSS 3, JS ΠΈ Ρ.ΠΏ.
6 ΠΌΠ΅ΡΡΠΎ. KompoZer
ΠΡΠΎ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π»ΡΡΡΠΈΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ². Π‘ΡΠ°Π·Ρ Π²ΠΈΠ΄Π½ΠΎ ΠΊΠ°ΠΊ ΡΡΡΠ°Π½ΠΈΡΠ° ΠΏΡΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠΈΒ Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅. ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Π²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ HTML. KompoZer ΡΡΠΎ ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ Π½Π΅ ΠΏΠ»Π°ΡΠ½ΡΠΉ Dreamweaver ΠΈ Π²Π΅Π΄ΡΡ ΠΎΠ½ ΡΠ΅Π±Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ. ΠΠ· ΠΏΠ»ΡΡΠΎΠ² Π½Π΅Π»ΡΠ·Ρ Π½Π΅ Π·Π°ΠΌΠ΅ΡΠΈΡΡ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΉ CSS ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΠΈ FTP ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ.
7 ΠΌΠ΅ΡΡΠΎ. Komodo Edit
ΠΡΠΎ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π½ΡΠΉ ΠΎΡ ΠΊΠΎΠΌΠΌΠ΅ΡΡΠ΅ΡΠΊΠΎΠ³ΠΎ Komodo IDE ΠΎΡ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΡΠ½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Π» ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΡΠ½ΠΊΡΠΈΠΉ. Π Π΅Π΄Π°ΠΊΡΠΎΡ ΠΈΠΌΠ΅Π΅Ρ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠ΅ Π°Π²ΡΠΎΠ·Π°Π²Π΅ΡΡΠ΅Π½ΠΈΠ΅, ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΡ ΠΊΠΎΠ΄Π°. ΠΠ· ΠΏΠ»ΡΡΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠΌΠ΅ΡΠΈΡΡ Π±ΡΡΡΡΡΠΉ Π·Π°ΠΏΡΡΠΊ, ΡΠ΄ΠΎΠ±Π½ΡΠ΅ Π³ΠΎΡΡΡΠΈΠ΅ ΠΊΠ»Π°Π²ΠΈΡΠΈ. Π’Π°ΠΊΠΆΠ΅ Π²ΡΡΡΠΎΠ΅Π½ ΠΌΠ΅Ρ Π°Π½ΠΈΠ·ΠΌ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠΉ. ΠΠ·Π½Π°ΡΠ°Π»ΡΠ½ΠΎ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Π»ΡΡ ΠΊΠ°ΠΊ ΠΌΠ½ΠΎΠ³ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ.
8 ΠΌΠ΅ΡΡΠΎ. Vim
Π‘ΡΠ°ΡΡΠΉ Π΄ΠΎΠ±ΡΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ, ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π½ΡΠΉ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ Π±ΠΎΠ»Π΅Π΅ ΡΡΠ°ΡΠΎΠ³ΠΎ Vi ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ» ΡΠΎΠ·Π΄Π°Π½ Π°ΠΆ Π² 1976 Π³ΠΎΠ΄Ρ. ΠΡ ΡΠΏΡΠΎΡΠΈΡΠ΅ ΠΏΠΎΡΠ΅ΠΌΡ ΠΌΡ Π΄ΠΎ ΡΠΈΡ ΠΏΠΎΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ ΡΠΎ, ΡΡΠΎ Π±ΡΠ»ΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΎ ΠΏΠΎΡΡΠΈ 40 Π»Π΅Ρ Π½Π°Π·Π°Π΄? ΠΠ° ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΡΡΠΎ Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½Π°Ρ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡ ΠΈ ΡΠ΄ΠΎΠ±ΡΡΠ²ΠΎ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ. ΠΠΎΠ½Π΅ΡΠ½ΠΎ, ΠΊ ΡΡΠΎΠΌΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ Π½Π°Π΄ΠΎ ΠΎΡΠ΅Π½Ρ ΡΠΈΠ»ΡΠ½ΠΎ ΠΏΡΠΈΠ²ΡΠΊΠ°ΡΡ, Π²ΠΎ ΠΏΠ΅ΡΠ²ΡΡ Π½Π°Π΄ΠΎ ΠΎΡΠ²Π°ΠΈΠ²Π°ΡΡ ΡΠ»Π΅ΠΏΠΎΠΉ Π½Π°Π±ΠΎΡ (ΠΈΠ±ΠΎ Π±Π΅Π· Π½Π΅Π³ΠΎ Π²Β Vim Π΄Π΅Π»Π°ΡΡ Π½Π΅ΡΠ΅Π³ΠΎ), ΡΡΠΈΡΡΡΡ Π³ΠΎΡΡΡΠΈΠΌ ΠΊΠ»Π°Π²ΠΈΡΠ°ΠΌ, Π·Π° ΡΡΡΡ ΠΊΠΎΡΠΎΡΡΡ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ΅ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΎΠΉ.
9 ΠΌΠ΅ΡΡΠΎ. Fraise
Fraise ΡΠ²Π»ΡΠ΅ΡΡΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΌ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠΌ Ρ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠΎΠΉ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ°. Π Π°Π·ΡΠ°Π±ΠΎΡΠ°Π» Π΅Π³ΠΎ Jean-FranΓ§ois Moy Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ Smultron. ΠΠ· ΠΏΠ»ΡΡΠΎΠ² ΡΡΠΎ ΠΏΡΠ΅ΠΊΡΠ°ΡΠ½ΠΎΠ΅ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ Π±Π»ΠΎΠΊΠ°ΠΌΠΈ, ΠΊΠΎΠ΄ΠΈΡΠΎΠ²ΠΊΠ° ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ², ΡΠ°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π½Π° 2 ΠΎΠΊΠ½Π° ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄ΡΡΠ³ΠΎΠ΅. ΠΠΎ Π³Π»Π°Π²Π½ΡΠΌ ΠΌΠΈΠ½ΡΡΠΎΠΌ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠΎ, ΡΡΠΎ ΡΡΠΎΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΠ΄ Mac OS.
10 ΠΌΠ΅ΡΡΠΎ. PSPad
Π£Π½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΡΠΉ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Π΄Π»Ρ ΠΏΠ»Π°ΡΡΠΎΡΠΌΡ Windows, Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎΠΌ ΠΏΠΎΠ»Π΅Π·Π½ΡΡ ΡΡΠ½ΠΊΡΠΈΠΉ. ΠΡΠ΅Π½Ρ ΠΏΡΠΈΡΡΠ½Π°Ρ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡ ΡΠ°Π±ΠΎΡΡ ΡΡΠΎΠΉ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Π² ΡΡΠ½ΠΊΡΠΈΠΈ ΡΠΆΠ°ΡΠΈΡ HTML ΠΊΠΎΠ΄Π°, Π΄Π»Ρ Π±ΠΎΠ»Π΅Π΅ Π±ΡΡΡΡΠΎΠΉ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΡΡΠ°Π½ΠΈΡ, ΡΡΠΎΠ³ΠΎ Ρ Π½Π΅ Π²ΠΈΠ΄Π΅Π» Π² Π΄ΡΡΠ³ΠΈΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°Ρ .
ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ HTMLΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΊΠΎΠ΄Π° Visual Studio
Visual Studio Code ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°Π΅Ρ Π±Π°Π·ΠΎΠ²ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ HTML «ΠΈΠ· ΠΊΠΎΡΠΎΠ±ΠΊΠΈ». ΠΡΡΡ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠ° ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ°, ΠΈΠ½ΡΠ΅Π»Π»Π΅ΠΊΡΡΠ°Π»ΡΠ½ΠΎΠ΅ Π·Π°Π²Π΅ΡΡΠ΅Π½ΠΈΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ IntelliSense ΠΈ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΠΎΠ΅ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅. VS Code ΡΠ°ΠΊΠΆΠ΅ Π²ΠΊΠ»ΡΡΠ°Π΅Ρ ΠΎΡΠ»ΠΈΡΠ½ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ Emmet.
IntelliSense
ΠΠΎ ΠΌΠ΅ΡΠ΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ Π²Π²ΠΎΠ΄ΠΈΡΠ΅ HTML, ΠΌΡ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅ΠΌ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΠ΅ΡΠ΅Π· HTML IntelliSense. ΠΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ Π½ΠΈΠΆΠ΅ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅ΠΌΠΎΠ΅ Π·Π°ΠΊΡΡΡΠΈΠ΅ HTML-ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°