Работа в Москве, фуллтайм, от 70000 до 90000

[Necros]

Компания ООО "Снегов" приглашает на работу талантливого фронтэндера. Мы занимаемся сайтом Человече:
http://www.cheloveche.ru/
И игрой Коррупция:
http://www.cheloveche.ru/corruption/
У нас планируется также суперсекретный третий проект.

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

Требования к кандидату:

Возраст: без ограничений
Пол: без разницы
Образование: не важно
Главное: опыт от года, отсутствие страха при взгляде на список требований и тестовое задание, выполнение вышеназванного, уверенность в себе на собеседовании.
Категорически приветствуется чувство юмора, здоровый перфекционизм, знание HTML, CSS, JavaScript и чего-нибудь из Ruby, Python, PHP или Perl, умение читать по-английски и чёткая дикция по-русски, опыт и/или желание работы в команде.

Помимо этого, станут большим (просто огромным) бонусом знание следующих слов (и, желательно, их значений):

• Redmine, Trac, FogBugz, JIRA, Acunote, Мегаплан… Опыт в любой подобной системе станет прекрасным доказательством ваших навыков командной работы.
• Git. Или, хотя бы, SVN. И в целом, VCS.
• MVC и ООП. Или хоть что-то из двух.
• RIA, Comet, Socket. А если Вы написали какое-нибудь RIA самостоятельно, то Вы уже почти приняты.
• Веб-фреймворк. В частности, Ruby on Rails, Django, Symfony, Zend — представление о том, как они работают, даёт 100 очков.
• JS-фреймворк. Если вы писали что-нибудь сложнее TODO-приложения на Sammy.js, Backbone.js, Spine.js, Knockback.js, Broke.js, Fidel.js, Ember.js (SproutCore 2.0), JavaScriptMVC, Ext JS, KnockoutJS, AngularJS, YUILibrary или чём-то подобном, срочно приезжайте. Или мы приедем за вами.
• CSS-фреймворк. Blueprint или Compass станут отличными компаньонами для Вас на собеседовании.
• HTML-шаблонизаторы. Haml, Slim, ERB (Erubis), Twig, Smarty, Jinja2, Jade, Moustache, Textile, Markdown… Да даже просто Wiki сослужит Вам хорошую службу.
• CoffeeScript. Мы так любим кофе. Чего и вам желаем.
• DSL для CSS. Sass, Scss, Less — будет прекрасно понимание механизмов работы mixin, CSS-переменных и прочих кавайных вещей.
• Инструментарий JavaScript. jQuery, Prototype или что-то подобное знать настоятельно рекомендуется. Кроме случая, когда Вы — Гуру низкоуровненого JS, и пишете код, совместимый со всеми браузерами, вплоть до Netscape Gold и IE4 включительно.
• Node.js. Будет просто круто, если вы писали что-нибудь на нём и на Express, Geddy, Autodafe или чём угодно схожем. Очень, очень круто.
• JSON — нужно понимать его с полускобки. YAML тоже не будет лишним. XML подразумевается.
• TCP/IP, DNS, HTTP (S), SSH… Нет, сисадмин нам не нужен. Но такие знания не будут лишними и для веб-технолога. Как минимум стоит понимать отличия URL от URI и иметь представление о REST.
• DOM, XHTML, DHTML. Понимание этих понятий станет таким же существенным плюсом, как и способность назвать 10 отличий между Strict и Transitional будучи разбуженным посреди дня. Посреди 1 января.
• SEO. Ваша великолепная вёрстка должна быть приятна не только людям и валидаторам, но и (а может, и в первую очередь) поисковикам.
• Web 1.0/2.0 — знать и понимать, что это такое. Web 3.0 — знать и понимать, что никто не знает, что это такое. Semantic Web — знать и понимать, что это не Web 3.0, но тоже очень важно. А круче всего — иметь собственное мнение по всем этим вопросам.
• БЭМ. Или что угодно подобное. Хоть какая-нибудь идеология. А в идеале — своя собственная, любимая, но при этом адекватная.
• HTML5. Куда же без него? Без него теперь и в дворники не берут.

И самое главное. Никто у нас не знает всего этого одновременно, чего и от вас не требуем. Но хотя бы иметь представление, о чём идёт речь в каждом из пунктов очень стоит. Правда. Очень.

А теперь тестовое задание.

Теория
На дворе 2012 год. У вас задание сверстать полный редизайн сайта.

• Какой doctype выберете и почему?
• Что такое progressive enhancement и graceful degradation? При чем здесь Modernizr?
• Какие браузеры вы считаете нужным поддерживать сегодня?
• Валидно, семантично или работоспособно? Что важнее?
• Что такое типографика и зачем она нам сдалась?
• Windows, Mac или Linux?
• Rebel or Empire?

Практика

