Blog by Fi1osof

Тестирование проекта HRCam.ru

Сайт-лендинг за 5 часов

Регился как соискатель, Chrome 39.0.2171.71 (64-bit)
 1. Форма регистрации. Проверь порядок обхода. По табу с имени переходит на email, а не на фамилию. при наведении на буллит Мужской/Женский, указатель мыши не превращается в руку, только при наведении на текст метки.
 2. Форма регистрации, пользовательское соглашение почему-то в формате doc. Нельзя из него сделать страницу сайта?
 3. Форма добавления опыта работы, форма редактирования резюме - выпадающие списки с месяцем и годом не видны, только черные треугольнички. В js консоли ругань на отсутствующий rangeSlider, jQuery.
 4. После добавления опыт работы никак не редактируется?
 5. При щелчке на Имя фамилию в правом верхнем углу открывается личный кабинет, но в центре пусто. Там должен быть какой-то контент?
 6. Резюме скрыть, удалить невозможно? Несколько резюме тоже нельзя?
 7. В резюме только основная информация и желаемый доход. Ничего больше добавить нельзя: образование, курсы переподготовки, навыки-умения, требования к месту работы?


Твое резюме в первый раз открывалось секунд 7-9, потом менее секунды.

Регился как соискатель, Chrome 39.0.2171.71 (64-bit)
 1. Форма регистрации. Проверь порядок обхода. По табу с имени переходит на email, а не на фамилию. при наведении на буллит Мужской/Женский, указатель мыши не превращается в руку, только при наведении на текст метки.
 2. Форма регистрации, пользовательское соглашение почему-то в формате doc. Нельзя из него сделать страницу сайта?
 3. Форма добавления опыта работы, форма редактирования резюме - выпадающие списки с месяцем и годом не видны, только черные треугольнички. В js консоли ругань на отсутствующий rangeSlider, jQuery.
 4. После добавления опыт работы никак не редактируется?
 5. При щелчке на Имя фамилию в правом верхнем углу открывается личный кабинет, но в центре пусто. Там должен быть какой-то контент?
 6. Резюме скрыть, удалить невозможно? Несколько резюме тоже нельзя?
 7. В резюме только основная информация и желаемый доход. Ничего больше добавить нельзя: образование, курсы переподготовки, навыки-умения, требования к месту работы? Твое резюме в первый раз открывалось секунд 7-9, потом менее секунды.

Регился как соискатель, Chrome 39.0.2171.71 (64-bi

ссылка для общего развития.

https://yadi.sk/i/XMxdAPpyd4TqQ

1.Нету кнопки удалить вакансию.
 2.Не открывается анкета в вакансии http://joxi.ru/Dr8n3dzikgQ126


1.Нету кнопки удалить вакансию.
 2.Не открывается 

http://joxi.ru/8An0zx1CqdZJmO ?  почему несколько вакансий создать нельзя?

http://joxi.ru/8An0zx1CqdZJmO ?  почему несколько 

sequrity allert!!!!!!в описании вакансии пропускает html! http://joxi.ru/MAjMz3nUv9nj2e результат http://joxi.ru/RmzgY9jhWgqM2O

sequrity allert!!!!!!в описании вакансии пропускае

Обозвал свое резюме <a href="javascript:(function(){alert('yo')})();">УРАА</a>. Все сохранилось и JS отрабатывает при щелчке на резюме.

Обозвал свое резюме <a href="javascript:(function(

Прошу прощения, не упрятал в тег код: 

Прошу прощения, не упрятал в тег код: <a href="javascript:(function(){alert('yo')})();>УРАА</a>

Прошу прощения, не упрятал в тег код: <a href="jav

Мда. Предпросмотра не хватает. http://jsfiddle.net/1aeb8wct/

Мда. Предпросмотра не хватает. http://jsfiddle.net

с вакансией тоже самое,  пропустило http://joxi.ru/Q2Kxe5kc9eN7Aj

с вакансией тоже самое,  пропустило http://joxi.ru

Вот для этого тестирование и проводится, чтобы баги отлавливать :)
 Спасибо! Поправим.

