javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄

6 Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΈ IDE для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с JavaScript

Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

Π’ΠΎ-ΠΏΠ΅Ρ€Π²Ρ‹Ρ…, Π½ΡƒΠΆΠ½Π° подсвСтка синтаксиса: названия, ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€Ρ‹ ΠΈ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ символы Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΏΠΎ-Ρ€Π°Π·Π½ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ быстро ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΊΠΎΠ΄.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. kucheryaviy. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-kucheryaviy. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° kucheryaviy. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

ΠŸΠΈΡˆΠ΅Ρ‚ ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ, Π² свободноС врСмя создаСт ΠΈΠ³Ρ€Ρ‹. ΠœΠ΅Ρ‡Ρ‚Π°Π΅Ρ‚ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ свою ΡΡ‚ΡƒΠ΄ΠΈΡŽ ΠΈ Π²Ρ‹ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ Π»Π°ΠΌΠΏΠΎΠ²Ρ‹Π΅ RPG.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. 10162718102019 27e9aa5bdf801f94f7728fe14d1ac08405e5a691. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-10162718102019 27e9aa5bdf801f94f7728fe14d1ac08405e5a691. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 10162718102019 27e9aa5bdf801f94f7728fe14d1ac08405e5a691. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

Π’ΠΎ-Π²Ρ‚ΠΎΡ€Ρ‹Ρ…, Π½ΡƒΠΆΠ½ΠΎ Π°Π²Ρ‚ΠΎΠ΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅: ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Π²Π²ΠΎΠ΄ΠΈΡ‚Π΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ, Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ΡŒ нСсколько Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² ΠΊΠΎΠΌΠ°Π½Π΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹, вСроятно Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ввСсти. Π–Π΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π» подсказки ΠΊ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΌΡƒ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρƒ β€” Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ Π°Ρ€Π³ΡƒΠΌΠ΅Π½Ρ‚Ρ‹, Ρ‚ΠΈΠΏ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ, ΠΊΡ€Π°Ρ‚ΠΊΠΎΠ΅ описаниС ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. 10162718102019 db52642fc67f6c7c46657360f234a883af322464. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-10162718102019 db52642fc67f6c7c46657360f234a883af322464. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 10162718102019 db52642fc67f6c7c46657360f234a883af322464. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

Π’-Ρ‚Ρ€Π΅Ρ‚ΡŒΠΈΡ…, Π½ΡƒΠΆΠ½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ Π±Π»ΠΎΠΊΠΈ. ΠŸΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ Π½Π°Π΄ большими ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ это ΠΏΠΎΠ»Π΅Π·Π½ΠΎ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π½Π΅ придётся ΡΠΊΡ€ΠΎΠ»ΠΈΡ‚ΡŒ ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹Π΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ ΠΊΠΎΠ΄Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ Π½ΡƒΠΆΠ½Ρ‹ΠΉ.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. 10162718102019 e3ea06ecc4efe66fd609360c227a5daace25eda6. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-10162718102019 e3ea06ecc4efe66fd609360c227a5daace25eda6. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 10162718102019 e3ea06ecc4efe66fd609360c227a5daace25eda6. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

Π–Π΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ΄ΡΠ²Π΅Ρ‡ΠΈΠ²Π°Π»ΠΈΡΡŒ ошибки β€” Ρ‚ΠΎΠ³Π΄Π° Π²Ρ‹ смоТСтС ΠΈΡ… сразу Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ ΠΈ ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ:

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. 10162818102019 6a4e9b3ae3023faad72ace61e6264ce47ed78056. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-10162818102019 6a4e9b3ae3023faad72ace61e6264ce47ed78056. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 10162818102019 6a4e9b3ae3023faad72ace61e6264ce47ed78056. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

Π₯ΠΎΡ€ΠΎΡˆΠΈΠΌΠΈ бонусами Π±ΡƒΠ΄ΡƒΡ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с нСсколькими Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΎΠΊΠ½Π΅, ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ², Π²Ρ‹Π±ΠΎΡ€ Ρ‚Π΅ΠΌ, установка ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅.

БущСствуСт большоС количСство Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‚ этим трСбованиям ΠΈ ΠΏΠΎΠ΄ΠΎΠΉΠ΄ΡƒΡ‚ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с JavaScript. На Ρ‡Ρ‘ΠΌ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ β€” Π»ΠΈΡ‡Π½ΠΎΠ΅ Π΄Π΅Π»ΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ, Π½ΠΎ Ρƒ ΠΌΠ½ΠΎΠ³ΠΈΡ… Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡŽΡ‚ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ с Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ подходящСй ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, поэтому ΠΌΡ‹ составили список ΠΈΠ· 6 Ρ…ΠΎΡ€ΠΎΡˆΠΈΡ… инструмСнтов.

Notepad++

Notepad++ β€” простой ΠΈ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ. Π’ Π½Ρ‘ΠΌ Π΅ΡΡ‚ΡŒ подсвСтка синтаксиса Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… языков, Π² Ρ‚ΠΎΠΌ числС ΠΈ JS, автоматичСскоС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ Π°Π²Ρ‚ΠΎΠ΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅. ΠŸΡ€ΠΈΡΡƒΡ‚ΡΡ‚Π²ΡƒΠ΅Ρ‚ навигация Π² Π²ΠΈΠ΄Π΅ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ, Ρ„Π°ΠΉΠ»ΠΎΠ²ΠΎΠ³ΠΎ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Π° ΠΈ ΠΊΠ°Ρ€Ρ‚Ρ‹ ΠΊΠΎΠ΄Π°.

Доступны Ρ€Π°Π±ΠΎΡ‚Π° с Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΠ°ΠΌΠΈ, ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ компиляторов, использованиС ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ. НапримСр, Π΄ΠΎΠ±Π°Π²ΠΈΠ² QuickText, Π²Ρ‹ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚Π΅ встроСнноС Π°Π²Ρ‚ΠΎΠ΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅.

Notepad++ рСгулярно обновляСтся, поэтому Π² Π½Ρ‘ΠΌ быстро ΠΈΡΠΏΡ€Π°Π²Π»ΡΡŽΡ‚ Π±Π°Π³ΠΈ ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ Π½ΠΎΠ²Ρ‹Π΅ возмоТности. К соТалСнию, Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΎΠ½ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° Windows.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. 10162818102019 d58f50d1222620cd1cfe95da3a91221bd0d26e65. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-10162818102019 d58f50d1222620cd1cfe95da3a91221bd0d26e65. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 10162818102019 d58f50d1222620cd1cfe95da3a91221bd0d26e65. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. 10162818102019 c3d4b76cd89b05f2c8e5da53f69c6d45806e9160. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-10162818102019 c3d4b76cd89b05f2c8e5da53f69c6d45806e9160. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 10162818102019 c3d4b76cd89b05f2c8e5da53f69c6d45806e9160. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Vim ΡƒΠΆΠ΅ Π΄Π°Π²Π½ΠΎ стал классикой. МногиС говорят, Ρ‡Ρ‚ΠΎ Π² Π½Ρ‘ΠΌ тяТСло Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ, Π½ΠΎ Ссли ΡƒΠ΄Π΅Π»ΠΈΡ‚ΡŒ этому достаточно Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Ρ‡Π΅ΠΌ-Ρ‚ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΠΌ ΡƒΠΆΠ΅ Π½Π΅ захочСтся.

Помимо Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ соотвСтствуСт всСм Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΌ Π½Π°ΠΌΠΈ критСриям, Vim Π΅Ρ‰Ρ‘ ΠΈ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ настраиваСмый, поэтому Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅:

Vim ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ бСсплатный ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° всСх ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ…, начиная с Windows, MacOS ΠΈ Linux ΠΈ заканчивая MS DOS ΠΈ OS/2.

Microsoft Visual Studio

Microsoft Visual Studio β€” это IDE, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π΅ΡΡ‚ΡŒ всё Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ΅ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с JS. Помимо ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠΉ подсвСтки синтаксиса ΠΈ автодополнСния, ΠΌΠΎΠΆΠ½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π΄Π΅Π±Π°Π³Π΅Ρ€ΠΎΠΌ ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Unit-тСсты.

Однако вСсит ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° достаточно ΠΌΠ½ΠΎΠ³ΠΎ ΠΈ систСму Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚ сильно, поэтому Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Ρ‘Ρ‚ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π° слабых ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°Ρ….

