Разработка Rich Text Editor: проблемы и решения / Егор Яковишен (Setka)Ontico
РИТ++ 2017, Frontend Сonf
Зал Дели + Калькутта, 6 июня, 18:00
Тезисы:
http://frontendconf.ru/2017/abstracts/2550.html
Краткая история редактирования текста в браузерах. Родовые проблемы WYSIWYG-редакторов. Типы и функции современных веб-редакторов.
Обработка различных способов ввода (клавиатура, голос, copy&paste, autocomplete/autocorrect, gesture input). Проблемы с использованием contenteditable и execCommand. Браузерные API: Selection, Input Method Editor, Clipboard, MutationObserver, CompositionEvents. Спецификация W3C Input Events.
...
Слайды к докладу на WordCamp Russia 2013. Создание адаптивных сайтов требует новых подходов не только к дизайну или верстке, но и управлению контентом. Может ли привычная и устоявшаяся система, такая как WordPress, справится с такой задачей? Посмотрим, какие инструменты она предоставляет для этого и чего нам все еще не хватает.
Разработка Rich Text Editor: проблемы и решения / Егор Яковишен (Setka)Ontico
РИТ++ 2017, Frontend Сonf
Зал Дели + Калькутта, 6 июня, 18:00
Тезисы:
http://frontendconf.ru/2017/abstracts/2550.html
Краткая история редактирования текста в браузерах. Родовые проблемы WYSIWYG-редакторов. Типы и функции современных веб-редакторов.
Обработка различных способов ввода (клавиатура, голос, copy&paste, autocomplete/autocorrect, gesture input). Проблемы с использованием contenteditable и execCommand. Браузерные API: Selection, Input Method Editor, Clipboard, MutationObserver, CompositionEvents. Спецификация W3C Input Events.
...
Слайды к докладу на WordCamp Russia 2013. Создание адаптивных сайтов требует новых подходов не только к дизайну или верстке, но и управлению контентом. Может ли привычная и устоявшаяся система, такая как WordPress, справится с такой задачей? Посмотрим, какие инструменты она предоставляет для этого и чего нам все еще не хватает.
This document provides an overview of the Yii framework. It discusses why to use Yii, its main components including MVC, database access, forms and validation. It then covers key aspects of building applications with Yii such as configuration, controllers, models, views and layouts. It also discusses authentication, authorization, query building and Active Record for database access. Overall, the document is an introduction to the main concepts and features in the Yii PHP framework.
AR открытки: дополненная реальность к 8 мартаEligoVision
Новая супер АКЦИЯ от EligoVision специально к Международному женскому дню 8 марта!
До 8 марта осталось чуть меньше месяца. Вы наверняка планируете поздравить своих клиентов, партнеров и друзей, не так ли?
Так почему бы не сделать к этому дню особенный подарок? Например, вместо обычной открытки подарить вашим клиентам AR открытку с дополненной реальностью! Смотрите все подробности в презентации.
ЭЛЕМЕНТЫ ИСКУСТВЕННОГО ИНТЕЛЛЕКТА ПРИ ПРОГРАММИРОВАНИИ. (http://tuladev.net/e...Pavel Tsukanov
Видео на http://tuladev.net/events/128
Расскажу про нейронные сети, генетические алгоритмы, машинное зрение и нечёткую логику. Всё с реальными примерами. Подискутирую что-же такое ИИ (как же без этого :) ). Если хотите услышать что ещё оставляйте свои комментарии. На самом деле тема обширная, можно рассказать о многом, главное начать.
Разработка мобильных приложений ДЛЯ ДЕТЕЙEligoVision
Cодержание:
- Исследование мирового рынка и рынка РФ, изучение трендов:
- Обзор индустрии и тенденции развития
- Разработчики: кто есть кто на рынке
- Примеры успешных приложений
- Особенности целевой аудитории (2-4 года, 5-7 лет, младшие школьники)
- Цель разработки мобильного приложения и выбор подходящего сюжета
- Типы детских приложений: развивающие, развлекательные, электронные книги и др.
- Основы Usability – правильный интерфейс
- Специфика дизайна и геймплея детского приложения
- Тестирование и User Experience
- Успешный вывод продукта на рынок (PR и реклама)
- Поддержка приложения
- Кейс: этапы развития уникального детского приложения «Живые кубики» – от идеи до первых пяти тысяч скачиваний.
This document provides an overview of the Yii framework. It discusses why to use Yii, its main components including MVC, database access, forms and validation. It then covers key aspects of building applications with Yii such as configuration, controllers, models, views and layouts. It also discusses authentication, authorization, query building and Active Record for database access. Overall, the document is an introduction to the main concepts and features in the Yii PHP framework.
AR открытки: дополненная реальность к 8 мартаEligoVision
Новая супер АКЦИЯ от EligoVision специально к Международному женскому дню 8 марта!
До 8 марта осталось чуть меньше месяца. Вы наверняка планируете поздравить своих клиентов, партнеров и друзей, не так ли?
Так почему бы не сделать к этому дню особенный подарок? Например, вместо обычной открытки подарить вашим клиентам AR открытку с дополненной реальностью! Смотрите все подробности в презентации.
ЭЛЕМЕНТЫ ИСКУСТВЕННОГО ИНТЕЛЛЕКТА ПРИ ПРОГРАММИРОВАНИИ. (http://tuladev.net/e...Pavel Tsukanov
Видео на http://tuladev.net/events/128
Расскажу про нейронные сети, генетические алгоритмы, машинное зрение и нечёткую логику. Всё с реальными примерами. Подискутирую что-же такое ИИ (как же без этого :) ). Если хотите услышать что ещё оставляйте свои комментарии. На самом деле тема обширная, можно рассказать о многом, главное начать.
Разработка мобильных приложений ДЛЯ ДЕТЕЙEligoVision
Cодержание:
- Исследование мирового рынка и рынка РФ, изучение трендов:
- Обзор индустрии и тенденции развития
- Разработчики: кто есть кто на рынке
- Примеры успешных приложений
- Особенности целевой аудитории (2-4 года, 5-7 лет, младшие школьники)
- Цель разработки мобильного приложения и выбор подходящего сюжета
- Типы детских приложений: развивающие, развлекательные, электронные книги и др.
- Основы Usability – правильный интерфейс
- Специфика дизайна и геймплея детского приложения
- Тестирование и User Experience
- Успешный вывод продукта на рынок (PR и реклама)
- Поддержка приложения
- Кейс: этапы развития уникального детского приложения «Живые кубики» – от идеи до первых пяти тысяч скачиваний.
Graduate Project: designing a web site and 3D application for Elby AdbertisingAnna Kholina
Department of Information Technologies in Design
Saint-Petersburg State Polytechnical University
www.it-design.org
The project by students Nikita Shanin and Maria Garkusha
Секционный доклад
Экскурс в мир WEB разработки
Дмитрий Лаабе
Генеральный директор и основатель рекрутинговой компании IT-Доминанта
Технический директор и программист
портала Айти-Событие
Россия. Санкт-Петербург
http://it-sobytie.ru/events/3120
Мы рассмотрим область применения, архитектуру и основные особенности такой известной операционной системы как Android. Также расскажем о процессе создания мобильного приложения TulaDev, о проблемах с которыми мы столкнулись и о способах их решения. Вы можете найти приложение для Android <a>на Google Play</a>
Презентация с Харьковского QA Talk: Автоматизация мобильных приложений на базе Appium. Специфика и подходы в автоматизации Web/Native/Hybrid приложений
Гуманитарные специальности в IT-индустрии
Анна Астахова, старший аккаунт-менеджер в компании Nоveо.
Noveo — международная IT‑компания. Наши главные офисы разработки ПО находятся в Новосибирске и Санкт-Петербурге, представительства — в Москве, Париже, Лондоне и Сиэтле.
2. Android User Interface
UI Overview
• Весь графический интерфейс строится из объектов классов View и
ViewGroup
• View - нечто, что может быть нарисованно на экране и с чем
пользователь может взаимодействовать
• ViewGroup - наследник View, содержит в себе другие View и
определяет как они будут расположенны относительно друг друга
• AdapterView - особый наследник ViewGroup, дочерние элементы
которого задаются с помощью Adapter’a
4. Android User Interface
Declaring Views
• Дерево View может быть создано прямо в коде
• Более простой и предпочтительный способ - использовать XML
• Это декларативно (говорим что делать, а не как)
• Позволяет отделить графический интерфейс и логику
• Меньше усилий и более читабельно
• Переиспользуемо
• Для разных конфигураций могут быть созданы разные XML файл,
при этом коду знать об этом не обязательно
5. Android User Interface
Attributes
• В xml поведение отдельного View можно настраивать с помощью
аттрибутов
• Существует набор аттрибутов общих для всех View
• Почти каждый наследник View имеет свой собственный набор
специфичных для него аттрибутов
• Можно создавать свои собственные аттрибуты
• Часто для каждого аттрибута существуют соответствующие ему
методы
6. Android User Interface
Common Attributes
• android:id - уникальный идентификатор
• android:layout_width - ширина элемента
• android:layout_height - высота элемента
• android:layout_margin - отступы снаружи элемента
• android:padding - отступы внутри элемента
• android:layout_gravity - расположение элемента внутри родителя
• android:gravity - расположение контента внутри элемента
• android:visibility - показывать элемент или нет
• android:background - фоновое изображение
7. Android User Interface
Dimension Units
• px - реальные пиксели на экране
• pt - points, 1/72 дюйма
• mm – миллиметры
• in – дюймы
• dip - density independent pixels. Количество пикселей одном dip
зависит от плотности экрана
• sp - scaled pixels. Аналогичны dip + размер зависит от выбранного
размера шрифта пользователем
• процентов нет
9. Android User Interface
Drawable Types
• ColorDrawable - просто цвет
• BitmapDrawable - просто картинка
• NinePatchDrawable - картинка, которая умеет
растягиваться
• StateListDrawable - меняет свой контент в зависимости
от состояния
10. Android User Interface
Common Views
• TextView - текстовое поле. Нередактируемое
• EditText - редактируемое текстовое поле
• ImageView – картинка
• Button – кнопочка
• CheckBox - галочка
11. Android User Interface
TextView Attributes
• android:text – текст
• android:textSize – размер
• android:textColor – цвет
• android:textStyle - стиль (bold, italic, monospace)
• android:singleLine - максимум одна строка текста
• android:maxLines - максимальное число строк текста
• android:ellipsize - что делать, если текст слишком длинный
12. Android User Interface
EditText Attributes
• android:hint - подсказка, видна пока EditText пустой
• android:textColorHint - цвет подсказки
• android:inputType - тип клавиатуры (email, телефон и т.д.)
• android:digits - список допустимых символов
13. Android User Interface
ImageView Attributes
• android:src - что показывать
• android:scaleType - как масштабировать
• android:adjustViewBounds - меняем размеры View в зависимости от
размеров каритнки
15. Android User Interface
Common Layouts
• FrameLayout - рисует дочерние View поверх друг друга
• LinearLayout - выстраивает свои элементы в одну линию
• RelativeLayout - хитро располагает элементы относительно друг
друга
• GridLayout - дочерние View располагаются по сеточке
• ScrollView - добавляет скролл, если контент слишком большой
16. Android User Interface
ListView
• Отображение вертикального списка однотипных данных
• Переиспользует созданные вьюхи
• Можно добавлять хедеры и футеры
• Необходимо использовать класс Adapter
17. Android User Interface
BaseAdapter
Необходимо переопределить:
• int getCount()
• getItem(int position)
• getItemId(int position)
• getView(int position, View convertView, ViewGroup parent)