Вот для этого тестирование и проводится, чтобы баг

Спасибо! Поправим.

Андрей, спасибо большое за обстоятельный тестинг и подробные репорты! Благодарность с нашей стороны - даем тебе статус полноценного члена Клуба :) Очень скоро привилегии, связанные с этим, будут более явно ощущаться.


4. После добавления опыт работы никак не редактируется?

5. При щелчке на Имя фамилию в правом верхнем углу открывается личный кабинет, но в центре пусто. Там должен быть какой-то контент?

6. Резюме скрыть, удалить невозможно?

Пока нет, но обязательно будет.


Несколько резюме тоже нельзя?

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


7. В резюме только основная информация и желаемый доход.

Полей у резюме гораздо больше, но опять-таки на первое время мы большую часть полей и сопутствующей информации скрыли. Сейчас важны основные объекты и связи с ними (ну и общая логика), а потом будет уже горизонтально наращиваться все.


Твое резюме в первый раз открывалось секунд 7-9, потом менее секунды. 

Возможно были задержки в сети, тормоза на стороне сервера почти исключены, так как объем базы пока не большой, у сервера 4 ядра и 8 ГБ памяти (которые на 90% не самому сайту нужны, а механизму обработки видео (кстати, забыл сказать, что MODX работает в связке с node.js)). Я сбрасывал кеш браузера, удалял полностью папку cache/ и не было никаких проблем с производительностью.


А так все зафиксировал, будем тестить и править.

Андрей, спасибо большое за обстоятельный тестинг и подробные репорты! Благодарность с нашей стороны - даем тебе статус полноценного члена Клуба :) Очень скоро привилегии, связанные с этим, будут более явно ощущаться. По теме: 4. После добавления опыт работы никак не редактируется? Скоро будет. 5. При щелчке на Имя фамилию в правом верхнем углу открывается личный кабинет, но в центре пусто. Там должен быть какой-то контент? Да, и скоро появится. 6. Резюме скрыть, удалить невозможно? Пока нет, но обязательно будет. Несколько резюме тоже нельзя? Основа заложена под несколько, но было решено пока и резюме и вакансии оставить по одному на пользователя, просто чтобы упростить систему, ибо багов сейчас итак куча будет. Когда утрясется первый этап, переведем в мульти. 7. В резюме только основная информация и желаемый доход. Полей у резюме гораздо больше, но опять-таки на первое время мы большую часть полей и сопутствующей информации скрыли. Сейчас важны основные объекты и связи с ними (ну и общая логика), а потом будет уже горизонтально наращиваться все. Твое резюме в первый раз открывалось секунд 7-9, потом менее секунды. Возможно были задержки в сети, тормоза на стороне сервера почти исключены, так как объем базы пока не большой, у сервера 4 ядра и 8 ГБ памяти (которые на 90% не самому сайту нужны, а механизму обработки видео (кстати, забыл сказать, что MODX работает в связке с node.js)). Я сбрасывал кеш браузера, удалял полностью папку cache/ и не было никаких проблем с производительностью. А так все зафиксировал, будем тестить и править.

Андрей, спасибо большое за обстоятельный тестинг и

Это потому что не созданы ни анкета, ни видео. И там должны быть значки соответствующие: http://joxi.ru/bmooQp9I9xzKmy
 Почему их нет - будем разбираться. Спасибо!

Это потому что не созданы ни анкета, ни видео. И т

Ответил выше.

Переделаю механизм постинга здесь очень скоро. Будет работать как положено.

Переделаю механизм постинга здесь очень скоро. Буд

Все, поправил я обработку кода, теперь не придется мучиться:)

Все, поправил я обработку кода, теперь не придется

Если вёрстка готова, то экономия на времени до 50% на средних сайтах.

Если вёрстка готова, то экономия на времени до 50%