ΠœΠ΅ΡΡΡ‡Π½Π°Ρ подписка ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡ‚ΠΎΠΈΡ‚ΡŒ ΠΎΡ‚ 45 Π΄ΠΎ 250 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц, Π½ΠΎ Π΅ΡΡ‚ΡŒ ΠΈ бСсплатная вСрсия для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΈ Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ создаёт ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ. IDE доступна для Windows ΠΈ MacOS, Π° Π½Π° Linux Π΅Ρ‘ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Wine.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. 10162818102019 7b64da46b2dc4329c15be64aeef9e636261e678c. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-10162818102019 7b64da46b2dc4329c15be64aeef9e636261e678c. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 10162818102019 7b64da46b2dc4329c15be64aeef9e636261e678c. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

Visual Studio Code

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. 10162818102019 4fb6fa4fbc0158ec7cf1e48acc6733dd567fe239. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-10162818102019 4fb6fa4fbc0158ec7cf1e48acc6733dd567fe239. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 10162818102019 4fb6fa4fbc0158ec7cf1e48acc6733dd567fe239. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

170 ΠœΠ‘ ΠΏΡ€ΠΎΡ‚ΠΈΠ² 30 Π“Π‘), кроссплатформСнная ΠΈ бСсплатная вСрсия Visual Studio. Π’ этом Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ прСдустановлСна ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° JavaScript, TypeScript ΠΈ Node.JS.

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ языками ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ прямо ΠΈΠ· Visual Studio Code.

ВстроСнныС Π΄Π΅Π±Π°Π³Π΅Ρ€ ΠΈ Git-ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с систСмой управлСния вСрсий GitHub ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ тСстированиС ΠΈ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΡŽ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.

Sublime Text

Sublime Text β€” это простой кроссплатформСнный Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€. Π•Π³ΠΎ интСрфСйс настраиваСтся, Π° Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ дСйствия ΠΌΠΎΠΆΠ½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ горячих клавиш.

Π’Π°ΠΊΠΆΠ΅ Π² Π½Ρ‘ΠΌ Π΅ΡΡ‚ΡŒ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° сниппСтов, Π°Π²Ρ‚ΠΎΠ΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅, подсвСтка синтаксиса ΠΈ навигация. ΠšΡ€ΡƒΡ‚ΠΎΠΉ бонус β€” автосохранСниС. Π’ΠΏΡ€ΠΎΡ‡Π΅ΠΌ, ΠΎΠ½ большС Π½ΡƒΠΆΠ΅Π½ Π½ΠΎΠ²ΠΈΡ‡ΠΊΠ°ΠΌ β€” вСдь ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ программисты Π·Π° Π³ΠΎΠ΄Ρ‹ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π²Ρ‹Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡ΠΊΡƒ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒΡΡ послС Π²Π²ΠΎΠ΄Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹.

Π“Π»Π°Π²Π½Ρ‹ΠΉ минус Sublime Text Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ полная вСрсия стоит 80 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² (лицСнзия выдаётся Π½Π° ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π½Π° любом ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅). Π’ ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠΌ ΠΎΠ½ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚
JS-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Π“Π°ΠΉΠ΄ для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ…: ΠΊΠ°ΠΊ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ JavaScript

Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ нСмыслим Π±Π΅Π· скриптов. Учимся ΠΏΠΈΡΠ°Ρ‚ΡŒ Π½Π° JavaScript.

Если Π±Ρ‹ для ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° писали Π‘ΠΈΠ±Π»ΠΈΡŽ, ΠΎΠ½Π° Π½Π°Ρ‡ΠΈΠ½Π°Π»Π°ΡΡŒ Π±Ρ‹ Ρ‚Π°ΠΊ:

Π‘Π½Π°Ρ‡Π°Π»Π° Π±Ρ‹Π»Π° ΠΏΠΎΡ‡Ρ‚Π°. И ΡƒΠ²ΠΈΠ΄Π΅Π»ΠΈ ΠΈΠ½ΠΆΠ΅Π½Π΅Ρ€Ρ‹, Ρ‡Ρ‚ΠΎ это Ρ…ΠΎΡ€ΠΎΡˆΠΎ. И создали ΠΎΠ½ΠΈ WWW с гипСрссылками. И ΡƒΠ²ΠΈΠ΄Π΅Π»ΠΈ ΠΈΠ½ΠΆΠ΅Π½Π΅Ρ€Ρ‹, Ρ‡Ρ‚ΠΎ это Ρ‚ΠΎΠΆΠ΅ Ρ…ΠΎΡ€ΠΎΡˆΠΎ. И создали ΠΎΠ½ΠΈ Ρ‚ΠΎΠ³Π΄Π° язык JavaScript для оТивлСния страничСк.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π°ΠΊ происходило Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ. JavaScript ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Π»ΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Β«ΠΎΠΆΠΈΠ²ΠΈΡ‚ΡŒΒ» HTML. Π‘ΠΊΡ€ΠΈΠΏΡ‚Ρ‹ JavaScript ΠΏΠΈΡˆΡƒΡ‚ΡΡ нСпосрСдствСнно Π² тСкст HTML ΠΈΠ»ΠΈ хранятся Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ„Π°ΠΉΠ»Π°Ρ…, ΠΊΠ°ΠΊ ΠΈ стили CSS. Они Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡŽΡ‚ΡΡ сразу послС Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€.

Π”Π°ΠΆΠ΅ сам язык Π² ΠΏΠ΅Ρ€Π²ΠΎΠ΅ врСмя назывался LiveScript. ΠŸΠΎΡ‚ΠΎΠΌ Π΅Π³ΠΎ ΠΏΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π»ΠΈ Π² JavaScript, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΏΠ»Π°Π½ΠΈΡ€ΠΎΠ²Π°Π»ΠΈ ΠΊΠ°ΠΊ-Ρ‚ΠΎ ΡƒΠ²ΡΠ·Π°Ρ‚ΡŒ с языком ΠΎΠ±Ρ‰Π΅Π³ΠΎ назначСния Java. Но сСйчас Ρƒ Π½ΠΈΡ… Π½Π΅Ρ‚ практичСски Π½ΠΈΡ‡Π΅Π³ΠΎ ΠΎΠ±Ρ‰Π΅Π³ΠΎ, Π° JavaScript β€” ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ нСзависимый язык программирования со своСй Ρ‡Π΅Ρ‚ΠΊΠΎΠΉ спСцификациСй ECMAScript.

Π€ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎ JavaScript являСтся Ρ‚ΠΎΡ€Π³ΠΎΠ²ΠΎΠΉ ΠΌΠ°Ρ€ΠΊΠΎΠΉ Oracle, Π° этот язык β€” Β«Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅Β» ECMAScript, наряду с JScript ΠΎΡ‚ Microsoft ΠΈ ActionScript, Π½ΠΎ это скорСС Π·Π°ΠΌΠΎΡ€ΠΎΡ‡ΠΊΠΈ Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Π΅Π² Ρ‚ΠΎΡ€Π³ΠΎΠ²Ρ‹Ρ… ΠΌΠ°Ρ€ΠΎΠΊ. Π“Π»Π°Π²Π½ΠΎΠ΅, Ρ‡Ρ‚ΠΎ свободный ECMAScript Π½ΠΈΠΊΠΎΠΌΡƒ Π½Π΅ ΠΏΡ€ΠΈΠ½Π°Π΄Π»Π΅ΠΆΠΈΡ‚.

