Как мы делали Antida Frontend School

Вопрос “Как спроектировать курс и программу обучения?” совсем не тривиальный. Даже учитывая многочисленность подобных курсов, всегда есть особенности, из-за которых нельзя просто так взять и скопировать. Мы хотим поделиться опытом, как мы разрабатывали учебную программы для frontend-школы, какие цели преследовали и что у нас в итоге получилось.

Индикация процесса загрузки страниц и AJAX-запросов

На одном из наших проектов мы попробовали очень интересную библиотеку Pace.js. Достаточно подключить JS/CSS файлы и Pace автоматически будет следить за загрузкой страниц и всех AJAX-запросов, длительностью больше N мсек, и показывать индикатор загрузки.

То, как выглядит индикация загрузки, определяется темой. Pace позволяет гибко его конфигурировать, указывать как следить, за чем следить и т.д. Описание конфигов можно найти в документации.

JavaScript-контрол для добавления тегов

Работая над обновлением движка тегов на Pixound, я разработал простенький javascript-контрол для добавления тегов, например, для описания разных музыкальных стилей.

Этот проект я положил на Github и сейчас чуть-чуть о нем расскажу.

Шаблон Deferred Object

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

Cross tab communication на javascript

Разрабатывая функционал плеера на Pixound, мне нужно было реализовать следующий сценарий: когда пользователь начинает проигрывать трек на одной вкладке, то проигрывающийся трек на другой вкладке должен ставиться на паузу. Как решаются подобные задачи я расскажу в этой заметке.