По опыту с бутстрапом я экономлю гораздо больше времени :) Каждая отдельная верстка как правило не стандартизированная. Каждый раз все с начала. А тут с каждым новым сайтом ты все быстрее и быстрее делаешь, потому как основные классы всегда одни и те же.

По опыту с бутстрапом я экономлю гораздо больше вр

Ох уж этот бутстрап… Честно говоря стараюсь всё делать на Uikit, имхо он гораздо лучше и они хотя бы додумались сделать префиксы к классам.

Ох уж этот бутстрап… Честно говоря стараюсь всё де

Я не критики ради, только пользы для. Немного о дизайне и юзабилити. :)
 ГЛАВНАЯ
  — У Вас круги (4 в строчку которые) овальные(104x108px на 1920х1600 экране)
  — Картинке в слайдере лучше будут смотреться если на всю ширину и анимацию не fade, а поинтереснее что-то.
  — Верхнее меню висит в воздухе, особенно заметно при ширине меньше 990px, наползает на слайдер, особенно заметно на слайде с двумя колонками
  — При скроллинге анимация элементов тоже не очень, они ездят в несогласовано как-то(заголовок Возможности webRTC вниз, телефон с девушкой вверх, круги с боков наезжают)
  — В этом же разделе при ширине меньше 990px текст в левой колонке обрезается(Видео-конференц, Многопольз чат, Решение повседневн задач)
  — В новостях шрифт слишком крупный (вообще столько текста внутрь заголовка h4 не айс). Если прям хотите крупный — сделайте расстояние больше между строками хотя бы и font-family не Condensed
 Заголовок почти не отличается от текста описания, цветом его, капиталайзом или размером шрифта лучше выделить. В описании новости много текста, никто столько читать не будет. Одно-два предложения — самое то.
  — Фавиконка пропала
  — навигации в середине типа «Вернуться наверх» нет. Может, она Вам и не нужна, но подумайте — пользователь нажал ссылку в гланом меню, понял, что хочет нажать другую, приходится мотать вверх. Особенно расстраивает долго мотать вверх на узком экране.
  — Схемы на слайдере ооочень сложные, слишком много мелких элементов. С первого взгляда не ухватить суть.
  — Если нажать на лого, появляется что-то вроде прелоадера по центру, потом логотип, который почему-то едет вниз.
  — Если быстро нажимать на кнопки слайдера фон первого раздела то бирюзовый, то голубой, потом снова превращается в бирюзовый. Вы уж определитесь с цветом.
  — Если я пролистал вниз и готов оставить свои контакты, было бы здорово там внизу продублировать ссылку на форму обратной связи или впилить саму форму(возможно, упрощенную, из пары строчек — имя, телефон). 
 

СТРАНИЦА С НОВОСТЬЮ
 В навигации сверху: если промотать страницу в самый верх на узком экране, то полупрозрачное верхнее меню исчезает, остается видимым лишь пункт новости. То есть видна плашка новости Новости, а остальные пункты скрыты. 
 Этот единственный видимый пункт навигации наползает на хлебные крошки при узком экране, при этом ссылки в хлебных крошках перекрыты невидимым верхним меню и нажать их нельзя. Зато хорошо нажимаются невидимые пункты верхнего меню.
 