Π‘ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½Π΅ΠΌ сфСра влияния JavaScript Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π°ΡΡˆΠΈΡ€ΠΈΠ»Π°ΡΡŒ. Π•Π³ΠΎ Π½Π°Ρ‡Π°Π»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для скриптов Π½Π° страницС HTML, Π½ΠΎ ΠΈ для ΡΠ΅Ρ€ΡŒΠ΅Π·Π½Ρ‹Ρ… Π±ΠΎΠ»ΡŒΡˆΠΈΡ… Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΈ Ρ†Π΅Π»Ρ‹Ρ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Π•ΡΡ‚ΡŒ инструмСнты, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ Β«ΡƒΠΏΠ°ΠΊΠΎΠ²Π°Ρ‚ΡŒΒ» эти ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ ΠΈΡ… ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ ΠΎΡ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Π­Ρ‚ΠΎ компиляторы ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€ΠΏΡ€Π΅Ρ‚Π°Ρ‚ΠΎΡ€Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°ΡŽΡ‚ΡΡ Π½Π° ΠΎΠ±ΡƒΡ‡Π°ΡŽΡ‰ΠΈΡ… курсах Β«Java-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΒ» ΠΈ Β«Π’Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΒ».

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. hm6D A. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-hm6D A. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° hm6D A. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ JavaScript Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡŽΡ‚ΡΡ Π² любой срСдС, Π³Π΄Π΅ Π΅ΡΡ‚ΡŒ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ ΠΈΠ½Ρ‚Π΅Ρ€ΠΏΡ€Π΅Ρ‚Π°Ρ‚ΠΎΡ€.

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ JavaScript? ΠΠ°ΠΏΠΈΡΠ°Ρ‚ΡŒ элСмСнтарный скрипт Π½Π΅ слоТнСС, Ρ‡Π΅ΠΌ ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ HTML-страничку, вСдь скрипты JavaScript ΠΏΠΈΡˆΡƒΡ‚ΡΡ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌ тСкстом, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π±ΡƒΠΊΠ²Π°Π»ΡŒΠ½ΠΎ Π² Ρ‚ΠΎΠΌ ΠΆΠ΅ Β«Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅Β», сохраняя ΠΏΠΎΡ‚ΠΎΠΌ Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ„Π°ΠΉΠ»Π°Ρ… ΠΈΠ»ΠΈ вставляя Π² Ρ‚Π΅Π»ΠΎ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. Π‘Π°ΠΌΡ‹Π΅ простыС Π²Π΅Ρ‰ΠΈ Π½Π° JavaScript Π΄Π΅Π»Π°ΡŽΡ‚ΡΡ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ просто.

Как Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ JavaScript

Для ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° сдСлаСм простой скрипт для выполнСния сСрвСром сцСнариСв Windows. Π­Ρ‚ΠΎΡ‚ скрипт ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ прямо Π² Β«Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅Β» ΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Π±Π΅Π· Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

ПишСм этот тСкст Π² Β«Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅Β», Π·Π°Ρ‚Π΅ΠΌ сохраняСм Ρ„Π°ΠΉΠ» ΠΏΠΎΠ΄ ΠΈΠΌΠ΅Π½Π΅ΠΌ skillbox.js ΠΈ запускаСм Π² Β«ΠŸΡ€ΠΎΠ²ΠΎΠ΄Π½ΠΈΠΊΠ΅Β» Windows.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. 22acc399b37fc17a2cd94d629cea84beec2c7c6f. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-22acc399b37fc17a2cd94d629cea84beec2c7c6f. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 22acc399b37fc17a2cd94d629cea84beec2c7c6f. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

alert()

ΠœΠ΅Ρ‚ΠΎΠ΄ alert() ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ окошко с ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ Β«OKΒ». Π’ ΠΎΠΊΠ½Π΅ выводится сообщСниС, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΡƒΠΊΠ°Π·Π°Π½ΠΎ Π² скобках. НапримСр, Β«ΠŸΡ€ΠΈΠ²Π΅Ρ‚, Skillbox!Β». Π’ΠΎ Π΅ΡΡ‚ΡŒ Π² Π΄Π°Π½Π½ΠΎΠΌ случаС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π΄Π΅Π»Π°Π΅Ρ‚ Ρ€ΠΎΠ²Π½ΠΎ Ρ‚ΠΎ ΠΆΠ΅ самоС, Ρ‡Ρ‚ΠΎ ΠΏΠ΅Ρ€Π΅Π΄ этим Π΄Π΅Π»Π°Π» сСрвСр сцСнариСв Windows.

Π­Ρ‚ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Ρ‚ΠΎΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΈΡΠ°Ρ‚ΡŒ Π² Β«Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅Β», Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Π² Ρ„Π°ΠΉΠ»Π°Ρ… с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ HTML. НапримСр, skillbox.htm.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. 74f887891e2329bc75fc1a09976b3ea7929d989d. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-74f887891e2329bc75fc1a09976b3ea7929d989d. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 74f887891e2329bc75fc1a09976b3ea7929d989d. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

Π’ качСствС Π°Ρ€Π³ΡƒΠΌΠ΅Π½Ρ‚Π° alert() ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΉ тСкст, Π½ΠΎ ΠΈ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ ΠΊΠ°ΠΊΠΈΡ…-Π»ΠΈΠ±ΠΎ вычислСний ΠΈΠ»ΠΈ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… Π΄Π°Π½Π½Ρ‹Ρ…. НапримСр, alert(x), Π³Π΄Π΅ x вычисляСтся ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ.

confirm()

ΠœΠ΅Ρ‚ΠΎΠ΄ confirm() Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ Ρ‚Π°ΠΊΠΎΠ΅ ΠΆΠ΅ ΠΎΠΊΠ½ΠΎ с сообщСниСм, Π½ΠΎ ΡƒΠΆΠ΅ с двумя ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ β€” «ОК» ΠΈ Β«ΠžΡ‚ΠΌΠ΅Π½Π°Β». Π’ зависимости ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ Ρ‰Π΅Π»ΠΊΠ½Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ, ΠΌΠ΅Ρ‚ΠΎΠ΄ Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ Π»ΠΈΠ±ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ true, Π»ΠΈΠ±ΠΎ false. Π‘Π΅Ρ€Π²Π΅Ρ€ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ это Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅ΠΌΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΎΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΈ выполняСт ΠΊΠ°ΠΊΠΎΠ΅-Ρ‚ΠΎ дСйствиС, Π² зависимости ΠΎΡ‚ ΠΎΡ‚Π²Π΅Ρ‚Π°.

Бинтаксис Ρ‚Π°ΠΊΠΎΠΉ ΠΆΠ΅, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ здСсь логичСски прСдполагаСтся Π²Ρ‹Π±ΠΎΡ€, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π·Π°Π΄Π°ΡŽΡ‚ вопрос.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. c5391566feb11253604bebe6f202c2bd38183fe6. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-c5391566feb11253604bebe6f202c2bd38183fe6. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° c5391566feb11253604bebe6f202c2bd38183fe6. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

prompt()

ΠœΠ΅Ρ‚ΠΎΠ΄ prompt() Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ с сообщСниСм ΠΈ тСкстовым ΠΏΠΎΠ»Π΅ΠΌ, ΠΊΡƒΠ΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π²Π²ΠΎΠ΄ΠΈΡ‚ Π΄Π°Π½Π½Ρ‹Π΅. Π—Π΄Π΅ΡΡŒ Ρ‚ΠΎΠΆΠ΅ прСдусмотрСны Π΄Π²Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ «ОК» ΠΈ Β«ΠžΡ‚ΠΌΠ΅Π½Π°Β». По Π½Π°ΠΆΠ°Ρ‚ΠΈΡŽ ΠΏΠ΅Ρ€Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΌΠ΅Ρ‚ΠΎΠ΄ Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ Π½Π° сСрвСр Π²Π²Π΅Π΄Π΅Π½Π½Ρ‹ΠΉ тСкст, Π° ΠΏΠΎ Π½Π°ΠΆΠ°Ρ‚ΠΈΡŽ Π²Ρ‚ΠΎΡ€ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ логичСскоС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ false.

Бинтаксис здСсь Ρ‚Π°ΠΊΠΎΠΉ:

Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ поля Π²Π²ΠΎΠ΄Π° Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ. Π’ΡƒΠ΄Π° ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΏΠΈΡΠ°Ρ‚ΡŒ тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ Π²Π²Π΅Π΄Π΅Π½ Π² ΠΏΠΎΠ»Π΅ для удобства ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. 5618a8c262e42b87aa78e6b7aec565ee2e95f1f3. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-5618a8c262e42b87aa78e6b7aec565ee2e95f1f3. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 5618a8c262e42b87aa78e6b7aec565ee2e95f1f3. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

