- Підтримки прискореної розробки HTML5
- Динамічний перегляд веб-сторінок
- Функція Responsive Web Design
- Розширена підтримка JavaScript
- Підтримка редагування і застосування стилів CSS
- Підтримка мобільних пристроїв і розробка за технологією Cordova
- Налагодження і тестування
Для переходу до повноекранного попереднього перегляду клацніть зображення
Починаючи з IDE NetBeans 7.3 були представлені нові функції з підтримки і вдосконалення процесу розробки з клієнтськими веб-додатками, які використовують сімейство технологій HTML5. Ця інтуїтивна технологія дозволяє швидко створювати багатофункціональні веб-додатки, що відповідають принципам інтерактивної веб-розробки і працюють як на настільних системах, так і на мобільних платформах. Крім того, технології HTML5 можна використовувати в додатках Java EE і PHP .
Підтримки прискореної розробки HTML5
IDE NetBeans забезпечує можливість прискореної розробки веб-додатків HTML5 відразу з моменту створення проекту HTML5. Можна вибрати зі списку популярних шаблонів в Інтернеті для проектів HTML5 або вказати місце розташування .ZIP архіву шаблону сайту. При створенні проекту на основі шаблону сайту, файли, бібліотеки та структура проекту визначаються шаблоном.
Також всі описані далі можливості HTML5 можна використовувати після створення додатків Java EE і додатків PHP .
Налаштування динамічного перегляду веб-сторінок, підтримки редактора, можливостей налагодження та інших функцій допомагає в розробці, тестуванні й налагодженні додатків HTML5, Java EE і PHP.
Початок роботи з HTML5 Development
Динамічний перегляд веб-сторінок
Більшість професійних розробників визнає, що в порівнянні з WYSIWYG більш кращою є тісна інтеграція з браузером Chrome і внутрішнім вбудованим браузером WebKit, яка забезпечує стабільний зв'язок між кодом і дизайном сторінки.
При використанні віддалених API WebKit зберігається повна прозорість і контроль коду в IDE і з'являється можливість отримувати миттєву візуальну зворотний зв'язок від сторінки браузера
Примітка. Динамічний попередній веб-сторінок можливий і на мобільних пристроях. Цю можливість можна використовувати не тільки в браузері Chrome і внутрішньому вбудованому браузері WebKit, але і в браузері Chrome на пристроях Android і в браузері Mobile Safari на пристроях iOS.
Функція Responsive Web Design
IDE NetBeans підтримує використання архітектур Responsive Web Design, дозволяючи користувачам вибирати різні форм-фактори для веб-сторінок і миттєво надаючи доступ до візуальних елементів веб-сторінки в браузері для цього форм-фактора. Передбачено вибір із цілого ряду заданих форм-факторів, починаючи від смартфонів до настільних комп'ютерів, як в портретному, так і в альбомному режимах.
Редактор стилів CSS в IDE не тільки покращує можливості браузера, а й розпізнає поточні запити носіїв, які відображаються в браузері, і автоматично вносить зміни CSS в цей запит носія.
Розширена підтримка JavaScript
Підтримка JavaScript в IDE була перероблена. Підтримка включає в себе функції, характерні для платформи JavaScript: виділення синтаксису кольором, автозавершення коду та інші засоби редагування і рефакторінга коду.
Підтримуються наступні платформи JavaScript: jQuery, JSON, Knockout, Ext Js, AngularJS, JsDoc, ExtDoc і ScriptDoc.
Тепер ви також можете контролювати параметри форматування для мови JavaScript в діалоговому вікні 'Параметри'.
Підтримка редагування і застосування стилів CSS
Реалізована підтримка редагування для препроцесорів Sassy CSS і LESS CSS, включаючи виділення кольором синтаксичних і семантичних елементів в мовних конструкціях, відступи, зміна форматування, згортання коду і шаблони файлів. Передбачені кошти автозаповнення і рефакторінга коду для змінних і домішок.
Тісна інтеграція з браузерами Webkit дозволяє переглядати в браузері зміни, внесені у вікні стилів CSS, в реальному часі в міру їх внесення. Не потрібно більше гадати, як будуть виглядати зміни CSS, до моменту поновлення браузера. Зміни відображаються в браузері і вносяться в вихідний код.
Ви також можете "виконати перевірку" з браузера, і у вікні стилів CSS будуть відображатися правила CSS для елемента, обраного в браузері автоматично. Тепер можна редагувати CSS з вікна стилів CSS за допомогою властивостей або перейти безпосередньо до вихідного коду CSS і внести виправлення за допомогою функції автозаповнення коду і вбудованої документації.
Робота з CSS в додатках HTML5
Примітка. Підтримка редагування і застосування стилів CSS реалізована і для мобільних пристроїв. Цю можливість можна використовувати не тільки в браузері Chrome і внутрішньому вбудованому браузері WebKit, але і в браузері Chrome на пристроях Android і в браузері Mobile Safari на пристроях iOS.
Підтримка мобільних пристроїв і розробка за технологією Cordova
При розробці додатків на HTML5, JavaScript і CSS3 середу IDE створює вбудовані пакети поширення завдяки підтримці технологій Cordova / PhoneGap. Кожен проект HTML5 в середовищі IDE можна перетворити у вбудований пакет для iOS або Android, який можна розгорнути на відповідному пристрої безпосередньо з IDE.
IDE дозволяє редагувати файли CSS в візуальному редакторі і виконувати налагодження додатків JavaScript в браузері Chrome, вбудованому браузері WebKit і безпосередньо на пристроях iOS (в браузері Safari) і Android (в браузері Chrome).
Примітка. Будь-яке веб-додаток (HTML5, Java EE або PHP) можна протестувати і налагодити на мобільному пристрої.
Налагодження і тестування
Споживання веб-служб
Відповідність для декількох браузерів
Налагодження коду JavaScript можна виконувати в браузері Chrome, внутрішньому вбудованому браузері WebKit, а також в браузері Chrome на пристроях Android і в браузері Mobile Safari на пристроях iOS.
Тестування та налагодження JavaScript
Отримайте зручний доступ до даних підприємства шляхом створення клієнтів JavaScript для веб-служб RESTful.
Використання майстра клієнтів RESTful, швидке створення клієнта JavaScript для веб-служби RESTful, розташованої в проекті NetBeans, який містить веб-службу.
Переконайтеся, що додаток працює в декількох браузерах.
За допомогою вбудованої документації, що супроводжує автозавершення коду, IDE надає інформацію про підтримку браузерів для певних конструктів коду.