• Сверстайте резиновый блок с круглыми уголками и с тенью при наведении, чтобы фон страницы можно было менять не трогая блок.
• Возможно ли это сделать без картинок? А в IE7? А в Opera 9?
• Со звёдочкой: сверстайте пост, оформленный пятью оттенками зелёного (заголовки, текст, фон, автор, дата, рамки — что угодно). Но сделайте это так, чтобы зелёный цвет задавался только в одном месте, и при изменении зелёного на синий в этом месте, все оттенки становились оттенками синего. Sass использовать можно. Кстати, шрифт заголовка поста должен быть нестандартным и работать в максимальном количестве браузеров. Никаких картинок, разумеется. Сможете ли вы к такому посту организовать нестандартную рамку с разными уголками, не меняя HTML страницы? В каких браузерах? А без JS?
• Со звездищей: напишите чат. Да, вот так просто. Только чтобы он работал на WebSockets, когда они доступны, и откатывался до FlashSockets — когда нет. Никаких фреймов. Серверную часть можно взять любую готовую, но если вы напишете свою на Node.js или EventMachine, то вы просто не оставите нам выбора.
• Напишите команду с использованием jQuery, которая заставит все ссылки, ведушие за пределы сайта, открываться в новой вкладке/окне. Перехода по ссылке при этом быть не должно. А после клика по такой ссылке чтобы рядом с ней появлялась галочка.
• Организуйте выпадающее меню без использования JavaScript. Можно ли сделать, чтобы оно появлялось не сразу, а постепенно — через прозрачность, и если да, то где это может работать?
• Создайте сайт из трёх страничек, переход между которыми не вызывает перезагрузку страницы. Данных должно передаваться как можно меньше. А URL при переходе — меняться, и при заходе на любой из них, пользователь должен попадать туда, куда намеревался.
• Напишите простой сайт из двух страничек — на одной должен быть калькулятор, на другой — генератор случайных чисел. Единственное условие: он должен работать оффлайн (в Хроме) и запоминать последние результаты после закрытия браузера даже при выключенных куках (во всех топовых браузерах — но совместимость со старыми станет огромным плюсом).
• Со звёздочкой: что такое ООП? Своими словами.
• Со звёздочкой: выскажите своё мнение о перспективах Dart.
• Со звездищей: расскажите о хотя бы трёх способах наследования в JavaScript.

Кто заинтересуется, пишите на hr[cat]cheloveche.ru!

Вакансия на нашем сайте:
http://www.cheloveche.ru/jobs#frontend

[DreamTheater]

Хм... примерно 80% всего вышеперечисленного пробовал на практике, еще о 10% читал или слышал... В Москву пора ехать чтоли...

[Necros]

Конечно пора! Приезжайте! Нашей з/п вполне хватает, чтобы снимать квартиру и ещё и жить шикарно! Относительно шикарно, конечно, но по мне так вполне.

[dmitriymar]

а можно и мне?я тоже работать не хочу

[B~Vladi]

Necros, вы предлагаете выполнить все пункты из практики?

Судя по требованиям, такой кандидат может рассчитывать в Москве на все 120, а у вас потолок 90.

[devote]

Сверстайте резиновый блок с круглыми уголками и с тенью при наведении, чтобы фон страницы можно было менять не трогая блок.
Возможно ли это сделать без картинок? А в IE7? А в Opera 9?

в новых браузерах проблем вообще нет, а в старых VML/SVG или фильтры в ИЕ в помощь

Со звездищей: напишите чат. Да, вот так просто. Только чтобы он работал на WebSockets, когда они доступны, и откатывался до FlashSockets — когда нет. Никаких фреймов. Серверную часть можно взять любую готовую, но если вы напишете свою на Node.js или EventMachine, то вы просто не оставите нам выбора.

Ну тут я так понимаю человек еще и ActionScript должен знать, как жешь он сделает на флеше сокеты не зная флеша.

Напишите простой сайт из двух страничек — на одной должен быть калькулятор, на другой — генератор случайных чисел. Единственное условие: он должен работать оффлайн (в Хроме) и запоминать последние результаты после закрытия браузера даже при выключенных куках (во всех топовых браузерах — но совместимость со старыми станет огромным плюсом).

Ну я где-то тут кидал библиотеку для возможности сделать localStorage в ИЕ5+

[DreamTheater]