ВозмоТности соврСмСнного JavaScript выходят Π΄Π°Π»Π΅ΠΊΠΎ Π·Π° Ρ€Π°ΠΌΠΊΠΈ ΠΏΡ€ΠΈΠΌΠΈΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π²Π²ΠΎΠ΄Π°-Π²Ρ‹Π²ΠΎΠ΄Π° Π΄Π°Π½Π½Ρ‹Ρ… Ρ‡Π΅Ρ€Π΅Π· Ρ„ΠΎΡ€ΠΌΡ‹. Π­Ρ‚ΠΈ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ ΠΌΡ‹ ΠΏΡ€ΠΈΠ²Π΅Π»ΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² качСствС самых простых ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ². ΠšΡ€ΠΎΠΌΠ΅ этого, JavaScript позволяСт Ρ€Π΅Π°Π³ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° дСйствия ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. НапримСр, Π½Π° двиТСния ΠΌΡ‹ΡˆΠΊΠΎΠΉ ΠΈΠ»ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… клавиш. JavaScript часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для обСспСчСния асинхронной Ρ€Π°Π±ΠΎΡ‚Ρ‹ ( ВСхнология AJAX), ΠΊΠΎΠ³Π΄Π° информация Π½Π° страницС обновляСтся Π±Π΅Π· Π΅Π΅ ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ. Π’ этом Ρ€Π΅ΠΆΠΈΠΌΠ΅ Π΄Π°Π½Π½Ρ‹Π΅ ΠΎΡ‚ΠΏΡ€Π°Π²Π»ΡΡŽΡ‚ΡΡ Π½Π° сСрвСр ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‚ΡΡ ΠΎΡ‚Ρ‚ΡƒΠ΄Π° Π² ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, JavaScript способСн ΠΌΠ°Π½ΠΈΠΏΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с HTML-элСмСнтами Π½Π° страницС (ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈ ΠΏΡ€ΡΡ‚Π°Ρ‚ΡŒ Ρ‚Π΅Π³ΠΈ ΠΈ Ρ‚.Π΄.) ΠΈ Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.

ΠŸΠΎΠ»Π΅Π·Π½Ρ‹Π΅ инструмСнты

Консоль Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°

Π’ΠΎ всСх популярных Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… Π΅ΡΡ‚ΡŒ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Π°Ρ консоль Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°. Она ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΊΠΎΠ΄ скриптов Π½Π° страницС, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ Π΄Ρ€ΡƒΠ³ΡƒΡŽ ΠΏΠΎΠ»Π΅Π·Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ. Π’ Chrome, Firefox ΠΈ IE консоль Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° открываСтся ΠΏΠΎ Π½Π°ΠΆΠ°Ρ‚ΠΈΡŽ горячСй клавиши F12, Π² Safari β€” Ctrl+Shift+I ΠΈΠ»ΠΈ Ctrl+Alt+C. На ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Π΅ скрипты ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ справа Π²Π²Π΅Ρ€Ρ…Ρƒ, вмСстС с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ элСмСнтами Π²Π΅Π±-страницы.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. d49465cbd45df097b7beb26a7f37a10e18be7fbe. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-d49465cbd45df097b7beb26a7f37a10e18be7fbe. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° d49465cbd45df097b7beb26a7f37a10e18be7fbe. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ ΠΊΠΎΠ΄Π°

Π’ дальнСйшСм для ΡƒΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ программирования понадобится ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° ΠΈΠ»ΠΈ IDE (Integrated Development Environment), ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ срСду Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. IDE β€” это Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½ΠΎΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒΡŽ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΌΠΈ инструмСнтами, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅.

Для Π½Π°Ρ‡Π°Π»Π° ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π»Π΅Π³ΠΊΠΈΡ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ²:

Π’ Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ Π΅ΡΡ‚ΡŒ смысл ΠΏΡ€ΠΈΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒΡΡ ΠΊ IDE:

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

Π˜Π½ΡΡ‚Ρ€ΡƒΠΊΡ‚ΠΎΡ€Ρ‹ Π½Π° курсС Β«JavaScript с нуля» ΠΏΠΎΡΠΎΠ²Π΅Ρ‚ΡƒΡŽΡ‚ Π»ΡƒΡ‡ΡˆΠΈΠ΅ инструмСнты ΠΈ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ с Π»ΡŽΠ±Ρ‹ΠΌΠΈ вопросами. Π­Ρ‚ΠΎ практичСский 4-мСсячный курс для Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ Ρ…ΠΎΡ‡Π΅Ρ‚ Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ основам языка сцСнариСв с ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌ наставником, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ для ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π²Π΅Π±-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚ΡŒ кСйс ΠΊ сСбС Π² ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ.

ΠšΡƒΡ€Ρ идСально ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ ΠΈ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΠΌ программистам, ΠΊΡ‚ΠΎ ΡƒΠΆΠ΅ Π·Π½Π°ΠΊΠΎΠΌ ΠΈ ΡƒΠΌΠ΅Π΅Ρ‚ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ страницу Π½Π° HTML ΠΈ CSS, Π½ΠΎ Π½Π΅ Π½Π°ΠΌΠ΅Ρ€Π΅Π½ ΠΎΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒΡΡ Π² ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠΈ программирования. ΠŸΡ€Π΅ΠΏΠΎΠ΄Π°Π²Π°Ρ‚Π΅Π»ΠΈ практичСски Β«Π½Π° ΠΏΠ°Π»ΡŒΡ†Π°Ρ…Β» ΠΎΠ±ΡŠΡΡΠ½ΡΡ‚ Π±Π°Π·ΠΎΠ²Ρ‹Π΅ основы синтаксиса JavaScript, Π½Π°ΡƒΡ‡Π°Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ элСмСнты ΠΈ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ Π²Π΅Π±-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Π½Π° JavaScript.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. b61529426b1c9c4a48283c8b693d339f7a6ab031. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-b61529426b1c9c4a48283c8b693d339f7a6ab031. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° b61529426b1c9c4a48283c8b693d339f7a6ab031. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

ΠŸΠΈΡˆΠ΅Ρ‚ ΠΏΡ€ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ Π² Skillbox. Π Π°Π±ΠΎΡ‚Π°Π» Π³Π»Π°Π²Π½Ρ‹ΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ сайта Β«Π₯Π°Π±Ρ€Π°Ρ…Π°Π±Ρ€Β», Π²Π΅Π΄Π΅Ρ‚ ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ Π±Π»ΠΎΠ³ΠΈ.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Руководство ΠΏΠΎ JavaScript, Ρ‡Π°ΡΡ‚ΡŒ 1: пСрвая ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°, особСнности языка, стандарты

НСдавно ΠΌΡ‹ ΠΏΡ€ΠΎΠ²Π΅Π»ΠΈ опрос, посвящённый цСлСсообразности ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π° этого руководства ΠΏΠΎ JavaScript. Как оказалось, ΠΎΠΊΠΎΠ»ΠΎ 90% ΠΏΡ€ΠΎΠ³ΠΎΠ»ΠΎΡΠΎΠ²Π°Π²ΡˆΠΈΡ… ΠΎΡ‚Π½Π΅ΡΠ»ΠΈΡΡŒ ΠΊ Π΄Π°Π½Π½ΠΎΠΉ ΠΈΠ΄Π΅Π΅ ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ сСгодня ΠΏΡƒΠ±Π»ΠΈΠΊΡƒΠ΅ΠΌ ΠΏΠ΅Ρ€Π²ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π°.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. jfeo1s pygp9g5pazca5kjwvwoa. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-jfeo1s pygp9g5pazca5kjwvwoa. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° jfeo1s pygp9g5pazca5kjwvwoa. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

Π­Ρ‚ΠΎ руководство, ΠΏΠΎ замыслу Π°Π²Ρ‚ΠΎΡ€Π°, рассчитано Π½Π° Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ ΡƒΠΆΠ΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π·Π½Π°ΠΊΠΎΠΌ JavaScript ΠΈ Ρ…ΠΎΡ‡Π΅Ρ‚ привСсти свои знания Π² порядок Π° Ρ‚Π°ΠΊΠΆΠ΅ ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΎ языкС Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π½ΠΎΠ²ΠΎΠ΅. ΠœΡ‹ Ρ€Π΅ΡˆΠΈΠ»ΠΈ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°ΡΡˆΠΈΡ€ΠΈΡ‚ΡŒ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΡŽ этого ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°, Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π² Π½Π΅Ρ‘ Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ Π·Π½Π°Π΅Ρ‚ ΠΎ JS, ΠΈ Π½Π°Ρ‡Π°Ρ‚ΡŒ Π΅Π³ΠΎ с написания Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Β«Hello, world!Β».

Hello, world!

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΏΠΎ Ρ‚Ρ€Π°Π΄ΠΈΡ†ΠΈΠΈ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ Β«Hello, world!Β», ΠΎΡ‡Π΅Π½ΡŒ проста. Она Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ ΠΊΡƒΠ΄Π°-Π»ΠΈΠ±ΠΎ Ρ„Ρ€Π°Π·Ρƒ Β«Hello, world!Β», ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΡƒΡŽ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡƒΡŽ, срСдствами Π½Π΅ΠΊΠΎΠ΅Π³ΠΎ языка.

