Описаны причины необходимости имитации работы серверной части в автоматизации тестирования. Приведены примеры использования инструментов, возможности которых позволяют имитировать в web-приложениях получение ответа от сервера.
JavaScript завтра / Сергей Рубанов (Exante Limited)Ontico
За последние несколько лет в мире js-разработки особое внимание получили такие проекты как AtScript, TypeScript, SoundScript, Flow, Traceur, Babel, каждый из которых пытается предоставить разработчикам некую "улучшенную" версию JavaScript. Комитет TC39 также стал очень активен и разработал стратегию развития стандарта ECMAScript с более частыми релизами. Движки JavaScript стремительно приближаются к полной поддержке ES6. Огромное количество JS-фреймворков и библиотек выбирают следующую версию стандарта уже сегодня. Это означает, что необходимо уже сегодня обратить внимание на происходящее в мире JavaScript-разработки и разобраться, что ждет язык завтра.
В своем докладе я постараюсь дать ответы на следующие вопросы:
- почему такие фреймворки и библиотеки как Angular, Ember, React начали активно и кардинально меняться;
- почему новая версия стандарта языка ES6 так долго внедряется вендорами браузеров и как TC39 решил ускорить процесс стандартизации и внедрения последующих версий ECMAScript;
- почему CoffeeScript больше не "just JavaScript", и действительно ли он сделал такой значимый вклад в следующую версию JavaScript;
- почему были созданы AtScript, TypeScript, Flow, чем каждый из них отличается от остальных, и как они влияют на дальнейшее развитие JavaScript;
- что такое Strong Mode и SoundScript;
- как начать писать ES6+ код уже сегодня.
Scrum глазами тестировщика или как создать стратегию для любой задачиIT61
Елена Кузнецова, QA engineer в VIAcode
https://vk.com/nedotroga401
Как я попала в scrum-команду и это изменило мое представление о тестировании и разработке программного обеспечения. Я расскажу как заменить чек-листы стратегиями, что диаграммы связей - это не страшно, почему общаться с клиентом каждый день - здорово, а четкие требования не сделают продукт лучше.
Иван Воищев, Мануфактура, Воронеж
О том, как мы жили до БЭМа и к чему пришли с ним, как искали инструменты для решения задач команды и почему выбор пал на полный стек БЭМ-технологий. Рассказ будет проиллюстрирован примерами из жизни на основе выполненных проектов и опытом использования готовых решений, кодом из собственных библиотек и краткими рекомендациями, с чего начать. В конце подытожим: что изменилось в команде и как теперь мы смотрим в будущее.
bem-components — от методологии до full stack платформыYandex
Мало кто знает, но Яндекс – это не только Поиск. Больше десяти лет Яндекс делает разные интернет-сервисы: Карты, Почту, Директ, Музыку, Авто и так далее. В процессе их разработки был приобретён опыт, который мог быть полезен другим веб-разработчикам. Большое количество примеров из реальной практики побудило нас 10 лет назад придумать методологию БЭМ. Спустя 5 лет мы поделились ей с вами, вынеся в open source, вместе с инструментами и библиотекой блоков.
Сейчас БЭМ — не просто свод правил про CSS и набор инструментов. Это открытая full stack платформа, у которой есть пользователи далеко за пределами Яндекса и СНГ. В докладе мы расскажем про эволюцию БЭМ: от методологии до полноценной платформы. Речь пойдёт об использовании полного стека БЭМ-технологий, о переходе к серверному JavaScript и автоматизации разработки. Мы поделимся нашими библиотеками блоков bem-core и bem-components, которые позволяют быстро собрать качественный интерфейс как из конструктора «Лего».
На РИФ-Воронеж Владимир Гриненко и Елена Джетпыспавеа подробно рассказали, зачем БЭМ пошел в опенсорс, как прошел путь от методологии до full stack платформы и чему научились за это время, а также показали наших пользователей в лицо и поделились интересными уроками, которые вынесли, и которые помогут вам в разработке ваших продуктов. Обещаем много интересных подробностей.
Преимущества компонентной разработки для тестирования интерфейсовYandex
Мы строили-строили. Мы тестировали-тестировали. Мы писали документацию. Некоторые из вас принимали в этом активное участие и уже пользуются плодами работы. Теперь мы хотим поделиться нашими совместными результатами (19 готовых блоков!), рассказать о том, как вы можете ускорить разработку своих проектов, о том, что ждёт впереди, и о том, какие преимущества компонентной разработки для тестирования интерфейсов существуют.
BEM for JavaScript
Vladimir Grinenko at CampJS III, Melbourne, Australia
Abstract
Introducing BEM Block Libraries — a set of blocks build on top of same ideas that inspired Web Components creators but long long time ago. Being developed in 2008 by Yandex, Russian Search Engine, they are very helpful in building websites fast and flexible. Why so? Because of the years of experience put in them while working in large rapidly changing services.
Unfortunately it is very well known only here in Russia and ex-Soviet countries, where, thanks to Harry Roberts and Nicolas Gallagher, so-called BEM CSS is spread far ahead in the rest of the world. With this talk we aim to share what we have in BEM Methodology to cover JS coding with and introduce Australian developers to a new chapter in BEM, partly not always easy to understand, open-sourced and handy for maintaining complexity of web development you could grow in.
Speaker's biography
Vladimir Grinenko is a web developer with more than 10 years of fronted experience and a deep expertise in HTML5, CSS3 and JavaScript. He works for Yandex, Russian Search engine, and leads a team that develops BEM technologies. He also evangelizes a lot both in Russian and English and gives live coding sessions as well as maintains and contributs to few opensource projects. His area of speaking experience includes such topics as BEM technologies, large scale web sites architecture, modular frontend applications development, etc.
Вебинар для тех, кто только начинает знакомиться с БЭМ. Необходимы базовые знания HTML и CSS, понимание общих процессов веб-разработки.
В ходе вебинара мы на практике разобрали основы методологии БЭМ, посмотрели на типичные ошибки верстки и их решения, научились верстать по БЭМ с помощью текстового редактора и браузера.
Содержание вебинара
Что такое БЭМ - Методология и платформа - Преимущества методологии - Независимые блоки - БЭМ и WebComponents
БЭМ и верстка - Разбиение интерфейса на блоки и элементы, использование модификаторов - Типичные ошибки верстки и решения проблем
Файловая система - Расположение блоков в файловой системе - Уровни переопределения
Вебинар по БЭМ: сборка и оптимизация проектаYandex
Содержание вебинара
Краткий повтор: основы методологии БЭМ и именование сущностей в CSS, HTML и файловой системе.
Сборка БЭМ-проекта с помощью Gulp:
сборка блоков в технологии CSS и изображений;
сборка только нужных блоков, используемых в html-файлах;
оптимизация рабочего процесса с помощью browser-sync и postCSS.
Автоматизация рутинной работы с помощью командной строки.
Видео https://events.yandex.ru/events/bemup/30-april-2015/
We are all familiar with the common interface development process which is:
* first, preparing an interface layout by a designer;
* then, making an HTML/CSS dummy;
* next, adding some JavaScript tricks with a help of JavaScript ninja;
* and, finally, having a server guy operating on templates and doing all the integration stuff.
Even while sometimes all these things are done by the same person, these are different roles and different project stages, and you switch from stage to stage to complete the development cycle.
When looking for performance gains, people often try to achieve that by changing the way the process is managed.
This presentation is about is a completely different approach which changes development from within. The goal is to convert a flat process with distinct stages into a continuous, uninterrupted development flow.
You can achieve this by decomposing a web interface into independent pieces (the so-called blocks), once and for all, and use them to build interfaces the same way bricks are used to build a house.
Thus, each of these interface components can be developed separately, which allows maintenance, refactoring and redesign to happen simultaneously on different interface parts, whenever necessary. You are not tied to a specific stage of project development anymore.
To make this happen, there are several principles you can follow:
1. Special project file structure, where files are stored the way the whole project can be built from components;
2. CSS guidelines that allow an interface piece to fit anywhere on any page without affecting other pieces;
3. In JavaScript, your functionality can be described in a highly semantic way usually unavailable with any other common approach.
All this magic is called BEM, which stands for Block, Element, and Modifier.
With my presentation, this technology will be revealed in greater detail, and magic explained bit by bit.
Александр Баумгертнер — Преимущества БЭМ для небольших проектов и компанийYandex
БЭМ хорош не только для крупных проектов и больших команд. БЭМ — не про именование CSS-классов и i-bem. Он вполне подходит для прототипирования. В докладе пойдет речь о библиотеке для создания основных блоков (форма регистрации, список новостей и статей, категория товаров, карточка товара, форма заказа и т.д.), сборке статичной html-версии сайта и практике разработки.
Situation 1:
- Perform automated regression, localization, and compatibility testing to reduce costs and ensure quality across regions
- Use IBM Jazz for test management to leverage customer experience and coordinate testing between onsite and offshore teams
- Conduct performance and security testing to ensure mobile and international capabilities meet requirements
Situation 2:
- Perform risk-based testing focusing on integration points and migrated components to address interdependencies
- Consult stakeholders to define clear acceptance criteria addressing priorities and risks
- Propose automated regression to continuously validate system as other components are developed
Situation 3:
- Conduct load, stress, and failover testing
Александр Русаков - TypeScript 2 in actionMoscowJS
В докладе речь пойдет об основных нововведениях TypeScript 2.0 и 2.1 (literal types, discriminated unions, mapped types...) и их использовании в реальных проектах.
Reveal.js is an HTML presentation framework that allows users to create beautiful presentations using HTML. It has features like vertical slides, nested slides, Markdown support, different transition styles, themes, slide backgrounds, images, video, tables, quotes, and linking between slides. Presentations can be exported to PDF and custom states and events can be triggered on each slide. The framework is touch optimized and works on devices like mobile phones and tablets.