Знакомство с Vaadin (Russian Webinar)

• Приветствие участников вебинара на русском языке.  

• Представление ведущих: Артем Годин и Михаил Цуканов.  

• Тема вебинара: фреймворк Vadin.  

• План: введение в Vadin, написание приложения, сессия вопросов и ответов.  

• Vadin означает "молодая самка северного оленя" на финском языке.  

• Vadin - фреймворк для веб-приложений, ориентированный на корпоративный рынок.  

• Логотип Vadin состоит из двух частей: Java и северный олень.  

• Vadin предоставляет богатый набор компонентов для интерфейса пользователя.  

• Компоненты делятся на три категории: интерфейс пользователя, оптимизация интерфейса и доступ к данным.  

• Примеры компонентов: поля ввода, элементы навигации, переключатели режимов.  

• На сайте Vadin есть раздел сэмплер для демонстрации встроенных элементов.  

• Можно изменять параметры элементов и смотреть их в различных темах оформления.  

• Примеры использования: кнопки, календари, элементы для выбора дат.  

• Приложение "дешборт" демонстрирует возможности Vadin.  

• Приложение включает графики, диаграммы, табличные данные и отчеты.  

• Доступно на GitHub для просмотра исходного кода.  

• Vadin поддерживает мобильные устройства: iPhone, iPad, Android, Windows.  

• Работает в современных веб-браузерах: Internet Explorer 8+, Chrome, Opera, Firefox, Safari.  

• Vadin имеет большой репозиторий готовых дополнений.  

• Дополнения включают как простые улучшения, так и сложные компоненты, такие как диаграммы Ганта.  

• Возможность использования дополнений через Maven или Ivy.  

• Пользователи могут публиковать свои компоненты в репозитории.  

• Пошаговая инструкция по подготовке и публикации дополнений.  

• Возможность включения своих компонентов в сам фреймворк Vadin.  

• Vadin позволяет использовать различные темы оформления.  

• Компонент "тачки" позволяет сделать веб-приложения неотличимыми от встроенных приложений.  

• Поддержка изменений в дизайне интерфейсов, таких как изменения в iOS и Android.  

• Редизайн приложений может быть сложной задачей.  

• Изменение стилей в полномасштабных приложениях требует согласования всех компонентов.  

• Решение: использование темы на основе компилятора Sass.  

• Тема разбита на отдельные компоненты, настраиваемые с помощью переменных.  

• Изменение одного параметра автоматически обновляет все связанные элементы.  

• Параметры зависят друг от друга, что упрощает разработку.  

• Векторные иконки предпочтительнее растровых изображений.  

• В поставку включен векторный шрифт Font Awesome.  

• Векторные иконки подходят для дисплеев с любым разрешением.  

• Демонстрация показывает, как легко менять внешний вид компонентов.  

• Изменение цвета фона автоматически обновляет цвет шрифта.  

• Это упрощает разработку и уменьшает количество изменений в коде.  

• Компоненты могут быть привязаны к различным источникам данных.  

• Поддерживаются иерархические и упорядоченные источники.  

• Три основных интерфейса позволяют подключать любые источники данных.  

• Вадин реализует интерфейс пользователя на серверной стороне.  

• Все части приложения ответственны за коммуникацию между сервером и клиентом.  

• Это упрощает разработку и снижает количество уровней и языков программирования.  

• Вадин позволяет писать код только на серверной стороне.  

• Это ускоряет разработку и упрощает поддержку приложения.  

• Компромисс: отсутствие полного контроля над коммуникацией на клиентской стороне.  

• Вадин берет на себя заботу о клиентских скриптах, что освобождает разработчиков от лишних задач.  

• Пример кода включает поле ввода и кнопку.  

• При нажатии на кнопку выводится уведомление.  

• При открытии страницы загружается базовый набор изображений и скриптов.  

• Можно сократить объем данных до 130 КБ.  

• Клиентская часть запускается после загрузки данных.  

• Сообщение о нажатии кнопки отправляется на сервер.  

• Фреймворк Vadin обрабатывает события на сервере.  

• Клиентская сторона обрабатывает уведомления.  

• Пример показывает, как создать простое приложение с Vadin.  

• Использование плагина для создания нового проекта.  

• Файл .vue содержит заготовку для приложения.  

• Пример кода с кнопкой и обработчиком событий.  

• Создание контейнера для чтения файлов из файловой системы.  

• Использование выпадающего списка для выбора файлов.  

• Поддержка отложенной загрузки данных.  

• Добавление лейбла для отображения выбранного файла.  

• Использование обработчика событий для отображения содержимого файла.  

• Настройка режима содержимого HTML для корректного отображения.  

• Добавление возможности редактирования HTML-файлов.  

• Создание нового компонента HTML-редактора.  

• Наследование от класса Compose и добавление RichText и Label.  

• Добавление RichText для редактирования HTML.  

• Использование Label для отображения HTML-разметки.  

• Добавление контейнера TapShuttle для переключения между компонентами.  

• Тестирование компонента в приложении.  

• Настройка метки для Label и заголовка для TapShuttle.  

• Добавление привязок данных и перезапуск сервера.  

• Преимущества использования JRebel для упрощения разработки.  

• Настройка внешнего вида приложения для полного окна.  

• Использование VerticalSplitPanel для изменения размеров областей.  

• Вадин использует технологии Java, что позволяет использовать различные языки и среды разработки.  

• Поддержка всех основных браузеров и возможность работы на мобильных платформах.  

• Возможность использования сервлетов и портлетов для веб-приложений.  

• Рекомендация начать с обучающих материалов на сайте.  

• Пример приложения для адресной книги с наглядным исходным кодом.  

• Мощный форум на Java, написанный на Vaadin, с возможностью задавать вопросы и получать ответы.  

• Для Eclipse требуется плагин, который можно установить из Eclipse Marketplace.  

• Плагин позволяет легко создавать новые приложения и подтягивать зависимости.  

• Для IntelliJ IDEA также есть встроенная поддержка Wadyn.  

• Мощный плагин доступен в репозитории плагинов и интегрируется с репозиторием дополнений.  

• Плагин автоматически прописывает зависимости и создает экземпляры классов.  

• Для других сред разработки можно использовать Maven как стандартную систему сборки.  

• Книга доступна в физическом и электронном виде, можно скачать бесплатно.  

• Wadyn распространяется под лицензией Apache License версии 2.  

• Лицензия позволяет использовать Wadyn в коммерческих и некоммерческих проектах без раскрытия исходного кода.  

• Wadyn используется более чем 100 тысячами разработчиков ежедневно.  

• Вопросы можно задавать на форуме, есть каталог примеров использования.  

• Wadyn позволяет создавать приложения на сервисной стороне, используя только Java-код.  

• Wadyn позволяет создавать красивый пользовательский интерфейс и прототипы.  

• Вопросы о Wadyn и других фреймворках, таких как Play и Pega.  

• Wadyn использует Maven для управления зависимостями, но планирует перейти на Maven.  

• Планируется переработка таблицы деревьев на новые Pega.  

• Все компоненты Wadyn будут переведены на новую систему.  

• Производительность Wadyn улучшается с каждой версией.  

• Открытость расширений и возможность публикации своих патчей.  

• Онлайн-тренинг по Wadyn Fundamental состоится 21-22 октября.  

• Участники могут получить скидку 25% на участие в тренинге.  

• Рекомендуется пройти тренинг для получения первого представления о Wadyn.  

• Возможность организации тренинга в компании.  

• Благодарность за внимание и прощание.