Road to Yandex (Школа разработчиков интерфейсов 2015)
Привет! Как сказал Михаил Трошев (Яндекс):
Лучше потратить 2-3 месяца на эффективное плотное структурированное обучение, чем 2-3 года (если повезет) на самообучение и хардкорный гуглинг.
Хватит хардгуглинга! Я достиг той точки, когда морально готов к настощим знаниям и личному росту.
Теперь мне нужно набрать достаточный уровень и базу, что бы пройти отбор в Школу Разработчиков Интерфейса (ШРИ) от Яндекса.
Что для этого потребуется:
- Подучить всякие штуки для заданий
- Выполнить 3 задания
- Выложить их на гитхаб
- Заполнить анкету
- Отправить заяву до 16 августа
Goal Accomplishment Criteria
Отправил заявку на участие в ШРИ
Personal resources
Знания, время, желание, упорство, гибкость, понимание, сообразительность, мечта, вдохновение
Goal ecological compatibility
Я хочу сделать этот важный и большой шаг в моей карьере. Это то, что помогло бы стать настоящим профессионалом.
-
Первое задание (Задание #3) Плеер WebAudio API
Создайте с помощью WebAudio API плеер, который:
- умеет открывать аудиофайлы (поддерживаемых браузером форматов) с локального диска;
- поддерживает drag'n'drop;
- имеет кнопки play и stop;
- выводит название проигрываемого файла;
- умеет отображать хотя бы один вариант визуализации (waveform или spectrum);
- работает в Яндекс.Браузере, Safari, Chrome, Firefox.
Дополнительно реализуйте возможность:
- выбора настройки эквалайзера (pop, rock, jazz, classic, normal);
- вывод названия песни и исполнителя из метаданных аудиофайла.
-
WebAudio API - что эта такое вообще?
-
Плеер воспроизводит музыку
-
Плеер принимает пользовательские файлы
-
Плеер drag'n'drop
-
play & stop
-
Название файла
-
Кроссбраузерность
-
Визуализация N2
-
Эквалайзер
-
Визуализация
-
Второе задание (Задание #1) Сверстать онлайн-табло аэропорта
Задание №1Сверстайте табло аэропорта. На нём должны быть представлены следующие данные:
- тип рейса (вылет/прилёт; например это может быть иконка);
- номер рейса;
- авиакомпания;
- логотип авиакомпании;
- тип воздушного судна;
- аэропорт назначения;
- плановое время вылета или прилёта;
- статус рейса (для вылетающих: регистрация, ожидание посадки, посадка закончена, вылетел; для прилетающих: по расписанию, летит, приземлился; для всех: задерживается до HH:MM, отменён);
- примечание (например, информация о код-шеринге с другими авиакомпаниями).
В качестве источника можно использовать данные онлайн-табло любого аэропорта мира.
Дизайн оформления выберите на своё усмотрение, при этом необходимо реализовать следующее:- по наведению курсора на определённое место в табло контрастным цветом выделяются соответствующие строка и столбец;
- нечётные строки табло темнее чётных;
- количество отображаемых данных по высоте больше высоты экрана, при прокрутке заголовок таблицы приклеивается к верхней части видимой области окна браузера;
- при изменении ширины экрана браузера в табло автоматически скрываются и/или сокращаются значения наименее важных столбцов (например, при ширине 1000 пикселей вы показываете всю таблицу, при ширине 900 пикселей — убираете название авиакомпании, оставляя только логотип, 800 пикселей — сокращаете название воздушного судна (Boeing 737-800 -> B737) и так далее);
- в дополнение к предыдущему пункту сделайте так, чтобы по клику на соответствующую строчку в выплывающем окне показывались все данные рейса;
- два чекбокса над самим табло: прилёт и вылет, по нажатию показываются только соответствующие рейсы.
Плюсом будет, если вам удастся реализовать табло без JavaScript.
-
Скелет таблоши
-
по наведению курсора на определённое место в табло контрастным цветом выделяются соответствующие строка и столбец;
-
нечётные строки табло темнее чётных;
-
количество отображаемых данных по высоте больше высоты экрана, при прокрутке заголовок таблицы приклеивается к верхней части видимой области
-
при изменении ширины экрана браузера в табло автоматически скрываются и/или сокращаются значения наименее важных столбцов (например, при шир
-
в дополнение к предыдущему пункту сделайте так, чтобы по клику на соответствующую строчку в выплывающем окне показывались все данные рейса;
-
два чекбокса над самим табло: прилёт и вылет, по нажатию показываются только соответствующие рейсы.
-
реализовать табло без JavaScript.
-
Третье задание (Задание #2) API Подсчет численности
Существует API, которое умеет отвечать по трём URL: /countries, /cities и /populations. Клиентское приложение подсчитывает численность населения в Африке. Запросы друг от друга не зависят. Чтобы браузер пользователя не простаивал, клиентскому приложению важно уметь делать все три запроса одновременно. Реализацией API является функция getData(url, callback), которая принимает строку с URL запроса и функцию обратного вызова. В случае ошибки в callback первым аргументом будет передана строка ошибки, в случае успеха вторым аргументом будет передан ответ API.
Вам досталась реализация клиентского приложения, которое должно решать описанную выше задачу. Но в коде приложения есть ошибки, из-за которых фактический результат работы отличается от ожидаемого. Сам код здесь.
Как должно быть: приложение выводит в консоль суммарную популяцию в Африке.
Как на самом деле: приложение не выводит в консоль ничего.-
Найти ошибку
-
Исправить
-
Описать как она могла появиться и почему, как её исправить
-
Новая функция:
-
Вывод диалога
-
Подсчет численности по стране
-
Подсчет численности по городу
-
-
Выложить все на гитхаб
Залить в репозитории через гит
-
Задание #1
-
Задание #2
-
Задание #3
-
-
Заполнить анкету
-
Общие вопросы
-
Расскажите о вашем опыте разработки.
-
Расскажите о своих должностных обязанностях. Доводилось ли вам работать в команде?
-
С какими ОС вы работали?
-
какими программными продуктами вы пользуетесь — от редактора до специализированных утилит
-
Пользуетесь ли вы командной строкой? Если да, то какие задачи решаете и с помощью каких команд? С какими программами вы чаще всего взаимодей
-
Conclusion
Итак, цель провалена досрочно. Почему? Три причины провала, а так же что я узнал, пытаясь добиться цели, можно прочитать ниже. Но для начала, немного контекста. (ВНИМАНИЕ, ПРИНОШУ ИЗВИНЕНИЯ ЗА БОЛЬШОЕ КОЛ-ВО БУКВ, Я НАД ЭТИМ РАБОТАЮ)
Меня зовут Фома и мне 21 год. У меня есть семья: одна жена, два ребёнка, два кота. Я работаю хорошим вебмастером в плохой фирме. Я подрабатываю, делая средненькие сайты. Я хочу стать лучше и сделать лучше мир. ШРИ Яндекс для меня - это воплощение моих стремлений на данный момент, моя мечта. В будущем, хочу заниматься созданием социальных веб - сервисов.
Ну а теперь причины провала:
1. У меня недостаточно опыта
Окей, я знаю что такое JavaScript и БЭМ. Но я никогда этим всем не пользовался, по - настоящему . Передо мной много умений, базовых, которые я еще не изучил и не применял. Погуглить какие-то вещи и пройти вступительный тест в ШРИ - не проблема. Но какой в этом смысл, если мои знания не имеют основания. Мой путь в настоящий профессионализм только начался, и поэтому моих навыков недостаточно для того, что бы получать знания более высокого уровня. По сути, есть довольно солидный объем базовых знаний, которыми я пока не обладаю, ознакомиться можно тут: http://simp.ly/publish/VdTwDL
2. У меня нет на это времени
Если нужно - время всегда найдется. В конце концов, можно поспать чуть меньше и сделать чуть больше. Но это не совсем мой вариант - свободного времени у меня, как оказалось, действительно не так много, как хотелось бы.
3. Эта цель не является приоритетной
Это важный момент - целесобразность. Для меня важнее выполнить текущую работу (которой очень много), научиться пунктам из списка выше. ШРИ яндекса стоит не первым пунктом в моих приоритетах, поэтому выполнить эту цель не является возможным, без закрытия других моих целей (считай работы). На данном этапе, я стараюсь совмещать учёбу и работу. Да, я бы мог подать заявку в ШРИ, но зачем? Мне нужны знания, а не галочка напротив цели.
Главный опыт,
который я получил от моего провала - это опыт работы со временем.Поразительно, как настоящее время отличается от мысленного. Я понял, что могу делать больше, и одновременно с этим, я научился лучше чувствовать свои лимиты. Я стал использовать несколько инструментов, для оптимизации моего времени и моей продуктивности. И я уже наблюдаю результат. Оценив мои временные затраты со стороны, я понял, что занимаюсь не тем, чем следовало бы. Я действительно много чем занят, но не все дела одинаково полезны. Теперь я тщательнее выбираю свои занятия. Таким образом, в процессе работы над целью, я получил гораздо более важный опыт - опыт работы с моим временем и со мной лично) Надеюсь, мои новые навыки помогут мне быть готовым к ШРИ в следующем году
Весь мой полученный опыт пришел к вот этой вот цитате:
“Недостаточно быть просто занятым... Вопрос в том, чем ты занят?” — Henry David Thoreau
Вот и я, не то что пересмотрел, увидел, чем я занят и наметил путь, по которому я хочу следовать. Есть еще много вопросов, на которые нужно ответить, но я продолжаю следовать мечте - создавать свои веб-сервисы, так что курс есть.
Хочу сказать спасибо моему единственному читателю Nikita Nikler, благодаря ему, у меня появились новые идеи и новые возможности. Вообще, социальность - крутая штука. Так же большое спасибо всем, кто это прочитал - букв и вправду много) Love&Peace!
Goal diary
Нашел статью из цикла яндекса:
Сейчас по ней делаю плеер + несколько других статей, что бы лучше можно было разобраться что к чему:
http://www.html5rocks.com/en/tutorials/webaudio/in...
Вот тут более полный список доступных возможностей API:
https://developer.mozilla.org/en-US/docs/Web/API/W...
Мой плеер будет тут:
Он уже воспроизводит музыку!)
WebAudio API - это - высокоуровневое JavaScript API, т.е. представляет множество готовых функций, свойств и методов и, по сути, работать с этим можно без глубоких знаний устройства интернета. Что я и начну, возможно, в процессе мне станет яснее, а сейчас попробую решить задачу без долгой подготовки - все же время у меня ограничено.
РЕБЯТА! Очень важное изменение!
Я знаю, до этого вы не читали мои записи. Я вас понимаю - смысл читать продвижения пустого проекта?
Но проект ВНЕЗАПНО ИЗМЕНИЛСЯ! Сегодня, решив, наконец то, открыть первую лекцию, я увидел, что НАБОР УЖЕ ОТКРЫТ! А обещали письмо прислать, надо "спам" проверить(
Уже есть 3 задания. Из которых выполнить я могу лишь полтора. Так что сконцентрируемся сейчас на изучении того, с чем я раньше не встречался. Поэтому я изменил порядок: начну с того, что не знаю совсем, потом то, с чем мне бы хотелось повозиться и закончу тем, что я знаю лишь поверхностно.
Вы скажите мне: "Фома, куда тебя понесло?! Тыжничегонезнаешь!" Мой ответ будет следующий: "Я учусь и хочу учиться дальше. Я не рассчитываю, что меня возьмут, но я знаю, что я получу хороший опыт и знания."
Просьба всех интересующихся не стесняться и писать, будем вместе решать проблемы!)
Всем удачи!
Фома ,у тебя все получится! Главное - верь в себя)
Яндексоиды любят тех ,кто хочет развиваться и учиться ,и они делают ставку именно на этом при отборе.
Покажи им ,что у тебя есть желание. Покажи им ,что ты интересуешься их проектами.
Я где-то слышал ,что они сравнивают результаты домашек в начале курсов и где-то ближе к концу первой части (до второй части не все добираются) .И смотрят они именно на то ,насколько ты смог улучшить свои навыки и знания. Если разница есть ,если ты активно применяешь новые технологии ,о которых не знал раньше ,то это огромный плюс. Это лучше ,чем если ты владеешь какой-то одной технологией хорошо ,и на протяжении всего обучения все клепаешь на одном и том же языке.
Так что обучайся ,прогрессируй и показывай им это))
Удачи тебе!
Двадцать первое июля. Третья неделя.
А воз и ныне там. На самом деле небольшие (микроскопические) подвиги есть. Но это уже лучше, чем ничего.
Конкретно: благодаря @Nikita Nikler я узнал какие темы можно пропустить. А так же понемногу оптимизирую свое время, свои дела. Понемногу узнаю про фронтэнд. Но к курсам яндекса это пока мало относится.
Может быть кто-нибудь знает как делать дела быстрее и успевать больше? Я уверен, здесь есть какой-то секрет!) Например, я открыл недавно, что многие дела занимают совсем не то время, которое тебе кажется.
Маленькие дела, которые обычно откладываешь, например написать комментарий в дневник цели, занимают гораздо меньше времени, чем могло показаться (всего 10 минут), а какие-та фигня по работе гораздо больше. Первый момент меня радует. А второй нет.
Хотелось бы прокачать свой таймменеджемент до уровня БОГ.
Четырнадцатое число. Вторая неделя.
Что я сделал за это время? У меня было немного свободного времени и я сделал список лекций с первой ШРИ 2012 в Москве. Вот он:
Тут перечислены лекции в хронологическом порядке.
Наверное, не слишком полезный список, но у меня душа лежит к подобному упорядочиванию.
Конечно, пока никакого реального продвижения в учебе, но я постоянно об этом думаю. Буду стараться закончить важную работу на этой неделе, что бы времени было чуть больше.
07.07.2015 Вторник
Сегодня пришло уведомление-напоминание на почту.
А что, уже неделя прошла?
Я не сдвинулся ни на шаг. Всё потому, что много работы. А ведь от неё не отмажешься. Даже если бы были дополнительные часы - я бы потратил их на работу, сейчас это приоритет минус один. Минус один, потому что я уже просрочил всё, что можно было. Нечестно это.
