Видео лекций всего курса первой Школы разработки интерфейсов Яндекса

Разработка интерфейсов — одно из важнейших направлений в Яндексе, сервисами которого пользуются миллионы людей. А ни один российский вуз, к сожалению, не готовит разработчиков интерфейсов. Все знания, которые необходимы современному верстальщику или фронтенд-программисту, приходится черпать из статей в Интернете, книг, докладов на конференциях. Но зачастую этого бывает недостаточно. Почти каждого нового разработчика интерфейсов, которого мы принимали на работу, приходилось многому обучать.

За долгое время работы в Яндексе нам удалось систематизировать все наши знания и огромный опыт в создании фронтенда веб-сервисов. Результатом этого осмысления и длительной работы стала первая Школа разработки интерфейсов, занятие которой шли в московском офисе Яндекса. Вся практическая часть обучения проходила в реальных проектах Яндекса. Теоретическая же состояла из лекций, которые читали ведущие разработчики интерфейсов Яндекса: veged, mishanga, doochik, azproduction и другие.

Сегодня мы выкладываем видеозаписи каждой из них. Весь курс систематизирован и поделен на пять блоков: инструменты разработки, технологии в разработке интерфейсов, языки программирования, фреймворки, дизайн.

Инструменты разработки

• Общий цикл разработки интерфейсов
• Система ведения задач (Task tracker).
• Документирование (Wiki)
• Парное программирование
• Code Style
• Браузеры
• Редакторы кода
• Командная строка Unix
• Cистемы контроля версий
• Тестирование
• Развертывание вёрстки на сервера

Технологии в разработке интерфейсов

• HTTP-протокол
• Механизм работы браузера
• Кеширование на клиенте и сервере
• Безопасность веб-приложений

Языки программирования

• Обзор языков программирования
• JavaScript: Базовые знания
• Транспорт, Ajax
• JavaScript: Асинхронность
• JavaScript: События
• CSS: Систематизация базовых знаний
• CSS: Селекторы, Псевдоклассы. Специфичность и наследование
• CSS: Значения и единицы измерения. Шрифт. Свойства текста
• CSS: Основы модели визуального форматирования. margin, padding, border. Цвета и фон
• CSS: Свободное перемещение и позиционирование
• CSS: Списки и генерируемое содержимое. Layouts. At-rules
• CSS: Transition. Transfrom. Animation
• Debugger: Отладка кода
• Profiler: Профилирование кода
• Обзор шаблонизаторов
• Регулярные выражения
• XML
• XPath
• XSLT

Фреймворки

• JavaScript-фреймворки
• jQuery
• БЭМ: Теория
• БЭМ: Практика

Дизайн

• Дизайн интерфейсов
• Дизайн глазами разработчика

По итогам курса 20 выпускников Школы стали нашими коллегами, и теперь работают над интерфейсами сервисов, которыми пользуются почти все российские интернет-пользователи. Вторая Школа открывается 2 февраля в симеферопольском офисе Яндекса, где работает vithar. Ближе к лету этого года мы планируем начать набор на третий поток обучения, которое снова будет проходить в Яндексе в Москве.