Развитие на HTML5 проекти в NetBeans

Защо тази статия се обсъжда точно - и само - проекти в HTML5. защото NetBeans дава възможност за развитие на голям брой други езици за програмиране?

На първо място, HTML5 технологията се намира в период на бързо развитие, те проявиха интерес все повече специалисти. Това оказва значително влияние върху ситуацията в така наречената Front-End технологии, промените, които го правят много значително увеличаване на капацитета и ефективността на разработените уеб приложения.

Втората причина следва от първия. Едновременно с развитието на технологията, разработена и програмни средства за него, те постоянно прилагане на нови и интересни подходи и техники; различни среди за разработка активно да се конкурират помежду си, и трябва да се запази този процес под контрол, за да остане начело на нови технологични възможности.


Монтаж модификации (актуализации) NetBeans компонент

От време на време за модулите инсталирани, както и ядрото на NetBeans, нова версия - актуализации. Тяхната инсталация и свързване е много проста.

На първо място, трябва да се обърне внимание на етикета се посочва модификации, разположени на лентата на състоянието (Status линия) NetBeans (долен ред на екрана).

Фиг. 1. Индикатор за промяна в лентата на състоянието

Както се вижда, той получил известие за наличието на 9 модификации в NetBeans. За да изтеглите и инсталирате тях, просто трябва да кликнете на линка в десния прозорец, а след това следвайте инструкциите на инсталационната програма. След като се инсталира на промените, ще бъдете подканени да рестартирате на NetBeans и след рестартиране, ще се използва най-новата версия на средата.

Както вече споменахме, посветени на подпомагане на развитието приложения HTML5 като независими проекти се изпълняват за първи път в NetBeans версия 7.3.

NetBeans ви позволява едновременно да извърши голям брой проекти, както и за различни езици и технологии, така че HTML5-проекти могат да съществуват във всеки брой и независимо от други проекти.

Създаване на нов HTML5-проект се извършва по същия начин, както и създаването на всеки проект в NetBeans. В този случай NetBeans характеристики правят възможно ускореното развитие на HTML5 приложения,, като се започне още от създаването на проекта.

Създаване на нов проект може да бъде един от следните три начина:

  • Нов проект от главното меню
  • Нов бутон Проект в главната лента с инструменти
  • За бърз достъп Ctrl + Shift + N

Фиг. 4. Диалог за създаване на нов проект

След като изберете желаната опция и щракнете върху бутона Напред, се появява диалогов прозорец на настройките на HTML5 приложения, в които искате да укажете името на проекта и да се свърже към проекта на диск директория, където ще бъде поставен.

Десен бутон върху елемента и изберете Go към източник изскачащо меню ви позволява бързо да преминете към тази позиция в изходния файл.

Вторият прозорец - Browser DOM - ви позволява да видите, че сегашната структура на страницата с някои от характеристиките на неговите елементи. Този екран показва DOM- елементи на страницата, заедно с молбата да ги на стилове.

Фиг. 20. браузър за прозорец DOM, представляващи членовете йерархия-файлове на DOM и техните стилове


Работа с CSS стилове

Новата версия включва поддръжка за NetBeans CSS-Препроцесори дързък и по-малко, включително цвят оцветяване на синтаксиса и семантиката на езикови конструкции, автоматичен отстъп, преформатиране, сгъваеми код и шаблонни файлове. За всички версии на CSS синтаксиса дизайн осигурява код завършване и редакции инструменти.

Фиг. 22. Работа с стилове (CSS) в NetBeans

В допълнение, промените стила на документа могат да бъдат точно в другата панел на браузъра Проверка в режим на NetBeans, както е описано по-горе.

На последно място, подкрепа за стилове и реализира за мобилни устройства. а именно за Chrome за Android и Mobile Safari на IOS, използващи Apache Cordova платформа. Cordova версия също е включена в разпределението на NetBeans, но изисква допълнително конфигуриране за подпомагане на проекти за Android и IOS.


Подкрепа за мобилни устройства и развитието на Cordova

Тази статия изброява накратко само нови NetBeans функции, свързани с развитието на HTML5-проекти. Но NetBeans разработва и традиционни, които са станали почти стандартни функции, което ги прави по-удобно и ефективно да се използва.

На последно място, подкрепа за съвременни версии на инструментите за управление - и NetBeans поддържа както добре познати инструменти Mercurial и Subversion и сравнително наскоро се появи и бързо се превръща в супер популярен ГИТ - го прави лесно да се организира работата в екип, като се гарантира висока надеждност на процеса на развитие.

Така че да обобщим.

Дори и кратък преглед на новите функции NetBeans IDE води до извода, че това не е случайно, е един от лидерите в днешните инструменти за развитие на пазара за интернет. Насочени развитие дава възможност да се пусне на пазара нови, още по-мощни и лесни за употреба версии. Сега започва предварителни тестове на новото, на осмия версия на IDE. Какви нови възможности ще го предостави? Това скоро ще знаем.