Внизу теги выглядят один-в-одни с хлебными крошками. Сделайте их плашками или кнопками.
 Некоторые из этих пунктов верны и в отношении страницы со списком новостей(http://web-rtc.ru/novosti-webrtc/)
 Тегов на странице со списком новостей нет, то есть единственный способ попасть на список новостей, по какому-либо тэгу — нащупать новость с этим тэгом, и с нее перейти на страницу этого тэга.
 

Пункты верхнего меню на вспомогательных страницах ведут не на разделы лендинга главной, а на пустые страницы(Возможности, о webRTC и т.д.)

Новости webRTC

Я не критики ради, только пользы для. Немного о дизайне и юзабилити. :)
 ГЛАВНАЯ
  — У Вас круги (4 в строчку которые) овальные(104x108px на 1920х1600 экране)
  — Картинке в слайдере лучше будут смотреться если на всю ширину и анимацию не fade, а поинтереснее что-то.
  — Верхнее меню висит в воздухе, особенно заметно при ширине меньше 990px, наползает на слайдер, особенно заметно на слайде с двумя колонками
  — При скроллинге анимация элементов тоже не очень, они ездят в несогласовано как-то(заголовок Возможности webRTC вниз, телефон с девушкой вверх, круги с боков наезжают)
  — В этом же разделе при ширине меньше 990px текст в левой колонке обрезается(Видео-конференц, Многопольз чат, Решение повседневн задач)
  — В новостях шрифт слишком крупный (вообще столько текста внутрь заголовка h4 не айс). Если прям хотите крупный — сделайте расстояние больше между строками хотя бы и font-family не Condensed
 Заголовок почти не отличается от текста описания, цветом его, капиталайзом или размером шрифта лучше выделить. В описании новости много текста, никто столько читать не будет. Одно-два предложения — самое то.
  — Фавиконка пропала
  — навигации в середине типа «Вернуться наверх» нет. Может, она Вам и не нужна, но подумайте — пользователь нажал ссылку в гланом меню, понял, что хочет нажать другую, приходится мотать вверх. Особенно расстраивает долго мотать вверх на узком экране.
  — Схемы на слайдере ооочень сложные, слишком много мелких элементов. С первого взгляда не ухватить суть.
  — Если нажать на лого, появляется что-то вроде прелоадера по центру, потом логотип, который почему-то едет вниз.
  — Если быстро нажимать на кнопки слайдера фон первого раздела то бирюзовый, то голубой, потом снова превращается в бирюзовый. Вы уж определитесь с цветом.
  — Если я пролистал вниз и готов оставить свои контакты, было бы здорово там внизу продублировать ссылку на форму обратной связи или впилить саму форму(возможно, упрощенную, из пары строчек — имя, телефон). СТРАНИЦА С НОВОСТЬЮ
 В навигации сверху: если промотать страницу в самый верх на узком экране, то полупрозрачное верхнее меню исчезает, остается видимым лишь пункт новости. То есть видна плашка новости Новости, а остальные пункты скрыты. 
 Этот единственный видимый пункт навигации наползает на хлебные крошки при узком экране, при этом ссылки в хлебных крошках перекрыты невидимым верхним меню и нажать их нельзя. Зато хорошо нажимаются невидимые пункты верхнего меню. Внизу теги выглядят один-в-одни с хлебными крошками. Сделайте их плашками или кнопками.
 Некоторые из этих пунктов верны и в отношении страницы со списком новостей(http://web-rtc.ru/novosti-webrtc/)
 Тегов на странице со списком новостей нет, то есть единственный способ попасть на список новостей, по какому-либо тэгу — нащупать новость с этим тэгом, и с нее перейти на страницу этого тэга. Пункты верхнего меню на вспомогательных страницах ведут не на разделы лендинга главной, а на пустые страницы(Возможности, о webRTC и т.д.)

Я не критики ради, только пользы для. Немного о ди

1920x1200, конечно

И вообще, попрубуйте подвигать ширину окна браузера. Интересные эффекты, особенно с меню — исчезновения в collasped-режиме, или синй фон и серый бекгрануд у активного пункта и т.д.
 А бутстрап хорош. Только они забыли о своей же первоначальной идее, что все должно выглядеть отлично на мобильных.

И вообще, попрубуйте подвигать ширину окна браузер

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

Ну, я же серверный программист, фронт для меня по 

Андрей, спасибо за подробный разбор сайта, но повторюсь: сайт сейчас пока просто для индексации. Там пользователи еще не известно когда будут. Вот когда будут, тогда и будем вылизывать сайт. Какой смысл его сейчас вылизывать (читай тратить время/деньги), если еще не известно заработает он или нет. Может поисковики его будут игнорировать, или к тому времени все поменяется и он нам будет не актуален. Вообще проблема многих проектов и клиентов ИМХО — они долго вылизывают сайт, при этом оттягивается запуск сайта, а потом еще и после запуска выясняется что вообще все не так и все надо переделывать. Создать рабочий проект — это не два шага «Сделать сайт» — «Все работает, забыли про него». Это постоянное развитие. Сделал сайт, наблюдаешь что и как на нем работает, что делают пользователи, каково их поведение, делаешь выводы, дорабатываешь, опять все смотришь, опять делаешь выводы и т.д. и т.п. Вы по нашему сайту пройдитесь. Написать в пять раз больше сможете. НО, в пересчете наших на него затрат и его отдачи — сайт очень эффективный. Я технарь, я смотрю на результат, для меня не очень важно оформление, для меня важны результаты.

Андрей, спасибо за подробный разбор сайта, но повт

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

Яндекс давно уже не так глуп, чтобы брать в выдачу что попало. =) + асессоры делают свою работу. Поэтому, Николай, в этом случае куда больше вероятности потратить время/деньги, как Вы написали выше. Юзабилити сейчас играет куда более важную роль, нежели раньше. Однако это лишь моё мнение, которое я не собираюсь никому навязывать, в любом случае решать Вам и только Вам. =)

