Инструменты для JavaScript разработчика. Блог 2.

Для того чтобы, программировать на  JavaScript, как минимум нужно выбрать где писать код и где смотреть результат. В этой статье рассмотрим некоторые варианты.

Редакторы для написания кода

  1. Notepade++ — бесплатный редактор идет в стандартной поставке Windows. Запустить его можно «Пуск => Notepade++«. Если его у вас не оказалось, то скачать и установить его можно с официального сайта тут. Этот редактор подсвечивает код. Какие языки подсвечивает можно посмотреть выбрав в меню пункт  «Синтаксис«.
  2.  SublineText3 — это платный редактор, но им можно пользоваться бесплатно. Если пользоваться бесплатно, вам время от времени будет предлагаться купить его, и нужно просто отклонять это предложение. Скачать можно тут, выберите версию редактора для своей ОС.
  3. Bacekets — текстовый редактор для web разработки, ориентированный на HTML, CSS, JS. Облегчает и улучшает написание кода. Можно скачать и установить отсюда.
  4. Light Table — это среда для разработки ПО. Light Table позволяет в реальном времени обратную связь. В файлах вы меняете код и ваши изменения мгновенно выполняются в браузере. Скачать можно с официального сайта.

Все эти редакторы обладают подсветкой синтаксиса. У них есть много разных плагинов, которые добавляют нужный вам функционал для комфортной работы и облегчают написание кода. Все они являются бесплатными.

Браузеры и их инструменты.

Браузер является интерпретатором. Т.е. программа выполняющая JavaScript, который по сути текстовый файл. В каждом браузере JavaScript реализован по своему. ECMA стандарт плюс браузерная модель (браузерное понимание) документа. Плюс у каждого браузера своя объектная модель документа. DOM в разных браузерах по разному реализован.

DOM — это интерфейс представляющий HTML, XML, XHTML документы в виде древовидной структуры, в которой узлы это объекты (атрибут, текстовый, графический либо другой элемент). Узлы имеют отношения между собой «родительский — дочерний».

Если брать Internet Explorer, то там в разных его версиях JavaScript реализован по разному. Эти различия ведут к тому, что один и тот же код JavaScript в разных браузерах может работать по разному. И если JavaScript в Google Chrome допустим берет данные и что то вычисляет, то например в Internet Explorer тот же код может просто не работать. Поэтому код нужно тестировать в нескольких браузерах.

Одним из важнейших инструментов браузера для разработчика является консоль. Она позволяет отлаживать JavaScript код и находить ошибки. Для вызова консоли в браузере Google Chrome, Internet Explorer, Mozilla Firefox, нужно нажать клавишу «F12«. В Opera сочетание клавиш «Ctrl + Shift + I«.

В следующей статье рассмотрим панель разработчика на примере Google Chrome.

Добавить комментарий