Подбираем инструментарий
Как и в любом другом деле - инструменты всякие нужны и важны.
Настоящему будущему гуру обязательно надо поставить
- а) правильный браузер
- б) правильное средство отладки
- в) правильный редактор
Firefox лучше всех поддерживает стандарты. Обычно разработка начинается под Firefox, а когда под ним все работает - подчищаются несовместимости с остальными браузерами.
Firebug помогает разобраться с ошибками javascript, посмотреть и тут же исправить CSS/DOM, и многое другое.
В качестве редактора под Windows - попробуйте SciTe, под Linux - Quanta или vim.
Конечно, и другие редакторы подойдут, главное - подсветка JS-кода. В статье рассмотрен SciTe просто для примера, если до этого Вы пользовались Notepad или чем-то похожим по отсутствию возможностей 
Узнать об отладке в Opera, IE и подобрать дополнительные инструменты из сундучка по отладке можно будет потом, по мере надобности.
На этом видео проиллюстрирована установка Firefox и подключение Firebug.

Здесь показана установка редактора SciTe, создание в нем файлов.
Также видно, как удобно отлавливать ошибку в Firebug.

P.S. Видео не на YouTube, а в виде скачиваемых файлов - для лучшего качества.
Большое количество различных инструментов для разработки и отладки находится в сундучке с инструментами. Обязательно загляните туда на досуге.
|
Лично я пользуюсь очень удобным, мощным и бесплатным редактором Aptana под Eclipse
А Zend прокатит? Что-то скайт этот мне не особо приглянулся...
Да, конечно, прокатит, особенно учитывая, что Zend редактор платный, как таковой, а SciTE бесплатный
Пишите, пожалуйста, о Ваших редакторах и их преимуществах в "сундучке": Редакторы javascript.
Спасибо, статья очень помогла.
Про редакторы. Я обычно пользуюсь vim. А под Windows использую Notepad++.
Aptana однозначно рулит. Очень хорошо заточена под JS, HTML, CSS.
Спасибо за Firebug!Классная шняга!!!
Firebug-ом пользуюсь столько сколько верстаю, рульная вещь =) а редактор мне не приглянулся совсем
Не знаю как насчет редактора мне больше всего нравится Adobe Dreamweaver
Ну не знаю, чаще пишу hta apllication и я привык блокнотом редактировать.
Но, пишу как умею.
Чем можно еще дебажить Java Script?
Developer Tools в IE8 аналог Firebug'a
Под linux в качетсве редактора и даже IDE - kwrite, gedit, jseclipse
ага Adobe Dreamweaver - самый лучший редактор для всего, что только можно редактировать, всем советую!
А видео то не пашет...
Чего не пашет? Подробнее багрепорт, пожалуйста.
Требует кодек. Хотя K-Lite стоит
может ли firebug сохранять измененный файл, у меня что-то не получается
не может
помогите!почему в firebug окне там где script не показывает исходный код файла js а пишет Failed to load source for sourceFile top-level http://localhost/ajax/test.js script.tags( X| 1313 )
У меня такая же шняга, кстати; только FireBug пишет:
(1) Failed to load source for sourceFile URLOnly file:///C:/Site1/index.html script.tags( )
... во вкладке 'Script'. Эту строчку (1) можно отлаживать, установив на неё прерывания, только вот всё равно безсмысленно, так как исходный код посмотреть всё равно не получается.
Кстати: как отлаживать и посмотреть в FireBug код, подключённый через тэг <script src="(исходник).js"> при такой ошибке? Это баг, конфликт плагинов в Firefix или я чего-то не понял?
Подсобите, кто знает.
Обидно: кнопочки отладки на экране виднеются, а воспользоваться ими не получается...
В чём тут дело?
Дело в том, что FireBug требует, чтобы файлы, содержащие символы, кодирующие русские буквы, расположенные в комментариях/текстовых литералах программы JavaScript, сохранённой в файле .js, или в комментариях/текстовых значениях свойств html-тегов, содержащихся в html-файле, были записаны на диск из Блокнота (Notepad.exe) в Windows не в формате ANSI; если .js-файл/.html-файл содержит символы, кодирующие русские буквы, даже в указанных местах соответствующей (.js- или .html-) грамматики, содержащий такие русские символы упомянутый .js-/.html-файл корректно загружается, распознаётся, отражается (и исполняется, если это .js-файл) Браузером (во всяком случае, Mozill'ой 3.0.+ и Internet Explorer'ом 6.0.+), но некорректно (с ошибкой "Failed to load source for sourceFile <и т.д.>") отображется plug-in'ом FireBug (по крайней мере, той версией, которая установлена у меня - а это FireBug 1.3.2).
Мне помогло избавить дебаггер FireBug'а от этого надоедливого сообщения ("Failed to load source for sourceFile <и т.д.>") пересохранить весь сайт из Блокнота (Notepad.exe) Windows XP в кодировке UTF-8.
Возможно, кто-то знает и другие способы избавиться от отсутствия текста, впрочем, хорошо исполняемого в Браузере, исходного файла в FireBug'е, или, быть может, другие причины ошибки "Failed to load source for sourceFile <и т.д.>" - или более быстрые, чем по-файловое открытие в Блокноте Windows, способы перекодировать web-сайт целиком в формат (например, UTF-8), хорошо понимаемый FireBug'ом, для начинающего отлаживать свой сайт впервые из под Windows.
Пишите ответ здесь.
А вообще сайтище полезный
- если б не эта досадная маленькая "ошибка" в FireBug, из-под Windows цены бы ему не было. 
Последняя версия багнутая, часто слетает (например на нашем форуме). Думаю исправят к следующему релизу.
Лучшеб на Ютуб видео пихнул, качать не охота.
Насчет среды. Лично я пишу под NetBeans, работает и под Windows и под Linux. До этого писал на ZendStudio. NB лучше!
Давно уже FireFox не лучше всех поддерживает стандарты. К слову, на данный момент, тест на соответствие стандартов Opera проходит, а FireFox 3.5 лишь на 96%. Это я не к тому, что нужно писать что опера лучше всех блюдет стандарты, но я б либо убрал голословное утверждение, либо перечислил бы все браузеры, которые более менее блюдут стандарты, а именно, FF, Opera, Chrome, Safari, IE8.
Я про ACID 3
В качестве редактора под линукс можно также использовать Bluefish.Хороший и приятный на мой взгляд редактор.
NotePad лучше всех!
Кроме Firebug, рекомендую встроенные Developer Tools в браузере Chrome (Ctrl+Shift+J). По функциональности не уступает firebug. А так же его интерфейс работает пошустрее. Для моего нетбука это актуально.
а я сколько себя помню сидел на Award-Winning IDE ActiveState Komodo 5 Pro, пусть она денег стоит, но она их стоит
некоторые редакторы на подобие Notepad++ вставляют в начало невидимые символы, которые могут сильно помешать... например, я учил работу с cookie в php из-за этого хедеры отсылались раньше и куки не устанавливались, так что редактор тоже надо грамотно подбирать) я лично вообще всё в блокноте)) с голыми руками на пулемёты, так сказать)
А кодировка какая была? У меня при сохранении в np++ заголовки отдаются нормально.
Лучше всего для написания HTML страниц использовать Notepad++, несоглашусь с тем, кто его нелюбит
FF и Opera не работают со многими тэгами как задумано, это в основном касается элемантов верстки, например горизонтальные линии могут не преобретать нужного цвета, это только один простейший пример, и не так то просто написав страницу красиво под FF сделать потом ее красивость кроссбраузерной, хотя это личное мнение, может у меня просто опыта не хватает...
Notepad ++ последней версии очень достойный вариант, если вы занялись JS даю руку на отсечение что дело дойдет и до PHP, либо Perl'a а так же языка запросов к БД SQL, тут и пригодится редактор поддерживающий подсветку синтаксиса нескольких языков, notepad++ знает синтаксис более 50 языков включая все вышеперечисленные
notepad++ - это же несерьёзно. юзаю Eclipse + Spket на линуксе и винде, устраивает почти всё, хороший поиск/замена по регуляркам.
хромает Outline, к примеру, если в методе объекта есть такой блок кода
switch (onCellRender({ rendering : this, renderOptions : options, currRow : r, currCol : c })) { case 'BREAK_CELL_RENDER' : break colsLoop; /* ... */ }то метод отображается как свойство. если предварительно сохранить в переменную тестируемое значение для switch - всё в порядке. есть ещё подобные мелкие неудобства, однако это лучшее, что я пробовал.
----------------------------------------
window.open(window.location);
Использую PrimalScript, устраивает во всём=)
На мой взгляд самы лучший редактор кода для любого языка Notepad++. Я в нем и сайты, и обычные проги на C++ и на Pascаle пишу))
пользуюсь netbeans, и бесплатно и удобно)
Отправить комментарий
Приветствуются комментарии:- Полезные.
- Дополняющие прочитанное.
- Вопросы по прочитанному. Именно по прочитанному, чтобы ответ на него помог другим разобраться в предмете статьи.
P.S. Лучшее "спасибо" - не комментарий, как все здорово, а рекомендация или ссылка на статью.Для остальных вопросов и обсуждений есть форум.