• Redmine, Trac, FogBugz, JIRA, Acunote, Мегаплан… Опыт в любой подобной системе станет прекрасным доказательством ваших навыков командной работы. Работал c Мегапланом, про Redmine слышал, но как-то так вышло что выбор пал на JIRA, видимо из-за тесной интеграции друг с другом всех продуктов Atlassian.
• Git. Или, хотя бы, SVN. И в целом, VCS. Работал с Git, Mercurial, SVN - те же яйца, только в профиль.
• MVC и ООП. Или хоть что-то из двух. Каким образом можно сравнивать MVC с OOP ума не приложу. Тем не менее с OOP знаком, писал с применением таких паттернов как MVC и MVVM, читал также про MVP.
• RIA, Comet, Socket. А если Вы написали какое-нибудь RIA самостоятельно, то Вы уже почти приняты. Аминь, RIA это моя стихия. На практике с веб-сокетами не работал, но думаю что разобраться труда не составит.
• Веб-фреймворк. В частности, Ruby on Rails, Django, Symfony, Zend — представление о том, как они работают, даёт 100 очков. Игрался с RoR, Sinatra, Railway, Express (аналоги RoR и Sinatra в Node.js).
• JS-фреймворк. Если вы писали что-нибудь сложнее TODO-приложения на Sammy.js, Backbone.js, Spine.js, Knockback.js, Broke.js, Fidel.js, Ember.js (SproutCore 2.0), JavaScriptMVC, Ext JS, KnockoutJS, AngularJS, YUILibrary или чём-то подобном, срочно приезжайте. Или мы приедем за вами. Сейчас активно использую Backbone. Также писал RIA с использованием JavaScriptMVC и ExtJS. Про остальные слышал, но руками не мацал.
• CSS-фреймворк. Blueprint или Compass станут отличными компаньонами для Вас на собеседовании. Blueprint == 'маздай', Bootstrap == 'форева'. Юзал Less и Compass.
• HTML-шаблонизаторы. Haml, Slim, ERB (Erubis), Twig, Smarty, Jinja2, Jade, Moustache, Textile, Markdown… Да даже просто Wiki сослужит Вам хорошую службу. Знаком с шаблонизаторами типа ERB, Mustache, Haml/Jade.
• CoffeeScript. Мы так любим кофе. Чего и вам желаем. CoffeeScript для слабаков
• DSL для CSS. Sass, Scss, Less — будет прекрасно понимание механизмов работы mixin, CSS-переменных и прочих кавайных вещей. Аминь, как я уже писал, все это использовал.
• Инструментарий JavaScript. jQuery, Prototype или что-то подобное знать настоятельно рекомендуется. Кроме случая, когда Вы — Гуру низкоуровненого JS, и пишете код, совместимый со всеми браузерами, вплоть до Netscape Gold и IE4 включительно. jQuery + Underscore покрывают практически все нужды. В случае чего всегда можно подключить специфические библиотеки для нужных целей: Globalize, Memento, Modernizr и т. д.
• Node.js. Будет просто круто, если вы писали что-нибудь на нём и на Express, Geddy, Autodafe или чём угодно схожем. Очень, очень круто. Игрался с Express и Railway.
• JSON — нужно понимать его с полускобки. YAML тоже не будет лишним. XML подразумевается. Аминь.
• TCP/IP, DNS, HTTP (S), SSH… Нет, сисадмин нам не нужен. Но такие знания не будут лишними и для веб-технолога. Как минимум стоит понимать отличия URL от URI и иметь представление о REST. В дебрях сетевых терминов особо не ориентируюсь, но жопу от пальца отличить умею Работал с REST, SOAP, XML-RPC.
• DOM, XHTML, DHTML. Понимание этих понятий станет таким же существенным плюсом, как и способность назвать 10 отличий между Strict и Transitional будучи разбуженным посреди дня. Посреди 1 января.
• SEO. Ваша великолепная вёрстка должна быть приятна не только людям и валидаторам, но и (а может, и в первую очередь) поисковикам.
• Web 1.0/2.0 — знать и понимать, что это такое. Web 3.0 — знать и понимать, что никто не знает, что это такое. Semantic Web — знать и понимать, что это не Web 3.0, но тоже очень важно. А круче всего — иметь собственное мнение по всем этим вопросам.
• БЭМ. Или что угодно подобное. Хоть какая-нибудь идеология. А в идеале — своя собственная, любимая, но при этом адекватная. Статью про БЭМ читал, умная вещь. Любое приложение должно строиться на основе реюзабельных компонентов, или виджетов.
• HTML5. Куда же без него? Без него теперь и в дворники не берут. Аминь.

Вот примерно что я умею Просто интересно, во сколько денег меня можно оценить?

[melky]

Возраст: без ограничений

Несовершеннолетние ? Это я про себя.

в новых браузерах проблем вообще нет, а в старых VML/SVG или фильтры в ИЕ в помощь

Опера - ни ни. SVG для элементов ставить категорически отказывается.
(Canvas?)

CoffeeScript. Мы так любим кофе. Чего и вам желаем.

выскажите своё мнение о перспективах Dart.

ня :3 простите, не сдержался.

MVC и ООП. Или хоть что-то из двух. Каким образом можно сравнивать MVC с OOP ума не приложу.

разные вещи же - одно паттерн, другое - парадигма *разводит руками*


PS эх, очередная вакансия мечты на форуме

[Aetae]

Вот примерно что я умею Просто интересно, во сколько денег меня можно оценить?

За вами уже выехали. Продадим с аукциона - узнаете.

[Deff]

Necros,
Судя по сайту - седни все занчительно проще
и клиент фреймфорк основной jQuery
И на Тульской - дыра дырой и с работы фиг уедешь и ветка все с Подольска пруцо ни утром ни у вечеру - трамвай разве ток