JavaScript β€” это язык, ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ Π² Ρ€Π°Π·Π½Ρ‹Ρ… срСдах. Π’ нашСм случаС Ρ€Π΅Ρ‡ΡŒ ΠΈΠ΄Ρ‘Ρ‚ ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… ΠΈ ΠΎ сСрвСрной ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅ Node.js. Если Π΄ΠΎ сих ΠΏΠΎΡ€ Π²Ρ‹ Π½Π΅ написали Π½ΠΈ строчки ΠΊΠΎΠ΄Π° Π½Π° JS ΠΈ Ρ‡ΠΈΡ‚Π°Π΅Ρ‚Π΅ этот тСкст Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, Π½Π° Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠΌ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅, это Π·Π½Π°Ρ‡ΠΈΡ‚, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π±ΡƒΠΊΠ²Π°Π»ΡŒΠ½ΠΎ Π² считанных сСкундах ΠΎΡ‚ своСй ΠΏΠ΅Ρ€Π²ΠΎΠΉ JavaScript-ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹.

Π­Ρ‚ΠΎΡ‚ тСкст ΠΌΠΎΠΆΠ½ΠΎ ввСсти с ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹, ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² консоль. Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠ΄Π½ΠΈΠΌ ΠΈ Ρ‚Π΅ΠΌ ΠΆΠ΅, Π½ΠΎ, Ссли Π²Ρ‹ ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, рСкомСндуСтся Π²Π²ΠΎΠ΄ΠΈΡ‚ΡŒ тСксты ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ, Π° Π½Π΅ ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ….

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. image loader. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

ΠŸΠ΅Ρ€Π²Π°Ρ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Π² консоли Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° β€” Π²Ρ‹Π²ΠΎΠ΄ сообщСния Π² консоль

Π•Ρ‰Ρ‘ ΠΎΠ΄ΠΈΠ½ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π½ΠΎΠ³ΠΎ Β«Hello, world!Β» Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Π²Ρ‹Π²ΠΎΠ΄Π΅ ΠΎΠΊΠ½Π° с сообщСниСм. ДСлаСтся это Ρ‚Π°ΠΊ:

Π’ΠΎΡ‚ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ выполнСния этой ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. image loader. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

Π’Ρ‹Π²ΠΎΠ΄ сообщСния Π² ΠΎΠΊΠ½Π΅

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ панСль инструмСнтов Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° располоТСна Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π² Π½ΠΈΠΆΠ½Π΅ΠΉ части экрана. ΠœΠ΅Π½ΡΡ‚ΡŒ Π΅Ρ‘ располоТСниС ΠΌΠΎΠΆΠ½ΠΎ, воспользовавшись мСню с трСмя Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ Π² Π΅Ρ‘ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅ ΠΈ выбирая ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΡƒΡŽ ΠΏΠΈΠΊΡ‚ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ. Π’Π°ΠΌ ΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ ΠΈ ΠΊΠ½ΠΎΠΏΠΊΡƒ для закрытия этой ΠΏΠ°Π½Π΅Π»ΠΈ.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°, ΠΈ, Π² Ρ‚ΠΎΠΌ числС, консоль, ΠΈΠΌΠ΅ΡŽΡ‚ΡΡ ΠΈ Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…. Консоль Ρ…ΠΎΡ€ΠΎΡˆΠ° Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½Π°, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ΡΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ, всСгда ΠΏΠΎΠ΄ Ρ€ΡƒΠΊΠΎΠΉ.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Как Π½Π°Ρ‡Π°Ρ‚ΡŒ ΠΏΠΈΡΠ°Ρ‚ΡŒ Π½Π° JavaScript с нуля

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. thumb e66361422fbc3576ff7ceedc8553f363. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-thumb e66361422fbc3576ff7ceedc8553f363. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° thumb e66361422fbc3576ff7ceedc8553f363. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. thumb e66361422fbc3576ff7ceedc8553f363. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-thumb e66361422fbc3576ff7ceedc8553f363. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° thumb e66361422fbc3576ff7ceedc8553f363. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. retina 509495d4abb0704f0295797b8f8382a8. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-retina 509495d4abb0704f0295797b8f8382a8. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° retina 509495d4abb0704f0295797b8f8382a8. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

ΠžΡ‡Π΅Π½ΡŒ слоТно ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ соврСмСнныС сайты Π±Π΅Π· ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π° с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ. Π’ΠΎΠ³Π΄Π° Π±Ρ‹ ΠΎΠ½ΠΈ Π½ΠΈΠΊΠ°ΠΊ Π½Π΅ взаимодСйствовали с Π½Π°ΠΌΠΈ, Π° любоС Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΠ»ΠΎ Π±Ρ‹ ΠΊ ΠΏΠΎΠ»Π½ΠΎΠΉ ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ страницы. Π‘ΠΎΠ³Π»Π°ΡΠΈΡ‚Π΅ΡΡŒ, это ΠΎΡ‡Π΅Π½ΡŒ скучно.

Рассмотрим, ΠΈΠ· Ρ‡Π΅Π³ΠΎ состоят Π²Π΅Π±-странички. HTML (HyperText Markup Language) ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° ΠΏΡ€ΠΈΠ΄Π°Π½ΠΈΠ΅ страницС структуры (ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, Π³Π΄Π΅ мСню сайта, Π° Π³Π΄Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΈΠ»ΠΈ ΡΡ‚Π°Ρ‚ΡŒΡ) ΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° (Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ тСсты, списки, изобраТСния ΠΈ Ρ‚. Π΄.). CSS (Cascading Style Sheets) ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰ΡƒΡŽ страницы: опрСдСляСт, ΠΊΠ°ΠΊΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π° ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Ρ‚ΠΎΡ‚ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ Π±Π»ΠΎΠΊ, ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΠΎΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ ΠΈ вывСсти ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ.

Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€Π° ΠΈ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ Π΅ΡΡ‚ΡŒ, Π½ΠΎ Π³Π΄Π΅ ΠΆΠ΅ взаимодСйствиС? Π—Π΄Π΅ΡΡŒ Π½Π° сцСну Π²Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚ JavaScript. Π’ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Β«Π΄ΠΈΠ°Π»ΠΎΠ³Β» с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ β€” ΠΎΡ‚ измСнСния части содСрТимого сайта Π² ΠΎΡ‚Π²Π΅Ρ‚ Π½Π° дСйствия Π΄ΠΎ соврСмСнных ΠΈΠ³Ρ€ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ β€” рСализуСтся с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ скриптов JavaScript. Π­Ρ‚ΠΎΡ‚ язык программирования Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈ позволяСт Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ с Π²Π΅Π±-страницСй Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, оТивляя Π΅Ρ‘ ΠΈ прСдоставляя ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΠΎΠ±Ρ€Π°Ρ‚Π½ΡƒΡŽ связь Π½Π° всС дСйствия.

Π£ JavaScript ΠΎΡ‡Π΅Π½ΡŒ интСрСсная история. Он β€” рСализация стандарта ECMAScript, ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Но Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ рассмотрим Ρ‚ΠΎΠ»ΡŒΠΊΠΎ взаимодСйствиС с Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ.

Π‘ΠΎΠ·Π΄Π°Ρ‘ΠΌ самый простой скрипт

Π’ ΠΏΠ΅Ρ€Π²ΠΎΠΌ Π·Π°Π΄Π°Π½ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Ρ‚Ρ€Π°Π΄ΠΈΡ†ΠΈΠΎΠ½Π½ΠΎ выполняСт студСнт ΠΏΡ€ΠΈ ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠΈ языка программирования, Π½ΡƒΠΆΠ½ΠΎ вывСсти Π½Π° экран Ρ„Ρ€Π°Π·Ρƒ Β«Hello, worldΒ». Π­Ρ‚ΠΎ позволяСт ΠΎΡ‚Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ самый Π²Π°ΠΆΠ½Ρ‹ΠΉ аспСкт β€” Π²Ρ‹Π²ΠΎΠ΄ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с Π±Π°Π·ΠΎΠ²ΠΎΠΉ структурой ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹. ΠŸΠΎΡΡ‚ΡƒΠΏΠΈΠΌ Ρ‚Π°ΠΊ ΠΆΠ΅.

