Видео секции технологии на #404fest
Мы организуем фестиваль для себя, но самое досадное - во время фестиваля фактически не остаётся времени послушать доклады. Поэтому я смотрю доклады на видео уже после фестиваля. Сегодня с огромной чашкой чая, и большим блокнотом «посетил» секцию технологии. Далее будут видео и мои заметки.
Тестируем всей командой
Сева Лотошников Software Engineer in Test в компании Google приехал к нам из солнечного Сан-Франциско, чтобы поделиться опытом тестирования систем, который накопился у них в команде:
Click to view- Сева работал над многими проектами, в том числе над моим любимым Google Analytics
- Оказывается я иногда делаю именно «претотипы» - это такие прототипы, которые на самом деле ничего не делают, и только притворяется рабочей системой. В Google их используют для тестирования идеи
- В Google не стремятся покрыть тестами проект с нуля. На начальном этапе всё же приоритет на реализацию, и вместо тестировщика берут еще одного программиста. Но главное, вернуться к тестам в нужный момент, пока еще не поздно.
- Google Analytics релизит фронт-энд раз в день! Мужики!
- В среднем, 10-20% времени разработки уходит на тестирование.
- Очень круто мне кажется: «Мы тестируем только там где боимся». Но для этого нужно проводить анализ рисков.
Арсений Заречнев - фронт-енд разработчик в компании Островок.ru. Разрабатывает extranet для тех кто размещает свои отели. Арсений начал с того, что рассказал, почему на фото на сайте волосы у него есть, а сейчас нет.
- Одностраничные приложения без фреймворка похожи на лапшу!
- Backbone выбран исторически. Легкий, простой, MVC.
- Knockout более лучше чем Backbone. Поэтому они использовали их оба!
- Но местами даже Backbone + Knockout не спасают, большие вьюхи, как например расписание доступности номеров на год, реализованы на чистом JS.
Как хорошо что к нам приехали Evil Martians. Андрей Ситник - весело и задорно рассказал что нового случилось в анимации, со времен $.fn.animate(), появившейся в 2006 году.
- Зачем нужна анимация: «Если вы нажмете на звонок, дверь мгновенно исчезнет, и там будет собака, вам это не понравится» ©
- Выбирайте правильную анимацию, соответствующую событию. Аналогие с реальными предметами.
- Анимация в CSS быстрее, умнее, проще.
- Анимация в CSS не работает только в IE ниже 10й версии. Но показывает отличный пример graceful degradation
- Используйте смягчающую функцию
- SASS - лучший препроцессор для анимации
- Жаль что зрители решили поговорить между собой, вместо вопросов Андрею. Признак новизны темы :)
Креативный технолог Анна Селезнёва из CreativePeople делает интернет лучше, и делится опытом.
- Сделать сайт адаптивным не сложно!
- Ширина объектов в % вместо пикселей.
- Масштабирование изображений.
- Медиа выражения в CSS: «если ширина окна меньше 320px, не флоатить сайдбар, а вывести его внизу». Что может быть проще?
- Дизайнеры не любят. Но их можно убедить.
- Главное на сайте - контент. Можно попробовать разрабатывать сайт с самого маленького размера, потом навешивать дополнительные фичи и элементы при работе над большими размерами.
Если вы отправились на конференцию, и решили задать вопрос спикеру, попросите микрофон, и четко проговорите свой вопрос в него. Подумайте о людях, которые смотрят доклад в записи.
Технолог тоже дизайнер 2
Артём Поликарпов, теперь уже бывший технолог Дизайн-бюро Артёма Горбунова, продолжает свой рассказ про то как быть хорошим технологом.
- Зоны ховера могут и должны быть больше объекта! Похоже я мог стать технологом :)
- Автофокус в поля ввода - минус 1 клик!
- Цвет фона по умолчанию для блоков, где фон картинкой.
- Соблюдай гигиену, указывай размеры картинок.
Вообще весь доклад - это сплошной поток мегаполезных простых советов технологам, с примерами. Посмотрите обязательно, и в ту же минуту повысите свой уровень.