3. Среды разработки IDE

Автор Pavel Shevchuk
3. Среды разработки IDE

процесс создания сценария для web-приложений нам с вами понадобится как минимум две вещи первое из них — это интегрированная среда разработки или текстовый редактор в будем кодировать то есть создавать нашу сценарии и второе — это веб-браузер в котором мы будем тестировать сценарий при необходимости их отладкой и подобными вещами.

А в этом уроке. Я покажу несколько сред разработки даже я бы сказал порекомендую и кратенько каждый из них расскажу и так в общем я создал два документа один обычный HDMI страничка. Да и подключен к ней Java Script File начнём с notepad-plus-plus, что мы видим бросается в глаза — это подсвеченный синтаксис да то есть одним цветом атрибуты другим значение атрибутов ещё одним — это очень упрощает ну скажем ориентацию на местности.

Да кроме того мы видим то пронумерованные — это также помогает ориентироваться в ходе если мы посмотрим на Java скрипт код также увидит, что блочные комментарии подсвечены одним цветом строчные ключевые слова подсвечены также каким-то своим цветом.

Кроме того. Вы видите, что можно различные блоки кода сворачивать и разворачивать это. Частенько бывает весьма полезно. Кроме того такая здоровская функция когда мы кликаем рядом с какой-нибудь например фигурной скобкой или обычная скобкой открывающий и закрывающий то редактор по третью городскую скобку для текущей — это тоже всегда приятно если какой-то скобку вы там забыли поставить дата. Данная опция поможет вам найти вашу такого рода ошибочка так. Кроме того. Здорово здесь реализована функция поиска можно вызвать либо с помощью hotkey Control либо из контекстного меню поиска. А вот здорово реализована замена бывает, что нужно заменить какую-то точку кода прямо в нескольких документах и вот с помощью замены например notepad-plus-plus — это можно сделать. Кроме того данные редактором бесплатен. Я понимаю, что большинство слушателей этого курс мои слова последние вызвали улыбку, а но тем не менее для тех кто ценит и уважает авторские права эта информация будет полезна теперь рассмотрим уже не трактор полноценную интегрированную среду разработки или — это как аббревиатура практически тот же набор функций до подсветка синтаксиса нумерованные строки возможность свернуть любой произвольный блок кода по нашему усмотрению. Кроме того в последней версии данного данной среды появилась такая замечательная штука если к нашему например HTML документу прикрепленное какие-то бонусные файлы до будто каскадные таблицы стилей и сценарии только дома открываем на шуисте мою страничку заново открываются и вот эти вот самые прикрепленные файлы, что всегда приятно в левой части экрана такой навигационный блок в котором располагается сайт текущую или папка с которой мы работаем и элементы содержащиеся. Вот кроме. Переключайся обратно к HTML коду тут детям такую, а панельку со всевозможным можно с помощью всего лишь одного клика. Да вообще ничего не набирай вставить например ссылочку или ещё что-то также есть следующая акция мы можем как наблюдать код так заодно можем и просмотреть как будет выглядеть ваша страничка в браузере можем также одновременно лицезреть. И то и другое, но такое могут позволить себе не всем. А те у кого достаточно большой для того чтобы я туда нормально вмешалась и достаточно большое количество строк кода и заодно видеть как всё — это будет выглядеть. Кроме того расположение вот этих вот самых блоков до основного с кодом вот левого навигационного вот этой вот панельки может изменяться в зависимости от скажем так раскладки вашего икра у меня стоит. Квадрат плюс раскладка если мы изменим например на дизайна элементы перемещаться по умолчанию у вас уже будет стоять with Design если мы например просто наконец-то опять же расположение этих элементов изменится так, что в среду можно настроить под себя — это очень очень удобно данные всегда обладает минусом она стоит денег причем достаточно значит. Нефтяник в качестве альтернативы яма посоветую очень хорошую среду разработки — это Microsoft Visual Web Developer того она абсолютно бесплатно она обладает практически всем функционалом кое-где даже превышает функционал дримвивер. Мы также видим нумерованные строки кода возможность сворачивать определённые реализованную вот такой вот кладочную структуру. Кроме того если мы в данной среде какой-либо тик открываем. Ну пускай — это будет скрипт. Да как только мы стоим закрывающий закрывающие. Вот — это она сразу же сама закрывает и. Тед знает огромное ключевых слов и всегда всегда готовы нам помочь если же мы внутри неё например опять, что создадим функцию какую-то. Рите она даже вот эти ключевые слова нам подсказывать. Пускай — это будет тест банк внутри в объём какой-нибудь простейший код. Ну пускай будет наша функция я так и в последствии. Когда мы будем продолжать кодировать среда уже будут знать, что такая функция существует и когда мы захотим, а вызвать какую-нибудь функцию начинающуюся с похожих символов дам, а то она уже предложит вам вот эту самую которую мы только, что написали. Аид свою очередь весьма написание вот и всё завод такие её заслуги и также за множество других. Я в курсе буду пользоваться именно этой средой. Вы можете пользоваться как ей так и дримвивер он так и блокнотом так и любыми другими средами которые которые не захотите пользоваться. Главное чтобы вам было удобно. В данный урок. Мы там за вашим. А в следующем я вам расскажу про браузеры и про дополнительные к ним инструменты которые помогут нам в разработке приложений.

0 комментариев
0

Читайте также