Π•ΡΡ‚ΡŒ мноТСство способов Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ вывСсти Π½Π° экран Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, Π½ΠΎ ΠΌΡ‹ Π²Ρ‹Π±Π΅Ρ€Π΅ΠΌ самый простой. ΠžΡ‚ΠΊΡ€ΠΎΠ΅ΠΌ Β«Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°Β» (Developer Tools) Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Chrome. Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ это ΠΌΠΎΠΆΠ½ΠΎ Ρ‡Π΅Ρ€Π΅Π· сочСтаниС клавиш Ctrl + Shift + I ΠΈΠ»ΠΈ F12 (Cmd + Opt + I Π½Π° macOS) ΠΈΠ»ΠΈ Ρ‡Π΅Ρ€Π΅Π· мСню Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Π’ Google Chrome Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° Ρ‚Ρ€ΠΈ Ρ‚ΠΎΡ‡ΠΊΠΈ, Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… эта настройка ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΈΠ½Π°Ρ‡Π΅. Π”Π°Π»Π΅Π΅ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ ΠΏΡƒΠ½ΠΊΡ‚ Β«Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ инструмСнты» ΠΈ Β«Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°Β».

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. retina 91c23a4884377a9cf852246561ac7e49. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-retina 91c23a4884377a9cf852246561ac7e49. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° retina 91c23a4884377a9cf852246561ac7e49. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

Π£ вас Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΡΠ²ΠΈΡ‚ΡŒΡΡ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΎΠΊΠ½ΠΎ, ΠΊΠ°ΠΊ Π½ΠΈΠΆΠ΅. Какой ΠΈΠΌΠ΅Π½Π½ΠΎ сайт Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ для Ρ€Π°Π±ΠΎΡ‚Ρ‹, Π½Π΅ Π²Π°ΠΆΠ½ΠΎ, ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΈ GeekBrains.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. retina f25cdfe89415137c82b1f2c922a486dc. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-retina f25cdfe89415137c82b1f2c922a486dc. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° retina f25cdfe89415137c82b1f2c922a486dc. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

Нас интСрСсуСт Π²ΠΊΠ»Π°Π΄ΠΊΠ° Console. Π’ Π½Π΅ΠΉ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ошибки ΠΈ прСдупрСТдСния (красныС ΠΈΠ»ΠΈ ΠΆΡ‘Π»Ρ‚Ρ‹Π΅ надписи) β€” Π½Π΅ ΠΎΠ±Ρ€Π°Ρ‰Π°ΠΉΡ‚Π΅ Π½Π° Π½ΠΈΡ… внимания, ΠΎΠ½ΠΈ Π½Π°ΠΌ Π½Π΅ ΠΏΠΎΠΌΠ΅ΡˆΠ°ΡŽΡ‚. Π’Ρ‹ΠΏΠΎΠ»Π½ΠΈΠΌ Π·Π°Π΄Π°Π½ΠΈΠ΅ β€” Π²Ρ‹Π²Π΅Π΄Π΅ΠΌ Β«Hello, worldΒ» Π½Π° экран. Для этого Π½Π°ΠΌ понадобится ΠΊΠΎΠΌΠ°Π½Π΄Π° alert(). Она Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠ΅Ρ€Π΅Π΄Π°Π½ Π² ΠΊΡ€ΡƒΠ³Π»Ρ‹Ρ… скобках.

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° рСгистр β€” здСсь ΠΎΠ½ ΠΈΠΌΠ΅Π΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅. Π’Π°ΠΊΠΆΠ΅ Π½Π΅ упуститС ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ β€” любой тСкст ΠΌΡ‹ обязаны ΠΎΠ±Ρ€Π°ΠΌΠ»ΡΡ‚ΡŒ Π² Π΄Π²ΠΎΠΉΠ½Ρ‹Π΅ ΠΈΠ»ΠΈ ΠΎΠ΄ΠΈΠ½Π°Ρ€Π½Ρ‹Π΅ ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. retina b3f7e6f5a36d26b2b31631cdef40bb42. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-retina b3f7e6f5a36d26b2b31631cdef40bb42. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° retina b3f7e6f5a36d26b2b31631cdef40bb42. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

ΠœΡ‹ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π²ΠΎΠ΅ Π·Π°Π΄Π°Π½ΠΈΠ΅ β€” Π²Ρ‹Π²Π΅Π»ΠΈ простой тСкст Π½Π° экран.

Учимся ΠΏΠΈΡΠ°Ρ‚ΡŒ Ρ‡ΡƒΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ слоТныС скрипты

На экранС ΠΏΠ΅Ρ€Π΅Π΄ Π½Π°ΠΌΠΈ статичный тСкст, Ρ‡Ρ‚ΠΎ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ интСрСсно. Π₯ΠΎΡ‚Π΅Π»ΠΎΡΡŒ Π±Ρ‹ большС взаимодСйствия с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ. Π§Ρ‚ΠΎ, Ссли ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΡΠΏΡ€Π°ΡˆΠΈΠ²Π°Ρ‚ΡŒ имя зашСдшСго Π½Π° сайт ΠΈ Π·Π΄ΠΎΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ с Π½ΠΈΠΌ?

Для этого Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠ΅ΠΉ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ… Π² языках программирования. ΠŸΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Π°Ρ β€” это ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π² памяти ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ хранится ΠΊΠ°ΠΊΠΎΠ΅-Π»ΠΈΠ±ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅. ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΊΠ°ΠΊ ΡƒΠ³ΠΎΠ΄Π½ΠΎ.

Для создания ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ Π² JavaScript Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово let. Π•ΡΡ‚ΡŒ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅, Π½ΠΎ Π½Π΅ Π±ΡƒΠ΄Π΅ΠΌ Ρ‚Π°ΠΊ Π³Π»ΡƒΠ±ΠΎΠΊΠΎ ΠΏΠΎΠ³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒΡΡ Π² Π΄Π΅Ρ‚Π°Π»ΠΈ.

ВрСбования ΠΊ имСнованию ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ…:

Π‘ΠΎΠ·Π΄Π°Π΄ΠΈΠΌ ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΡƒΡŽ, помСстив Π² Π½Π΅Ρ‘ имя. НапримСр, Иван.

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: ΠΌΡ‹ объСдинили слово Β«ΠΏΡ€ΠΈΠ²Π΅Ρ‚Β» ΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΡƒΡŽ. Π—Π΄Π΅ΡΡŒ ΠΈΠΌΠ΅Π΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ символ: сначала alert, ΠΏΠΎΡ‚ΠΎΠΌ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π°Ρ круглая скобка, которая Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚, Ρ‡Ρ‚ΠΎ дальнСйшиС инструкции Π½ΡƒΠΆΠ½ΠΎ вывСсти Π½Π° экран. Π—Π°Ρ‚Π΅ΠΌ ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π·Π°ΠΊΠ»ΡŽΡ‡Ρ‘Π½ привСтствСнный тСкст. Π”Π°Π»Π΅Π΅ Π·Π½Π°ΠΊ +, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ подсказываСт ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅, Ρ‡Ρ‚ΠΎ тСкст справа ΠΎΡ‚ Π·Π½Π°ΠΊΠ° Π½ΡƒΠΆΠ½ΠΎ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ с Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ слСва. И Π·Π°Π²Π΅Ρ€ΡˆΠ°Π΅Ρ‚ это Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π°Ρ круглая скобка.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. retina 65d53b4bfebc12da5c9077b45120a48a. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-retina 65d53b4bfebc12da5c9077b45120a48a. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° retina 65d53b4bfebc12da5c9077b45120a48a. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

ΠœΡ‹ Π²Ρ‹Π²Π΅Π»ΠΈ имя ΠΈΠ· ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ Π½Π° экран, Π½ΠΎ вСдь Π±Ρ‹Π»ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ имя, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ сообщит ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ. Π˜ΡΠΏΡ€Π°Π²ΠΈΠΌ это. Нам понадобится ΠΊΠΎΠΌΠ°Π½Π΄Π° prompt(). Она задаст ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ вопрос β€” запишСм Π΅Π³ΠΎ Π² ΠΊΡ€ΡƒΠ³Π»Ρ‹Ρ… скобках. Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΠΌ Π² ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΡƒΡŽ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ выполнСния ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ prompt().

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. retina ab7433082cc5f8032516daca723a3e25. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-retina ab7433082cc5f8032516daca723a3e25. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° retina ab7433082cc5f8032516daca723a3e25. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. retina 53f2027bb6c8fa3c849ce6736e243bec. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-retina 53f2027bb6c8fa3c849ce6736e243bec. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° retina 53f2027bb6c8fa3c849ce6736e243bec. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

