Краткий обзор фрэймворка AngularJS: что это такое и зачем все эти сложности. И сложности ли это вообще.
Презентация подготовлена по материалам прошедшего 19 ноября витебского фронтенд-митапа: http://devowl.org/
В презентации на примере конкретного веб-приложения освещается тема автоматизированного тестирования и важность таких тестов в контексте Continuous Integration/Delivery. Рассмотрены азы работы с Selenium WebDriver'ом, область применения этого инструмента и простые примеры использования.
Презентация подготовлена по материалам прошедшего 19.11.2013 витебского митапа (http://meetup.gorodvitebsk.by).
Разработка Web-приложений на Angular JS. Архитектурные семинары SoftengiSoftengi
Разработка Web-приложений на Angular JS — доклад Бориса Левицкого, архитектора ПО в команде портфеля проектов Enviance компании Softengi.
Видео с докладом от автора можно посмотреть по ссылке: http://youtu.be/oTXxrmIxo8Y
Презентация ответит на вопросы:
- что такое Angular?
- для чего он используется и что с ним можно делать?
- как работает Data-Binding?
- кастомные фильтры
- структура Angular приложения
Архитектурные семинары Softengi - еженедельные встречи, на которые приглашаются ведущие разработчики/архитекторы Softengi и других компаний нашего консорциума Intecracy Group.
Все проведенные семинары мы записывали, и теперь хотим поделиться опытом и знаниями с такими же профессионалами.
Подписывайся на канал Softengi https://www.youtube.com/user/softengi и узнай первым о новых семинарах.
http://www.softengi.com
Краткий обзор фрэймворка AngularJS: что это такое и зачем все эти сложности. И сложности ли это вообще.
Презентация подготовлена по материалам прошедшего 19 ноября витебского фронтенд-митапа: http://devowl.org/
В презентации на примере конкретного веб-приложения освещается тема автоматизированного тестирования и важность таких тестов в контексте Continuous Integration/Delivery. Рассмотрены азы работы с Selenium WebDriver'ом, область применения этого инструмента и простые примеры использования.
Презентация подготовлена по материалам прошедшего 19.11.2013 витебского митапа (http://meetup.gorodvitebsk.by).
Разработка Web-приложений на Angular JS. Архитектурные семинары SoftengiSoftengi
Разработка Web-приложений на Angular JS — доклад Бориса Левицкого, архитектора ПО в команде портфеля проектов Enviance компании Softengi.
Видео с докладом от автора можно посмотреть по ссылке: http://youtu.be/oTXxrmIxo8Y
Презентация ответит на вопросы:
- что такое Angular?
- для чего он используется и что с ним можно делать?
- как работает Data-Binding?
- кастомные фильтры
- структура Angular приложения
Архитектурные семинары Softengi - еженедельные встречи, на которые приглашаются ведущие разработчики/архитекторы Softengi и других компаний нашего консорциума Intecracy Group.
Все проведенные семинары мы записывали, и теперь хотим поделиться опытом и знаниями с такими же профессионалами.
Подписывайся на канал Softengi https://www.youtube.com/user/softengi и узнай первым о новых семинарах.
http://www.softengi.com
Реактивный фронтенд фреймворк для людей (Константин Комелин)DrupalYug
Речь пойдет о набирающем обороты фронтенд фреймворке Vue.js, который вошел в ядро Laravel и PageKit, и по популярности начинает догонять React и Angular.
Тезисы:
Куда движется веб разработка
Почему именно Vue.js
Краткое введение в Vue.js
Vue.js как альтернатива jQuery
Как интегрировать Vue.js и Drupal
О докладчике:
Константин Комелин - Drupal разработчик с 9-ти летним стажем, соорганизатор Drupal сообщества в Санкт-Петербурге, автор и контрибьютор нескольких проектов на Drupal.org.
------------------------------------------------------------------------------------------------------------------------------
[[ О КОНФЕРЕНЦИИ ]]
DrupalCamp Краснодар 2016
Время: 9-11 сентября 2016 г.
Место: Кубанский государственный университет. Россия, г. Краснодар, ул. Ставропольская, д. 149
Сайт конференции: http://2016.drupalyug.ru
Сайт Южного Drupal-сообщества: http://drupalyug.ru
------------------------------------------------------------------------------------------------------------------------------
[[ ОРГАНИЗАТОРЫ ]]
* Кубанский государственный университет - https://www.kubsu.ru
* Агентство "SelfinPro" - http://selfin.pro
* Компания "ИнитЛаб" - https://initlab.ru
* и Команда поддержки - http://2016.drupalyug.ru/community/organizers
------------------------------------------------------------------------------------------------------------------------------
[[ СПОНСОРЫ ]]
__Золотой спонсор__
*** PAYANYWAY ***
Прием оплаты на сайте, интернет-эквайринг
Сайт: https://www.payanyway.ru
__Серебряные спонсоры__
* ГРУППА КОМПАНИЙ I20 - http://i20.biz
* EGEEK’S CONTENT - https://www.egeeks.co
__Бронзовые спонсоры__
* Z-Wolves Development
* Vakorin
* ООО "РаДон"
* Компания Портал-Юг
* Веб-студия Voodoo
* Toptal
Подробнее о спонсорах на сайте http://2016.drupalyug.ru/sponsors
Презентация с Харьковского QA Talk: Автоматизация мобильных приложений на базе Appium. Специфика и подходы в автоматизации Web/Native/Hybrid приложений
Рендеринг может больше: vue.js vs React, Андрей СолодовниковDevDay
О том, как перестать вручную контролировать DOM, писать логику навигаций и почему DOM-шаблонизация — это классно, а так же немного самокритики и сравнительных тест-кейсов.
Андрей Стахиевич - Appium Mobile Automation ToolQA Club Minsk
Презентация со встречи QA Club Minsk (адаптированная под Confet QA) 4 декабря 2013 г. "Appium Mobile Automation Tool", автор и докладчик Андрей Стахиевич
Михаил Левин: Автоматизация в мобильном тестированииYandex
Задача автоматизации тестирования мобильных приложений сейчас очень актуальна. Это точка приложения усилий многих команд, которые занимаются мобильными приложениями и разрабатывают фреймворки. В докладе я расскажу о предпосылках возникновения интереса к этой теме и о том, какие инструменты мобильного тестирования сейчас существуют и какие использует Яндекс. Вы узнаете также о проблемах, с которыми мы столкнулись на пути к удобной и дешёвой автоматизации тестирования и о том, какие из них нам ещё предстоит решить.
Мир мобильных телефонов очень сильно изменил нашу жизнь. В наше время невозможно представить современного человека, без этого чудо устройства. На рынке появляется все больше устройств и приложений. И чтобы удобнее пользоваться этими приложениями пользователи выбирают “умные” телефоны, или как их еще принято называть смартфоны. В своем докладе я хочу поделиться своим опытом автоматизации приложений под Android и iOS. Я расскажу о том, какие инструменты автоматизации я использовал. Поговорим о недостатках этих инструментов и какие из них стоит использовать у себя на проекте.
Сергей Морковкин "Разработка realtime SPA с использованием VueJS и RethinkDB"Fwdays
В процессе доклада мы рассмотрим преимущества использования связки VueJS + RethinkDB для создания realtime SPA приложений, построим базовый проект, рассмотрим ключевые особенности VueJS, а также установим socket- соединение с авторизацией.
«Как написать свой первый плагин для JIRA», Александр Кузнецов (StiltSoft, Бе...Mail.ru Group
В докладе речь шла о том, какие первые шаги следует предпринять опытному администратору JIRA при разработке своего первого плагина. Александр рассказал про Atlassian SDK и про её наиболее часто применимые команды, упрощающие жизнь начинающему разработчику плагинов. Была досконально разобрана структура плагина, из каких основных «кирпичиков» он состоит и как эти «кирпичики» объединить в единое целое. В ходе выступления вместе с аудиторией попробовали написать свой первый плагин и запустить его в JIRA.
GTUG Almaty. Dependency Injection в Android Madina Kamzina
Об использовании подхода внедрения зависимостей (Dependency Injection) в разработке Android-приложений. Зачем это нужно и какие преимущества дает. А так же о том, как построить на основе DI гибкую архитектуру приложения.
Ивент здесь: https://plus.google.com/u/0/events/c6bh3b26o29g4k2fom09636fn00
Реактивный фронтенд фреймворк для людей (Константин Комелин)DrupalYug
Речь пойдет о набирающем обороты фронтенд фреймворке Vue.js, который вошел в ядро Laravel и PageKit, и по популярности начинает догонять React и Angular.
Тезисы:
Куда движется веб разработка
Почему именно Vue.js
Краткое введение в Vue.js
Vue.js как альтернатива jQuery
Как интегрировать Vue.js и Drupal
О докладчике:
Константин Комелин - Drupal разработчик с 9-ти летним стажем, соорганизатор Drupal сообщества в Санкт-Петербурге, автор и контрибьютор нескольких проектов на Drupal.org.
------------------------------------------------------------------------------------------------------------------------------
[[ О КОНФЕРЕНЦИИ ]]
DrupalCamp Краснодар 2016
Время: 9-11 сентября 2016 г.
Место: Кубанский государственный университет. Россия, г. Краснодар, ул. Ставропольская, д. 149
Сайт конференции: http://2016.drupalyug.ru
Сайт Южного Drupal-сообщества: http://drupalyug.ru
------------------------------------------------------------------------------------------------------------------------------
[[ ОРГАНИЗАТОРЫ ]]
* Кубанский государственный университет - https://www.kubsu.ru
* Агентство "SelfinPro" - http://selfin.pro
* Компания "ИнитЛаб" - https://initlab.ru
* и Команда поддержки - http://2016.drupalyug.ru/community/organizers
------------------------------------------------------------------------------------------------------------------------------
[[ СПОНСОРЫ ]]
__Золотой спонсор__
*** PAYANYWAY ***
Прием оплаты на сайте, интернет-эквайринг
Сайт: https://www.payanyway.ru
__Серебряные спонсоры__
* ГРУППА КОМПАНИЙ I20 - http://i20.biz
* EGEEK’S CONTENT - https://www.egeeks.co
__Бронзовые спонсоры__
* Z-Wolves Development
* Vakorin
* ООО "РаДон"
* Компания Портал-Юг
* Веб-студия Voodoo
* Toptal
Подробнее о спонсорах на сайте http://2016.drupalyug.ru/sponsors
Презентация с Харьковского QA Talk: Автоматизация мобильных приложений на базе Appium. Специфика и подходы в автоматизации Web/Native/Hybrid приложений
Рендеринг может больше: vue.js vs React, Андрей СолодовниковDevDay
О том, как перестать вручную контролировать DOM, писать логику навигаций и почему DOM-шаблонизация — это классно, а так же немного самокритики и сравнительных тест-кейсов.
Андрей Стахиевич - Appium Mobile Automation ToolQA Club Minsk
Презентация со встречи QA Club Minsk (адаптированная под Confet QA) 4 декабря 2013 г. "Appium Mobile Automation Tool", автор и докладчик Андрей Стахиевич
Михаил Левин: Автоматизация в мобильном тестированииYandex
Задача автоматизации тестирования мобильных приложений сейчас очень актуальна. Это точка приложения усилий многих команд, которые занимаются мобильными приложениями и разрабатывают фреймворки. В докладе я расскажу о предпосылках возникновения интереса к этой теме и о том, какие инструменты мобильного тестирования сейчас существуют и какие использует Яндекс. Вы узнаете также о проблемах, с которыми мы столкнулись на пути к удобной и дешёвой автоматизации тестирования и о том, какие из них нам ещё предстоит решить.
Мир мобильных телефонов очень сильно изменил нашу жизнь. В наше время невозможно представить современного человека, без этого чудо устройства. На рынке появляется все больше устройств и приложений. И чтобы удобнее пользоваться этими приложениями пользователи выбирают “умные” телефоны, или как их еще принято называть смартфоны. В своем докладе я хочу поделиться своим опытом автоматизации приложений под Android и iOS. Я расскажу о том, какие инструменты автоматизации я использовал. Поговорим о недостатках этих инструментов и какие из них стоит использовать у себя на проекте.
Сергей Морковкин "Разработка realtime SPA с использованием VueJS и RethinkDB"Fwdays
В процессе доклада мы рассмотрим преимущества использования связки VueJS + RethinkDB для создания realtime SPA приложений, построим базовый проект, рассмотрим ключевые особенности VueJS, а также установим socket- соединение с авторизацией.
«Как написать свой первый плагин для JIRA», Александр Кузнецов (StiltSoft, Бе...Mail.ru Group
В докладе речь шла о том, какие первые шаги следует предпринять опытному администратору JIRA при разработке своего первого плагина. Александр рассказал про Atlassian SDK и про её наиболее часто применимые команды, упрощающие жизнь начинающему разработчику плагинов. Была досконально разобрана структура плагина, из каких основных «кирпичиков» он состоит и как эти «кирпичики» объединить в единое целое. В ходе выступления вместе с аудиторией попробовали написать свой первый плагин и запустить его в JIRA.
GTUG Almaty. Dependency Injection в Android Madina Kamzina
Об использовании подхода внедрения зависимостей (Dependency Injection) в разработке Android-приложений. Зачем это нужно и какие преимущества дает. А так же о том, как построить на основе DI гибкую архитектуру приложения.
Ивент здесь: https://plus.google.com/u/0/events/c6bh3b26o29g4k2fom09636fn00
Виктор Розаев - Как не сломать обратную совместимость в Public APIMoscowJS
Представьте что у вас есть публичный JavaScript API. Им пользуются сторонние девелоперы от Индии до Канады, чтобы писать свои облачные сервисы. Эти сервисы продают телекомуникационные компании с многомиллиардными оборотами превышающими стоимость вашей компании. Любая остановка сервиса - миллионные убытки. Представили? А нам и представлять не надо - это наша работа. Добро пожаловать в нашу реальность. В рамках доклада мы расскажем о том, как сохранить обратную совместимость при активном развитии и неизвестных пользователях, ну и причем тут вообще интерны.
Solit 2014, Appium. Тестируем гибридные мобильные прирложения в стиле webdriv...solit
Стахиевич Андрей, Минск. Опыт в IT более 5 лет, работает в компании ISSoft, специализируется в разработке (.NET C# ASP\MVC, WPF, WinForm) и автоматизированном тестировании ПО (Web, Desktop, Mobile), автоматизации процессов build и deployment в контексте continuous integration различных проектов.
«Appium. Тестируем гибридные мобильные приложения в стиле Webdriver API». Development секция. Отделение тестирования.
Selenium Webdriver давно известен в кругах QA за счет богатого API, реализованного на многих языках программирования, который вот-вот станет стандартом W3C.
С появлением инструмента Appium можно теперь использовать Webdriver API для автоматизации не только веб приложений, но и нативных, а также гибридных мобильных приложений на платформах IOS и Android.
В докладе планируется следующее:
1. Сказать несколько слов об Appium и его месте среди прочих инструментов для тестирования.
2. Поделиться опытом, приобретенным в процессе коммерческой разработки автоматизации тестирования для гибридного мобильного приложения, построенного на основе PhoneGap и Sencha Touch.
3. Рассказать об особенностях написания тестов, работающих и на Android, и на IOS c помощью Appium и стандартного data driven test решения от Junit и TestNG.
4. Рассказать о запуске тестов распределенно с помощью Appium и Selenium Grid.
«Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver и BrowserMobProxy». Development секция. Отделение тестирования.
В современном вебе высокопроизводительный сайт – это не каприз заказчика, а стандарт, приобретающий все большую популярность. А значит у команды QA прибавилась задача – тестирование производительности приложения. В своем докладе я хотел бы поговорить о том, как собирать данные о производительности веб-приложения, как хранить и анализировать эти данные, а также, как оптимизировать производительность, основываясь на полученных данные.
Давайте поговорим о том, как это можно автоматизировать.
1) Производительность веба. Лучшие практики и стандарты.
2) Производительность на стороне клиента:
- сбор данных по производительности с помощью Selenium Webdriver and BrowserMobProxy;
- хранения, анализ и визуализация данных с помощью HAR Storage;
3) Улучшение производительности:
- рекоммендации по улучшение производительности от Google Page Speed;
Доклад о том, для чего нужен API и как его правильно публиковать, а также, что облегчает жизнь разработчикам и как организована публикация API в Яндексе.
Специфика рендеринга vue.js-приложений на сервере, Алексей КлюевMail.ru Group
– Зачем нужен серверный рендеринг фронтэнд приложению или сайту?
– Какие инструменты стоит применять под задачи проекта?
– Интересные задачи по серверному рендерингу: загрузка данных, разделение сред выполнения кода, и другие.
– На что обращаем внимание при деплое, что замеряем, как анализируем метрики?
Архитектурные решения при создании облачного сервиса на Asp.NetGoSharp
На конференциях часто рассказывают, как хорошо и удобно разрабатывать облачные приложения на той или иной платформе. Однако при реальной разработке возникают вопросы, которые обычно обходят стороной. В докладе я расскажу с какими неочевидными проблемами столкнулся при разработке сервиса под Microsoft Azure, и каким образом эти проблемы были решены.
Мобилизация в Колёсах: от аутсорса до собственной командыVladimir Merkushev
Наш опыт в области разработки мобильных приложений для проектов Колёса и Крыша. Сравнение разработки в команде и с удаленным подрядчиком. Разработка приложений глазами ведущего программиста.
Авторы: Владимир Меркушев и Роман Ли
Как владельцам облачных сервисов выйти на рынок Drupal? (Антон Шлома)DrupalYug
В своём докладе Антон Шлома рассматривает следующие вопросы:
1. Что такое облачные сервисы?
2. Микросервисная архитектура
3. API
4. Какой интерес у сервиса?
5. Целевая аудитория
6. Почему Drupal идеально подходит?
7. Семь шагов к выходу на рынок Drupal.
8. Пример работы с клиентом облачного сервиса, обзор работ и продуктов.
------------------------------------------------------------------------------------------------------------------------------
[[ О КОНФЕРЕНЦИИ ]]
DrupalCamp Краснодар 2016
Время: 9-11 сентября 2016 г.
Место: Кубанский государственный университет. Россия, г. Краснодар, ул. Ставропольская, д. 149
Сайт конференции: http://2016.drupalyug.ru
Сайт Южного Drupal-сообщества: http://drupalyug.ru
------------------------------------------------------------------------------------------------------------------------------
[[ ОРГАНИЗАТОРЫ ]]
* Кубанский государственный университет - https://www.kubsu.ru
* Агентство "SelfinPro" - http://selfin.pro
* Компания "ИнитЛаб" - https://initlab.ru
* и Команда поддержки - http://2016.drupalyug.ru/community/organizers
------------------------------------------------------------------------------------------------------------------------------
[[ СПОНСОРЫ ]]
__Золотой спонсор__
*** PAYANYWAY ***
Прием оплаты на сайте, интернет-эквайринг
Сайт: https://www.payanyway.ru
__Серебряные спонсоры__
* ГРУППА КОМПАНИЙ I20 - http://i20.biz
* EGEEK’S CONTENT - https://www.egeeks.co
__Бронзовые спонсоры__
* Z-Wolves Development
* Vakorin
* ООО "РаДон"
* Компания Портал-Юг
* Веб-студия Voodoo
* Toptal
Подробнее о спонсорах на сайте http://2016.drupalyug.ru/sponsors
Dependency Injection Pattern in JavaScript, Speakers' Corner by Evgeny Dmitri...Ciklum Minsk
Evgeny Dmitriev, Frontend-developer (Ciklum, Minsk)
Presentation topic: «Dependency Injection Pattern in JavaScript» Evgeny will focus on the following aspects of the topic: Service Locator vs DI or how to organize entities interaction? Angular DI, what we have what to expect?
4. Angular?
Cтруктурный фреймворк предназначенный для
построения динамических web-приложений.
Позволяет расширить возможности и синтаксис
существующего HTML.
2014. AngularJS. Anton Gordiichuk
6. Задачи
• расширение возможностей HTML
• создание простой и четкой структуры приложения
• выполнение низкоуровневых задач за Вас
• тесты пользовательских компонентов
• интеграция с другими фреймворками
2014. AngularJS. Anton Gordiichuk
7. Когда целесообразно
использовать?
• rich-ui приложения
• single-page приложения
• REST-oriented приложения
2014. AngularJS. Anton Gordiichuk
9. Доступно из коробки
• двухсторонние связывание данных
• внедрение зависимостей (DI)
• более 60 готовых деректив
• более 25 разнообразных сервисов
• фильтры
• утилиты
2014. AngularJS. Anton Gordiichuk
10. Производительность
Angular создает минимум накладных расходов, и
поэтому в плане производительности находится на
достаточно высоком уровне.
2014. AngularJS. Anton Gordiichuk
16. Внедрение зависимостей
• оператор new
• ссылка на глобальную переменную
• передача зависимости туда где она нужна
2014. AngularJS. Anton Gordiichuk
17. DI в AngularJS
Для управления зависимостями в каждом
AngularJS приложении существует свой сервис
локатор - инжектор.
Задача инжектора - управление жизненным циклом
объектов, внедрение зависимостей.
2014. AngularJS. Anton Gordiichuk
18. Создание и поиск зависимостей
Instance cache Instance factory
$injector.get(‘dep’)
check cache
create new
if no cache
$injector
2014. AngularJS. Anton Gordiichuk
19. Где можно использовать
DI?
• в модулях
• в контроллерах
• в фабричных методах (директивы, сервисы,
фильтры)
2014. AngularJS. Anton Gordiichuk
21. Контроллер?
JavaScript функция с собственной областью
видимости предназначенная для описания бизнес-
логики приложения.
2014. AngularJS. Anton Gordiichuk
23. Для чего НЕ стоит
использовать
контроллеры?
• манипуляций с DOM
• форматирования ввода-вывода
• передачи состояния другим контроллерам
• управления жизненным циклом других
компонентов
2014. AngularJS. Anton Gordiichuk
24. Способы ассоциации
контроллера с $scope
• директива ng-controller
• сервис $routeProvider
2014. AngularJS. Anton Gordiichuk
27. Директива?
Одна с ключевых компонент фреймворка.
Директивы позволяют задавать определенное
поведение элементам к которым они применяются.
2014. AngularJS. Anton Gordiichuk
28. Способы объявления
директив
• HTML тег
• HTML аттрибут
• HTML комментарий
• HTML класс
2014. AngularJS. Anton Gordiichuk
32. Сервис?
Взаимозаменяемые компоненты выполняющие
определенные задачи в рамках web-приложения.
• ленивая инициализация
• одиночка
2014. AngularJS. Anton Gordiichuk
33. Как пользоваться
сервисами?
Очень просто. Передайте сервис как зависимость в
одну из компонент (контроллер, фильтр,
директиву, другой сервис) и система внедрения
зависимостей позаботится об остальном.
2014. AngularJS. Anton Gordiichuk
35. Сервисы AngularJS
Фреймворк поставляется с набором уже готовых к
использованию сервисов. Например $http (работа с
XmlHttpRequest), $route (маршрутизация) и тд.
2014. AngularJS. Anton Gordiichuk
37. Шаблон?
Статическая DOM структура состоящая из HTML,
CSS, а также специальных элементов и атрибутов
которые позволяют AngularJS преобразовать
статические страницы в динамическое web-
приложения.
2014. AngularJS. Anton Gordiichuk
38. В шаблонах можно
использовать
• директивы
• фильтры
• интерполяционный скобки {{ }}
• элементы форм
2014. AngularJS. Anton Gordiichuk