сайт сейчас пока просто для индексации. Там пользователи еще не известно когда будут. Вот когда будут, тогда и будем вылизывать сайт. Яндекс давно уже не так глуп, чтобы брать в выдачу что попало. =) + асессоры делают свою работу. Поэтому, Николай, в этом случае куда больше вероятности потратить время/деньги, как Вы написали выше. Юзабилити сейчас играет куда более важную роль, нежели раньше. Однако это лишь моё мнение, которое я не собираюсь никому навязывать, в любом случае решать Вам и только Вам. =)

сайт сейчас пока просто для индексации. Там пользо

Павел, я вообще-то интернетом тоже не первый день занимаюсь и что-то тоже понимаю здесь. Все зачем-то уходят в юзабилити, SEO и т.п. Речь о том, что за 5 часов сделан сайт. Как он будет индексироваться, это я буду через аналитику и вебмастер смотреть. И не переживайте, с таким доменом он очень быстро выйдет в ТОП. Не пройдет и месяца, он появится в результатах выдачи. Я специально потом статистику выложу.

Павел, я вообще-то интернетом тоже не первый день 

Речь была о юзабилити и его влиянии на индексирование и ранжирование сайта в Яндексе. О вашей компетентности в той или иной области разговора не велось, Николай. :)
 

P.S.: На счёт трастовости доменных зон: .su более трастовей, чем .ru. И это опять же, лишь личное мнение, с которым я никого не заставляю и не прошу считаться. :)

Речь была о юзабилити и его влиянии на индексирование и ранжирование сайта в Яндексе. О вашей компетентности в той или иной области разговора не велось, Николай. :) P.S.: На счёт трастовости доменных зон: .su более трастовей, чем .ru. И это опять же, лишь личное мнение, с которым я никого не заставляю и не прошу считаться. :)

Речь была о юзабилити и его влиянии на индексирова

bootstrap

HRCam.ru

modx

modx revolution

node.js

ShopModxBox

WebRTC

одностраничный сайт

порталы

проекты

разработка сайта

сервисы

# Николай Ланец aka Fi1osof
**Lead Fullstack Developer / Ментор / Евангелист современного JS‑стека**

---

## О себе

Я — не просто Senior Developer с 2007 года. Я — тот, кто строит продукты будущего на базе современных технологий и помогает другим подниматься на новую ступень айти-карьеры. Создатель и идейный вдохновитель freecode.academy — платформы, где обучение перестает быть скучной обязаловкой и становится настоящим технологическим приключением.

---

## Мой стек и философия разработки

Основу моего рабочего арсенала составляют:

- [Javascript](/technologies/ck1faudv928l40a89c4u9zxlm), [TypeScript](/technologies/ckcvwwx010kov08009u7y2rav)
- [React](/technologies/ck1fawbdw28v20a891k4wlh27), [Next.js](/technologies/ckg2jd4ffr9260730aog66dri)
- [Node.js](/technologies/ckt55wm59272831wo9gg9r8ynx), [GraphQL](/technologies/ck1fawhqk28vu0a8995lqvlsj), [Apollo Client](/technologies/ck2zdcg0vpvc10a89xjmhj1e0), [Nexus](/technologies/ckl2pbh0fxew60730ifl3zozp), [Prisma](/technologies/ck2zdbmi7pv8r0a89ntc2r0f1)
- DevOps: [Docker](/technologies/ck2y1x9lho9cy0a8953xzfjr8), [docker-compose](/technologies/ck2y1xqino9g80a89tsftxin2), [Caddy](/technologies/ck2zd8ovqpuyl0a8909748sbu), [Ubuntu](/technologies/cktu8giks3593911vmle30ztqxt)
- UI-инструменты: [Styled-Components](/technologies/ckk8myysio7lw0730csszvrdw), [Material-UI](/technologies/ckljv3jwd7bgf0730huxlko9n), [react-hook-form](/technologies/ckmx8cn9fmwrv073032e67722)
- Всё актуальное для разработки, CI/CD и автоматизации 
- Эксперименты с [WebGL](/technologies/ckan9anntc12f08003saqttrq), [A‑Frame](/technologies/ck2tgoiz8j37y0a89c7gxsrxc), [Three.js](/technologies/ck2tgns1nj32z0a89vmw7xw3f), [Unreal Engine 4](/technologies/ck7puswy6g4yb07004cdp6lbr), [Elixir](/technologies/ckn0olavrnnzi0730xs8rctn8), [C++](/technologies/cknin1y8lu2fr07307mskn2fn)

---

## Разработка и менторство

- Более 15 лет **hands-on** разработки и проджект‑менеджмента
- Главный разработчик и преподаватель платформы [freecode.academy](https://freecode.academy)
- **Ведущий менти-пул на платформе** — лично выращиваю новых звезд отрасли

### Мои менти и их результаты

| Менти (ФИО \| username)                               | Уровень | Рейтинг |
|-------------------------------------------------------|---------|---------|
| [Попов Дмитрий \| linklib](/users/cjoe890c706ji0d962oismzoe)           | 3       | 315     |
| [Сэт \| defk1lla](/users/ckzh1ita312978121imr9hpqfc64)                 | 3       | 670     |
| [Ксения Матвеева \| Ксения Матвеева](/users/ckz4awwlh10627771imr4wvpb7cj) | 2       | 0       |
| [Михаил \| Balamut](/users/cl1npq92z10258261vmbq0w6vfh2)               | 2       | 0       |
| [Ольга Ершова \| angel](/users/cjoe87zhk00250d969arluevk)              | 1       | 0       |
| [Егор \| rogedkone](/users/cksrdp47d3308261ijuq7wfrxdl)                | 3       | 0       |
| [Roman \| Roman43](/users/ckur2qtt64721431xoboyjcte52)                 | 2       | 0       |
| [Бут Игорь \| santiment](/users/ckttd9x20893951vmltb8t7sha)            | 1       | 0       |

**Доношу простую мысль: успех — это не магия, это осознанная системная работа и кайф от роста.**
Мои менти выводят решения в продакшн, пробиваются в лидеры рейтингов — кому не хочется быть в такой команде?

---

## Почему я?

- **Прокачаю проект** — от TDD архитектуры до культурного CI/CD
- **Вдохновлю команду** — и научу мыслить по‑новому, где ИИ — напарник, а не угроза
- **Выращу мидлов и сеньоров** — доказано платформой и рейтингами моих учеников

**Сила — в сообществе, а техника — это просто смазка для ваших побед. Присоединяйтесь!**

---

## Контакты

- 📧 [n.lanets@freecode.academy](mailto:n.lanets@freecode.academy)
- Телеграм: [@freecode_academy](https://t.me/freecode_academy)

---

**P.S.**: Мой опыт — ваш драйвер роста. Хотите в команду? Ищете менторство? Пишите. Растём вместе!