ΠœΡ‹ ΡΠΏΡ€Π°ΡˆΠΈΠ²Π°Π΅ΠΌ Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ имя, Π° ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚, здороваСмся с Π½ΠΈΠΌ. НичСго слоТного.

БохраняСм наш ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ скрипт

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. retina 3d505ff1094d28af5c8af32d51c32d7a. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-retina 3d505ff1094d28af5c8af32d51c32d7a. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° retina 3d505ff1094d28af5c8af32d51c32d7a. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ со скриптами ΠΌΠΎΠΆΠ½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ любого тСкстового Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°. CΠ°ΠΌΡ‹ΠΉ простой ΠΈ ΠΏΡ€ΠΈΠΌΠΈΡ‚ΠΈΠ²Π½Ρ‹ΠΉ β€” Β«Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Β», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ поставляСтся вмСстС с Microsoft Windows. Π•ΡΡ‚ΡŒ ΠΈ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ ΠΊΠΎΠ΄Π°, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Visual Studio Code. Π’ Π±Π»ΠΎΠ³Π΅ Π΄Π°ΠΆΠ΅ Π²Ρ‹Ρ…ΠΎΠ΄ΠΈΠ»Π° ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Π°Ρ ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠ° Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΊΠΎΠ΄Π° JavaScript β€” Π²Ρ‹Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ ΠΈ Π΄Π΅Ρ€Π·Π°ΠΉΡ‚Π΅ πŸ™‚

А Ссли Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΠ·Π²Π»Π΅Ρ‡ΡŒ ΠΈΠ· JavaScript максимум β€” ΠΏΡ€ΠΈΠ³Π»Π°ΡˆΠ°Π΅ΠΌ Π½Π° Ρ„Π°ΠΊΡƒΠ»ΡŒΡ‚Π΅Ρ‚ Fullstack JavaScript-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ GeekBrains!

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. retina 509495d4abb0704f0295797b8f8382a8. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-retina 509495d4abb0704f0295797b8f8382a8. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° retina 509495d4abb0704f0295797b8f8382a8. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

ΠžΡ‡Π΅Π½ΡŒ слоТно ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ соврСмСнныС сайты Π±Π΅Π· ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π° с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ. Π’ΠΎΠ³Π΄Π° Π±Ρ‹ ΠΎΠ½ΠΈ Π½ΠΈΠΊΠ°ΠΊ Π½Π΅ взаимодСйствовали с Π½Π°ΠΌΠΈ, Π° любоС Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΠ»ΠΎ Π±Ρ‹ ΠΊ ΠΏΠΎΠ»Π½ΠΎΠΉ ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ страницы. Π‘ΠΎΠ³Π»Π°ΡΠΈΡ‚Π΅ΡΡŒ, это ΠΎΡ‡Π΅Π½ΡŒ скучно.

Рассмотрим, ΠΈΠ· Ρ‡Π΅Π³ΠΎ состоят Π²Π΅Π±-странички. HTML (HyperText Markup Language) ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° ΠΏΡ€ΠΈΠ΄Π°Π½ΠΈΠ΅ страницС структуры (ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, Π³Π΄Π΅ мСню сайта, Π° Π³Π΄Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΈΠ»ΠΈ ΡΡ‚Π°Ρ‚ΡŒΡ) ΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° (Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ тСсты, списки, изобраТСния ΠΈ Ρ‚. Π΄.). CSS (Cascading Style Sheets) ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰ΡƒΡŽ страницы: опрСдСляСт, ΠΊΠ°ΠΊΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π° ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Ρ‚ΠΎΡ‚ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ Π±Π»ΠΎΠΊ, ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΠΎΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ ΠΈ вывСсти ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ.

Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€Π° ΠΈ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ Π΅ΡΡ‚ΡŒ, Π½ΠΎ Π³Π΄Π΅ ΠΆΠ΅ взаимодСйствиС? Π—Π΄Π΅ΡΡŒ Π½Π° сцСну Π²Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚ JavaScript. Π’ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Β«Π΄ΠΈΠ°Π»ΠΎΠ³Β» с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ β€” ΠΎΡ‚ измСнСния части содСрТимого сайта Π² ΠΎΡ‚Π²Π΅Ρ‚ Π½Π° дСйствия Π΄ΠΎ соврСмСнных ΠΈΠ³Ρ€ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ β€” рСализуСтся с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ скриптов JavaScript. Π­Ρ‚ΠΎΡ‚ язык программирования Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈ позволяСт Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ с Π²Π΅Π±-страницСй Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, оТивляя Π΅Ρ‘ ΠΈ прСдоставляя ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΠΎΠ±Ρ€Π°Ρ‚Π½ΡƒΡŽ связь Π½Π° всС дСйствия.

Π£ JavaScript ΠΎΡ‡Π΅Π½ΡŒ интСрСсная история. Он β€” рСализация стандарта ECMAScript, ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Но Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ рассмотрим Ρ‚ΠΎΠ»ΡŒΠΊΠΎ взаимодСйствиС с Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ.

Π‘ΠΎΠ·Π΄Π°Ρ‘ΠΌ самый простой скрипт

Π’ ΠΏΠ΅Ρ€Π²ΠΎΠΌ Π·Π°Π΄Π°Π½ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Ρ‚Ρ€Π°Π΄ΠΈΡ†ΠΈΠΎΠ½Π½ΠΎ выполняСт студСнт ΠΏΡ€ΠΈ ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠΈ языка программирования, Π½ΡƒΠΆΠ½ΠΎ вывСсти Π½Π° экран Ρ„Ρ€Π°Π·Ρƒ Β«Hello, worldΒ». Π­Ρ‚ΠΎ позволяСт ΠΎΡ‚Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ самый Π²Π°ΠΆΠ½Ρ‹ΠΉ аспСкт β€” Π²Ρ‹Π²ΠΎΠ΄ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с Π±Π°Π·ΠΎΠ²ΠΎΠΉ структурой ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹. ΠŸΠΎΡΡ‚ΡƒΠΏΠΈΠΌ Ρ‚Π°ΠΊ ΠΆΠ΅.

Π•ΡΡ‚ΡŒ мноТСство способов Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ вывСсти Π½Π° экран Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, Π½ΠΎ ΠΌΡ‹ Π²Ρ‹Π±Π΅Ρ€Π΅ΠΌ самый простой. ΠžΡ‚ΠΊΡ€ΠΎΠ΅ΠΌ Β«Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°Β» (Developer Tools) Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Chrome. Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ это ΠΌΠΎΠΆΠ½ΠΎ Ρ‡Π΅Ρ€Π΅Π· сочСтаниС клавиш Ctrl + Shift + I ΠΈΠ»ΠΈ F12 (Cmd + Opt + I Π½Π° macOS) ΠΈΠ»ΠΈ Ρ‡Π΅Ρ€Π΅Π· мСню Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Π’ Google Chrome Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° Ρ‚Ρ€ΠΈ Ρ‚ΠΎΡ‡ΠΊΠΈ, Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… эта настройка ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΈΠ½Π°Ρ‡Π΅. Π”Π°Π»Π΅Π΅ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ ΠΏΡƒΠ½ΠΊΡ‚ Β«Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ инструмСнты» ΠΈ Β«Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°Β».

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. retina 91c23a4884377a9cf852246561ac7e49. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-retina 91c23a4884377a9cf852246561ac7e49. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° retina 91c23a4884377a9cf852246561ac7e49. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

Π£ вас Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΡΠ²ΠΈΡ‚ΡŒΡΡ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΎΠΊΠ½ΠΎ, ΠΊΠ°ΠΊ Π½ΠΈΠΆΠ΅. Какой ΠΈΠΌΠ΅Π½Π½ΠΎ сайт Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ для Ρ€Π°Π±ΠΎΡ‚Ρ‹, Π½Π΅ Π²Π°ΠΆΠ½ΠΎ, ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΈ GeekBrains.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. retina f25cdfe89415137c82b1f2c922a486dc. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-retina f25cdfe89415137c82b1f2c922a486dc. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° retina f25cdfe89415137c82b1f2c922a486dc. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

