15 сентября 2012 года открылась первая Школа разработки интерфейсов в Москве.

На первый этап было отобрано 40 человек, которые прослушали 31 теоретическую лекцию. Студенты ШРИ узнали про:

  • инструменты разработчика интерфейсов;
  • технологии, используемые в современной фронтенд-разработке;
  • Javascript, CSS, XSLT;
  • виды фреймворков для разработки интерфейсов;
  • дизайн веб-интерфейсов.

37 студентов успешно сдали и защитили экзамен. По результатам экзамена и собеседований на второй этап было принято 22 студента. Все они проходят практику в реальных командах Яндекса, разрабатывающих интерфейсы для Поиска, Карт, Маркета, Почты и других сервисов.

Опубликованные материалы

Frontend
04:00Общий цикл разработкиСмотреть
Разработка
04:00Система ведения задачСмотреть
04:00WikiСмотреть
Administration
04:00Командная строка UnixСмотреть
Frontend
04:00БраузерыСмотреть
Разработка
04:00Редакторы кодаСмотреть
04:00Системы контроля версийСмотреть
Тестирование
04:00ТестированиеСмотреть
Administration
04:00Развёртывание вёрсткиСмотреть
Frontend
04:00HTTP-протоколСмотреть
04:00Механизм работы браузераСмотреть
04:00Кеширование на клиенте и на сервереСмотреть
Information security
04:00Безопасность веб-приложенийСмотреть
Frontend
04:00JavaScript фреймворкиСмотреть
Разработка
04:00Языки программированияСмотреть
Frontend
04:00jQueryСмотреть
04:00БЭМ: история появления, принципы методологии, базовые понятияСмотреть
04:00БЭМ: практикаСмотреть
Дизайн
04:00Дизайн интерфейсовСмотреть
04:00Дизайн глазами разработчикаСмотреть
Frontend
04:00JavaScript: Базовые знанияСмотреть
04:00JavaScript: АсинхронностьСмотреть
04:00CSS: Систематизация базовых знанийСмотреть
04:00Debugger: Отладка кодаСмотреть
04:00Profiler: Профилирование кодаСмотреть
04:00ШаблонизаторыСмотреть
04:00Регулярные выраженияСмотреть
04:00XMLСмотреть
04:00XPathСмотреть
04:00XSLTСмотреть
04:00Транспорт, AjaxСмотреть
Техники программирования
04:00Парное программированиеСмотреть
Frontend
04:00CSS: Селекторы, псевдоклассы. Специфичность и наследованиеСмотреть
04:00CSS: Значения и единицы измерения. Шрифт. Свойства текстаСмотреть
04:00CSS: Основы модели визуального форматирования. margin, padding, border. Цвета и фонСмотреть
04:00CSS: Свободное перемещение и позиционированиеСмотреть
04:00CSS: Списки и генерируемое содержимое. Layouts. At-rulesСмотреть
04:00CSS: Transition. Transfrom. AnimationСмотреть
04:00Code StyleСмотреть
04:00JavaScript: СобытияСмотреть
08:00Клиентская оптимизацияСмотреть

Программа

Инструменты

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

Технологии

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

Языки

  • Обзор языков программирования.
  • JavaScript. Систематизация базовых знаний.
  • Транспорт, Ajax.
  • JavaScript. Асинхронность.
  • CSS. Систематизация базовых знаний. Тонкие моменты.
  • Отладка кода.
  • Профилирование кода.
  • Клиентская оптимизация.
  • Обзор шаблонизаторов.
  • Регулярные выражения.
  • XML.
  • XPath.
  • XSLT.

Фреймворки

  • Виды фреймворков и зачем они создаются.
  • jQuery.
  • БЭМ. Теория.
  • БЭМ. Практика.

Дизайн

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

Правила отбора

Набор в первую Школу разработки интерфейсов завершён.

Чтобы попасть в школу разработки интерфейсов кандидатам необходимо было заполнить анкету c заданием. Задание выглядело следующим образом:

Сверстайте сайт-резюме с ответами на наши вопросы (ответы на вопросы личного характера из разделов «Общие вопросы» и «Опыт разработки» можно заменить на «рыбу»).

Требования:

  1. Страница должна работать в браузерах: Google Chrome 19, Opera 11.64, Firefox 12, MSIE 9, MSIE 8, Firefox 13, Opera 12, Google Chrome 18, MSIE 7. По возможности используйте приёмы безопасной деградации.
  2. Будет плюсом, если вы сверстаете страницу, используя БЭМ-методологию.
  3. Страница должна содержать интерактив, реализованный с помощью js и jquery. На выбор:
    • js, jquery
    • интерактивное оглавление;
    • плавающее меню;
    • «аккордеон» по разделам (свернуть/развернуть);
    • придумайте сами.
  4. Желательно предусмотреть версию для печати.

Разработку необходимо вести на https://github.com/, и в качестве выполненного задания пришлите ссылку на проект.

Анкеты без выполненного задания не оценивались. Отбор проходил с 28 июля по 5 сентября.

FAQ

Я живу не в Москве, могу ли я принять участие в Школе?

Формат нашей Школы предполагает постоянное присутствие слушателей. Если вы готовы самостоятельно переехать в Москву на время обучения, то да. Также вы сможете посмотреть видеозаписи лекций, которые мы выложим после окончания первой части Школы.

Нужно ли что-то платить за обучение?

Нет, не нужно. Школа бесплатная, а во время практики мы даже платим стипендию.

Я не знаю JavaScript, но имею опыт веб-разработки на другом языке (PHP, Ruby, Perl...), смогу ли я попасть в вашу школу?

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

Я не «студент старших курсов или недавний выпускник вуза», смогу ли я принять участие в Школе?

Вы можете заполнить анкету, и мы рассмотрим её наравне с другими.

В какое время проходят занятия?

Занятия теоретического этапа первой ШРИ проходили три раза в неделю:

  • вторник с 19:00 до 21:00
  • четверг с 19:00 до 21:00
  • суббота с 12:00 до 15:00