Previous Entry Share Next Entry
Видео секции технологии на #404fest
edinburgh
sigizmund
Однозначно стоит прочитать всем, кто был на #404fest — и всем тем, кто не смог там побывать в этом году.

Originally posted by dfitiskin at Видео секции технологии на #404fest

Мы организуем фестиваль для себя, но самое досадное — во время фестиваля фактически не остаётся времени послушать доклады. Поэтому я смотрю доклады на видео уже после фестиваля. Сегодня с огромной чашкой чая, и большим блокнотом «посетил» секцию технологии. Далее будут видео и мои заметки.


Тестируем всей командой


Сева Лотошников Software Engineer in Test в компании Google приехал к нам из солнечного Сан-Франциско, чтобы поделиться опытом тестирования систем, который накопился у них в команде:







  • Сева работал над многими проектами, в том числе над моим любимым 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 клик!

  • Цвет фона по умолчанию для блоков, где фон картинкой.

  • Соблюдай гигиену, указывай размеры картинок.


Вообще весь доклад — это сплошной поток мегаполезных простых советов технологам, с примерами. Посмотрите обязательно, и в ту же минуту повысите свой уровень.



?

Log in