Нас интСрСсуСт Π²ΠΊΠ»Π°Π΄ΠΊΠ° Console. Π’ Π½Π΅ΠΉ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ошибки ΠΈ прСдупрСТдСния (красныС ΠΈΠ»ΠΈ ΠΆΡ‘Π»Ρ‚Ρ‹Π΅ надписи) β€” Π½Π΅ ΠΎΠ±Ρ€Π°Ρ‰Π°ΠΉΡ‚Π΅ Π½Π° Π½ΠΈΡ… внимания, ΠΎΠ½ΠΈ Π½Π°ΠΌ Π½Π΅ ΠΏΠΎΠΌΠ΅ΡˆΠ°ΡŽΡ‚. Π’Ρ‹ΠΏΠΎΠ»Π½ΠΈΠΌ Π·Π°Π΄Π°Π½ΠΈΠ΅ β€” Π²Ρ‹Π²Π΅Π΄Π΅ΠΌ Β«Hello, worldΒ» Π½Π° экран. Для этого Π½Π°ΠΌ понадобится ΠΊΠΎΠΌΠ°Π½Π΄Π° alert(). Она Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠ΅Ρ€Π΅Π΄Π°Π½ Π² ΠΊΡ€ΡƒΠ³Π»Ρ‹Ρ… скобках.

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° рСгистр β€” здСсь ΠΎΠ½ ΠΈΠΌΠ΅Π΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅. Π’Π°ΠΊΠΆΠ΅ Π½Π΅ упуститС ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ β€” любой тСкст ΠΌΡ‹ обязаны ΠΎΠ±Ρ€Π°ΠΌΠ»ΡΡ‚ΡŒ Π² Π΄Π²ΠΎΠΉΠ½Ρ‹Π΅ ΠΈΠ»ΠΈ ΠΎΠ΄ΠΈΠ½Π°Ρ€Π½Ρ‹Π΅ ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. retina b3f7e6f5a36d26b2b31631cdef40bb42. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-retina b3f7e6f5a36d26b2b31631cdef40bb42. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° retina b3f7e6f5a36d26b2b31631cdef40bb42. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

ΠœΡ‹ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π²ΠΎΠ΅ Π·Π°Π΄Π°Π½ΠΈΠ΅ β€” Π²Ρ‹Π²Π΅Π»ΠΈ простой тСкст Π½Π° экран.

Учимся ΠΏΠΈΡΠ°Ρ‚ΡŒ Ρ‡ΡƒΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ слоТныС скрипты

На экранС ΠΏΠ΅Ρ€Π΅Π΄ Π½Π°ΠΌΠΈ статичный тСкст, Ρ‡Ρ‚ΠΎ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ интСрСсно. Π₯ΠΎΡ‚Π΅Π»ΠΎΡΡŒ Π±Ρ‹ большС взаимодСйствия с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ. Π§Ρ‚ΠΎ, Ссли ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΡΠΏΡ€Π°ΡˆΠΈΠ²Π°Ρ‚ΡŒ имя зашСдшСго Π½Π° сайт ΠΈ Π·Π΄ΠΎΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ с Π½ΠΈΠΌ?

Для этого Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠ΅ΠΉ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ… Π² языках программирования. ΠŸΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Π°Ρ β€” это ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π² памяти ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ хранится ΠΊΠ°ΠΊΠΎΠ΅-Π»ΠΈΠ±ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅. ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΊΠ°ΠΊ ΡƒΠ³ΠΎΠ΄Π½ΠΎ.

Для создания ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ Π² JavaScript Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово let. Π•ΡΡ‚ΡŒ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅, Π½ΠΎ Π½Π΅ Π±ΡƒΠ΄Π΅ΠΌ Ρ‚Π°ΠΊ Π³Π»ΡƒΠ±ΠΎΠΊΠΎ ΠΏΠΎΠ³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒΡΡ Π² Π΄Π΅Ρ‚Π°Π»ΠΈ.

ВрСбования ΠΊ имСнованию ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ…:

Π‘ΠΎΠ·Π΄Π°Π΄ΠΈΠΌ ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΡƒΡŽ, помСстив Π² Π½Π΅Ρ‘ имя. НапримСр, Иван.

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: ΠΌΡ‹ объСдинили слово Β«ΠΏΡ€ΠΈΠ²Π΅Ρ‚Β» ΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΡƒΡŽ. Π—Π΄Π΅ΡΡŒ ΠΈΠΌΠ΅Π΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ символ: сначала alert, ΠΏΠΎΡ‚ΠΎΠΌ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π°Ρ круглая скобка, которая Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚, Ρ‡Ρ‚ΠΎ дальнСйшиС инструкции Π½ΡƒΠΆΠ½ΠΎ вывСсти Π½Π° экран. Π—Π°Ρ‚Π΅ΠΌ ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π·Π°ΠΊΠ»ΡŽΡ‡Ρ‘Π½ привСтствСнный тСкст. Π”Π°Π»Π΅Π΅ Π·Π½Π°ΠΊ +, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ подсказываСт ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅, Ρ‡Ρ‚ΠΎ тСкст справа ΠΎΡ‚ Π·Π½Π°ΠΊΠ° Π½ΡƒΠΆΠ½ΠΎ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ с Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ слСва. И Π·Π°Π²Π΅Ρ€ΡˆΠ°Π΅Ρ‚ это Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π°Ρ круглая скобка.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. retina 65d53b4bfebc12da5c9077b45120a48a. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-retina 65d53b4bfebc12da5c9077b45120a48a. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° retina 65d53b4bfebc12da5c9077b45120a48a. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

ΠœΡ‹ Π²Ρ‹Π²Π΅Π»ΠΈ имя ΠΈΠ· ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ Π½Π° экран, Π½ΠΎ вСдь Π±Ρ‹Π»ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ имя, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ сообщит ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ. Π˜ΡΠΏΡ€Π°Π²ΠΈΠΌ это. Нам понадобится ΠΊΠΎΠΌΠ°Π½Π΄Π° prompt(). Она задаст ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ вопрос β€” запишСм Π΅Π³ΠΎ Π² ΠΊΡ€ΡƒΠ³Π»Ρ‹Ρ… скобках. Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΠΌ Π² ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΡƒΡŽ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ выполнСния ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ prompt().

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. retina ab7433082cc5f8032516daca723a3e25. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-retina ab7433082cc5f8032516daca723a3e25. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° retina ab7433082cc5f8032516daca723a3e25. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. retina 53f2027bb6c8fa3c849ce6736e243bec. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Ρ„ΠΎΡ‚ΠΎ. javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄-retina 53f2027bb6c8fa3c849ce6736e243bec. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° javascript Π³Π΄Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° retina 53f2027bb6c8fa3c849ce6736e243bec. Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для JavaScript.

ΠœΡ‹ ΡΠΏΡ€Π°ΡˆΠΈΠ²Π°Π΅ΠΌ Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ имя, Π° ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚, здороваСмся с Π½ΠΈΠΌ. НичСго слоТного.

БохраняСм наш ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ скрипт

ΠœΡ‹ написали ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ (скрипт) Π² консоли Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Π­Ρ‚ΠΎ Π±Ρ‹Π»ΠΎ быстро ΠΈ просто, Π½ΠΎ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΡ€Π°ΠΊΡ‚ΠΈΡ‡Π½ΠΎ β€” Ρ‚Π°ΠΊΠΎΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ Π½Π΅ подСлишься. Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это, сохраним ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ Π² Ρ„Π°ΠΉΠ» с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ *.html. Имя ΠΌΠΎΠΆΠ΅ΠΌ Π΄Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΠΎΠ΅. Π’Π°ΠΊ ΠΊΠ°ΠΊ HTML ΠΏΠΎΠ΄Ρ€Π°Π·ΡƒΠΌΠ΅Π²Π°Π΅Ρ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½ΡƒΡŽ структуру ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Π½ΡƒΠΆΠ½ΠΎ Π΅Ρ‘ отчасти ΡΠΎΠ±Π»ΡŽΡΡ‚ΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ всё Ρ€Π°Π±ΠΎΡ‚Π°Π»ΠΎ. ΠŸΠΎΠ½Π°Π΄ΠΎΠ±ΡΡ‚ΡΡ Ρ‚Π΅Π³ΠΈ ΠΈ

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *