Мы рады, что вы пришли на второй урок курса JavaScript. Сегодня мы обсудим тему настройки среды разработки.
Среда для написания, тестирования и отладки кода называется средой разработки. Простейшая среда разработки для JavaScript состоит из текстового редактора и веб-браузера.
Sublime Text, Atom и Visual Studio Code — это лишь некоторые из текстовых редакторов, доступных для разработки кода JavaScript. Эти редакторы часто поставляются с утилитами, упрощающими написание и отладку кода, такими как подсветка синтаксиса, завершение кода и инструменты отладки.
Веб-браузеры необходимы для тестирования вашего кода, поскольку JavaScript в основном используется для создания интерактивных и динамических веб-сайтов. Microsoft Edge, Mozilla Firefox и Google Chrome являются наиболее широко используемыми веб-браузерами.
Просто создайте файл HTML и свяжите его с файлом JavaScript, чтобы протестировать код JavaScript. После этого код JavaScript должен быть виден при открытии HTML-файла в веб-браузере.
################################################# Insert javascript in <head></head> tag ################################################# <!DOCTYPE html> <html> <head> <title>JAVASCRIPT</title> <script> function myFunction() { alert(“Javascript from head tag”) } </script> </head> <body> <h2>JavaScript in Head Tag</h2> <button type=”button” onclick="myFunction()"> Try it </button> </body> </html> ################################################# Insert javascript in <body></body> tag ################################################# <!DOCTYPE html> <html> <head> <title>JAVASCRIPT</title> </head> <body> <h2>JavaScript in Body Tag</h2> <script> function myFunction() { alert("Javascript from body tag") } </script> <button type=”button” onclick="myFunction()"> Try it </button> </body> </html>
Консоль JavaScript Большинство современных веб-браузеров имеют консоль JavaScript, которая позволяет писать и выполнять код JavaScript непосредственно в браузере. Это может быть полезным инструментом для тестирования небольших фрагментов кода и отладки вашего JavaScript.
Инструменты для веб-разработчиков Вы можете отлаживать код JavaScript с помощью инструментов разработчика, встроенных в каждый современный веб-браузер. Эти инструменты предлагают вам доступ к консоли JavaScript и другим инструментам отладки, а также возможность исследовать HTML и CSS веб-страницы.
Вам потребуются эти основные инструменты, чтобы начать разработку JavaScript. Возможно, вы захотите изучить другие инструменты, такие как инструмент сборки или фреймворк JavaScript, по мере знакомства с языком.