Разработка интерфейсов — одно из важнейших направлений в Яндексе, сервисами которого пользуются миллионы людей. А ни один российский вуз, к сожалению, не готовит разработчиков интерфейсов. Все знания, которые необходимы современному верстальщику или фронтенд-программисту, приходится черпать из статей в Интернете, книг, докладов на конференциях. Но зачастую этого бывает недостаточно. Почти каждого нового разработчика интерфейсов, которого мы принимали на работу, приходилось многому обучать.
За долгое время работы в Яндексе нам удалось систематизировать все наши знания и огромный опыт в создании фронтенда веб-сервисов. Результатом этого осмысления и длительной работы стала первая Школа разработки интерфейсов, занятие которой шли в московском офисе Яндекса. Вся практическая часть обучения проходила в реальных проектах Яндекса. Теоретическая же состояла из лекций, которые читали ведущие разработчики интерфейсов Яндекса: veged, mishanga, doochik, azproduction и другие.
Сегодня мы выкладываем видеозаписи каждой из них. Весь курс систематизирован и поделен на пять блоков: инструменты разработки, технологии в разработке интерфейсов, языки программирования, фреймворки, дизайн.
Инструменты разработки
- Общий цикл разработки интерфейсов
- Система ведения задач (Task tracker).
- Документирование (Wiki)
- Парное программирование
- Code Style
- Браузеры
- Редакторы кода
- Командная строка Unix
- Cистемы контроля версий
- Тестирование
- Развертывание вёрстки на сервера
Технологии в разработке интерфейсов
Языки программирования
- Обзор языков программирования
- 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
Фреймворки
Дизайн
По итогам курса 20 выпускников Школы стали нашими коллегами, и теперь работают над интерфейсами сервисов, которыми пользуются почти все российские интернет-пользователи. Вторая Школа открывается 2 февраля в симеферопольском офисе Яндекса, где работает vithar. Ближе к лету этого года мы планируем начать набор на третий поток обучения, которое снова будет проходить в Яндексе в Москве.
Автор: vtenity
