Разбор тестового задания на вакансию Junior Frontend Developer
ฝัง
- เผยแพร่เมื่อ 26 ก.ย. 2024
- Задание довольно простое, но позволяет раскрыть некоторые важные качества даже начинающего разработчика. Я использовал это задание для поиска на вакансию Junior Frontend Developer. Одно из условий - jQuery, но это не критично.
--
Исходный код находится здесь:
github.com/hip...
- - - - - - - - - - - - - - - - - - - - - -
Подписывайся, чтобы не пропустить новые ролики!
GitHub: github.com/hip...
Join my Discord! / discord
Instagram / hi.professional
Telegram (канал) t.me/hi_profes...
Telegram (группа) t.me/hiprofess...
- - - - - - - - - - - - - - - - - - - - - -
Для вас, за принуждение к jquery, отдельный котел в аду
Все исключительно добровольно :) была размещена вакансия, на нее отозвались люди, я с ними побеседовал. Их вполне устраивал jQuery. Так что каждый сам себе выберет котел по вкусу :)
Вы про что? :)
Плюсую))
Плюсую ) какой jquery в 2021, осуждать за ваниллу? Если парень хорошо знает ваниллу, ему вообще фреймворки могут быть побоку
@@somewebpractice справедливости ради, тот парень, что писал код, вряд-ли хорошо знает JS.
Видео надо было назвать «как самоутверждаться за счёт соискателя». Да, действительно, были нелогичные блоки кода и очевидное отсутствие проработки структуры. А теперь по существует: вы даёте задачу, которую сами придумали сами прокрутили, продумали, проработали и, уверен, гораздо больше времени потратили на ее осмысление, далее выстроили тактику решения, проработали структуру, хотя бы перед записью видео вы как минимум час прописывали сценарий. Далее в вашем коде очевидно пренебрежение общепринятыми стандартами. Код нечитабельный, функции расположены вплотную, где то есть разрывы, где то нет, имена переменных не соответствуют стандарту CamelCase... в общем продолжать можно долго. И вообще прикалываетесь не по существу, «не положил в папку» а подключил извне, ужас то какой. Резюмируя, постыдились бы самоутверждаться за счёт менее опытных людей.
Жаль, что у вас сложилось впечатление, будто я пытаюсь самоутвердиться. К счастью, это неверно.
У всех соискателей я спрашивал смогут ли они сделать тестовое задание. Никто не отказался. На выполнение давали неделю - то есть можно было дома в комфортной обстановке с гуглом под рукой его сделать, посоветоваться с кем угодно :) Вполне нормальный срок на продумывание и работу.
Насчет отступов между функциями.. ну да, есть такое. CamelCase - в кодстайле у гугла написано, что допустимо название переменных писать со строчной первой буквы.
"Не положил в папку" - каждому кандидату высылался небольшой список с требованиями, в ролике, к сожалению это забыл добавить. И как это выглядит со стороны заказчика? Даешь разработчику конкретное требование - "предоставь тестовые данные в отдельном файле вместе с кодом", а он решает их выложить на дропбоксе :)
@@HiProTeam а откуда при современном темпе жизни и у человека, который ищет работу, найдётся 3-4 часа свободного времени подряд? Само по себе задание не сложное. Но исходя из Ваших требований получается что на осмысление и учёт всех пожеланий необходимо 10-30 минут, на проработку реализации от 20 минут до часа, на выполнение - с Гуглом примерно 2,5 часа, на тестирование 10 минут, но проверку соответствия всем условиям задания ещё 10-15 минут, правки - ещё 20-30 минут. Хотя вряд ли джун определению может владеть и правильно применять этапы разработки. В общем с моей точки зрения здесь больше вопросов к вашей некомпетентности в отборе кандидатов, а не в навыках джунов, которых вы пытаетесь найти и которых существуют единицы на всю снг.
@@ugrymij9408 Обобщать - неблагодарное дело :) у всех кандидатов нашлось на это время. И как уже говорил - пятеро из шести хорошо справились.
Задание уж очень простое - получил данные, отобразил, обработку нажатий прикрутил :) если джун не может с этим справиться - то он плохой джун.
Если считаете меня некомпетентным - это ваше мнение - предложите свой вариант того как проверять соискателей :) особенно, если вы уже занимались этим.
@@Nandarion большинство соискателей приходят в свое рабочее время, поэтому нежелательно их задерживать. Если не ошибаюсь, четверо из шести сдали задание через три дня, так что вполне нормально :)
Видео: STOP! Не надо делать так
**Делает используя jQuery**
Такая вот вакансия:)
Если взять любого разработчика с запросом на "хороший разработчик", в принципе стек технологий на джунироскую задачу роли не играет, а вот консистентность кода , и умение читать и выполнять требования у всех будет на высоте.
Посмотрел и понял, мне еще пздц как далек до джуниора!
Если начал учить web то, на самом деле, не так уж и далек. Хватит и месяца занятий с преподавателем.
@@amodeus6701 ахахахахаахахахахах месяц лол))) такое за год хер выучишь
главное софтскиллз)))
@@alexcherepanov6152 если так думать, то сфера геймдева лет на 10 закрыта
@@ghostname1066 просто есть люди которые действительно таланты, им может и года хватит чтоб выучить JS
Какое простое задание, молодцы что просто смотрите на базовое понимание, а не углубленные знания, определяющие знание подводных камней
Для джуна, думаю, этого вполне достаточно :)
Мне кажется, уже лучше на ванильном js написать такой простенький календарь, это покажет достаточно хороший уровень понимание кандидата языка и его применение, что позволит начинающему разработчику в дальнейшем развиваться самому и даже подтянуть тот самый jquery.
Ещё момент, функцию start лучше назвать init, на собеседованиях я спрашиваю в основном про нативный js очень щепетильно, не смотря даже не то, что человек проходит собеседование на Фреймворк
Тоже нередко использую название init, но как-то этому значение не придвал особого. Почему именно init? :)
А по поводу js/jquery - в целом я бы согласился. Но в конкретно моем случае заказчику важно было знание jquery и умение писать структурированный, хорошо поддерживаемый код. Пять из шести кандидатов хорошо справились с этим, последний вот совсем был плох. Даже для джуниора )
Кстати, какие обычно вопросы задаете? )
@@HiProTeam максимально стараюсь избегать глупых вопросов, касаемо, что выведет на экран сравнение, пытаюсь больше спрашивать по самому языку и его концепциях, массивы, функции массива, замыкание, ооп, call, bind, apply, их разница, что такое this, если человек тяжело обьяснить, то прошу написать код, есть люди, которым тяжело объяснять что-то, того, разбираем его написанный код вместе и попутно человек рассказывает на нем, спрашиваю так же про скоуп, про Es6, остальные вопросы уже связаны непосредственно на ответах человека, просто копаю глубже.
Почему функция init, потому что мы инициализируем состояние приложения, а не запускаем его, запускает его самовызывающая функция, в данном контексте)
Спасибо за комментарий :) думаю, он будет очень полезен тем, кто готовится к собеседованиям.
Мне, кстати, еще попадались вопросы про event loop. Как он работает и как это знание можно применить на практике. Но это, наверное, уже не для джуниоров.
@@HiProTeam event loop понимать очень полезно, даже Джуниору, я бы даже сказал, что желательно, он хотя бы будет понимать, как работает асинхронность, как не заблочить юзеру интерфейс, в какой последовательности будут выполняться его методы и прочее, это учится за 15 минут, достаточно посмотреть видео)
Советую посмотреть Филиппа Робертса - th-cam.com/video/8aGhZQkoFbQ/w-d-xo.html&ab_channel=JSConf
Видео просто бомба, мне очень интересны разборы тестовых заданий, скоро предстоит, очень хорошо для подготовки)
О, отлично) успехов на собеседованиях )
Великолепный формат! Попалось видео в рекомендованных.
Продолжайте в том же духе, буду смотреть и учиться вместе с вами!
Спасибо за отзыв :) Заходите, кстати, в группу в дискорде и в телеграме. Там тоже опытом обмениваемся, общаемся :)
@@HiProTeam очень полезное видео, спасибо! Делайте чаще формат разбора кода с послдующим написанеи верного:) ЛАЙК и ПОДПИСКА ОДНОЗНАЧНО
Принимая во внимание то, что я к фронту не имею отношения практически - ваше видео демонстрирует правильный подход ВПРИНЦИПЕ к проектированию чего либо.)
Да, если абстрагироваться, то именно так и выходит)
Ничего не понял, но очень залип. Круто, продолжай дальше..
Спасибо :)
Да, очень крутой формат разборов! побольше бы таких!
Спасибо. Скоро будет ещё один разбор :)
@@HiProTeam Круто, ждем. Еще понял то, что в этом видео ты хорошо декомпозируешь задачу. Мне как начинающему не совсем понятно, есть ли четкий критерий, когда надо разбивать функционал по разным функциям? или здесь четких критериев нет и это на усмотрение прогера)?
В этом плане полезно изучить принципы SOLID, DRY.
И вообще изучить паттерны проектирования, там уже много готовых подходов к разработке можно найти :)
Мой любимый фреймворк Порнхаб, да)
😀
jQuery... Да вы серьезно?
Реально, меня аж стошнило
@@ДмитрийПономарев-д1ю Так это ж хорошо, организм очистился :)
Да, серьезно. Для большого проекта, который давно стабильно приносит прибыль, это нормально. jQuery там хоть и не ключевую роль играет, но тестовое задание помогло найти хороших работников.
Кстати, для многих начинающих программистов вакансии с jQuery - вполне неплохой способ начать свою карьеру. Само собой это ненадолго - набраться опыта, изучить что-то более современное, и вот уже гораздо легче найти новую работу/проект.
Так что плюсы есть. Просто они не для всех.
@@HiProTeam Я не спорю, что jQuery ещё много где используется, просто тестовое задание это в свою очередь реклама для соискателя. Из моего опыта позиции в которых он указывается, это компании с ужасной корпоративной структурой, древним кодом и отсутствием новых идей.
Я давно не Джун, так что может чего-то упускаю. Не лучше ли было дать задание на алгоритм в реальном времени с комментариями (онлайн или вживую) на языке на выбор, а потом (или до) тестовое задание на Angular/React/Vue?
Если же консалтинговая компания хочет пристроить новичка с минимальной оплатой за хорошие деньги (для себя) и хочет убедиться, что он сможет хотя бы не позориться сильно, то тактика оправда и так.
Давать тестовое на Angular, React, Vue - в данном случае не было смысла, так как в проекте он не используется. В целом заказчик запрашивал именно джуна, они тоже понимали, что сотруднику с большим опытом скорее всего будет скучно на этом проекте. Из этого и сформировалось примерное видение того каким должен быть соискатель :)
Конкретно в нашей компании я бы не сказал, что тестовые задания часто выдаются. Но в данном случае это все-таки было нужно, т.к у некоторых ребят было совсем мало опыта.
Я хоть и не увлекаюсь вёрсткой, но видео просто зачётное.
На всякий случай подписался!
Спасибо :) а чем, кстати, увлекаетесь?
@@HiProTeam Сетевыми технологиям Cisco, Huawei
подпишусь пока в подписках 615 человек) дай бог до 1 миллиона) интересно рассказываешь)
Спасибо ) надеюсь, сбудется)
Сейчас бы в 2021 на жквери фронтенд писать
Хоть его сейчас и не любят, но в свое время он довольно сильно продвинул web и большое количество разработчиков :)
Я не говорю, что не люблю, просто он неактуален. И да, когда-то он был единственным способом сделать все быстро
Чисто небольшой косяк, им многие пренебрегают, но в больших приложениях нужно это помнить при использовании jQuery. Если вероятность смены списка эелементов на странице минимальна, то лучше закешировать (заассайнить) селекторы jQuery, потому как они прилично кушают по времени исполнения. И нюанс по структуре: если метод зовётся drawEvents, то он должен делать именно это, без selectCurrentMonth. По факту, selectCurrentMonth и drawEvents стоят в одной линии дерева вызова функций. Уже много раз такое у джунов видел в коде, очень мешает нормально думать и чистить код: много повторений одного и того же кода и куча вызовов ненужных функций.
Подписался , спасибо за труды !
Благодарю )
Ни хрена не понял, но ооочень интересно)))
Никогда не поздно начать изучать :)
Неплохо, чтобы я предложил улучшить:
- избавиться от лишних функций вроде start и initMonthClick, нет смысла выносить код выполняемый ровно один раз;
- заменить тенарное выражение на $('.message__select_moth').toggle(show);
- использовать если не Promise, то хотя бы done и fail (обработка ошибок считается хорошим тоном);
- стрелочные функции позволяют писать код короче data.filter(item => item.id - 1 === monthId);
- для того чтобы не создавать обработчик события на каждую кнопку, можно повесить его на родительский элемент списка месяцев и использовать всплытие и делегирование событий;
По стилю кода:
- не оставлять в коде лишние комментарий и код: ненужные файлы, косольлоги, алерты, ненужные теги и комментированный код и тому подобное;
- общепринятый подход к именованию логических переменных, например isShow и isFakedDataUsed;
- если возвращаемое тенарным оператором значение не присваивается в переменную то вместо него лучше использовать обычный if;
- не использовать селекторы по тегам, выбрать методологию именования css селекторов, кажется была попытка в БЭМ так почему же не использовать её в полной мере?
Отличный комментарий, спасибо :) думаю и мне и другим тоже будет полезно, есть над чем поработать. Здесь код писал с первого раза, на чистку и рефакторинг потратил очень мало времени :(
Зачем jquery если все можно сделать на чистом js. Ладно, когда джун нужен в проект который уже написан на jquery. Но я не видел человека знающего js и не умеющего в jquery а вот наоборот видел много примеров. Рекомендую просить делать реализацию на js и на jquery, так вы получите более релевантные данные о кандидате.
В проект требовалось знание jquery. У меня были опасения, что попадутся такие, про которых вы говорите, и придется менять задание.
Но как показала практика на примере шести кандидатов - вполне достаточно было сделать на jquery. Все кроме одного смогли разбить код по смыслу, они могли объяснить как и что работает.
Интересно, где это до сих пор на jquery пишут ? Или им он нужен для поддержки какого-то проекта ?
В данном случае было как раз для поддержки проекта :)
90% это поддержка
@Konstantin Web представь себе, да, я автору вопрос задал потому что на собесах давно не видел чтоб jq спрашивали
@Konstantin Web при чем здесь чсв? Твой комент был бессмысленным, я и без тебя знал что он для поддержки нужен
@Konstantin Web так в чем проблема переписать то. сомневаюсь что это прям какие-то огромные проекты. Да и даже те, соцсети перешли на фреймворки
Вот забавно
Когда в университете заставили сделать проект на ангуляре, весь изблевался от JS/TS
А вот посмотреть видосики в ют прям миленько :)
Мне в самом начале ангуляр второй версии тоже сперва показался "не очень". Но потом разобрался, втянулся и уже норм :)
Jquery? В 20 году?
Да, все еще нормальное решение для проекта, в котором серверный рендеринг и jquery лишь добавляет немного интерактивности своими календарями, подгрузкой инфы и прочих мелких радостей :)
Для этого jq уже не нужон. Со всеми задачами и ванильный справляется
Только кому понадобится переделывать готовые компоненты на ванильный? Ради того чтобы «просто было»? :) повторю, как и в остальных комментариях, проект не новый, ему уже 5-7 лет, смысла менять рабочий код - сейчас нет. Со временем - возможно они и перейдут на что-то современное. Но на данный момент - все работает :)
Я когда jquery вижу в вакансии, закрываю ее сразу. А тут ещё и тестовое на нем.
Согласен, это не всем подходит. Но 6 человек на эту вакансию отозвались и прошли собеседование. Значит, такие люди еще есть и у них есть на это причины :)
@@HiProTeam ну для начала карьеры, видимо, вполне нормально)
Именно так :)
Отличный пример, спасибо
Хотим видео про слайдер с элементами свайп (под смартфон адаптированный)!
Это тот, в котором можно несколько картинок просмотреть? Как, например, в галерее фотографий в телефонах. Или что-то другое? :)
@@HiProTeam это на смартфоне слева направо пальцем двигаешься и следующий слайд показывает, а не только по кнопке(вперёд, назад)
Отступ сверху немного не тру) Надо чтобы предыдущий элемент толкал следующий) а так огонь) спасибо за видео)
Спасибо ) Да, сложно не согласиться про расстановку отступов, лучше про это не забывать :)
Гляну дома, думаю интересно
11:01 интересный фреймворк однако)))
Народный :)
Если в вашей работе реально применяется jquery, то задание норм. Если же нет, то какое то душное задание.
Это единственная причина наличия jquery в этом задании :)
@@HiProTeam а можно поинтересоваться, исключительно с точки зрения любопытства, почему у вас jquery? это какой то легаси проект?
Сложно назвать его именно легаси, но да, проекту около 5-7 лет. Рендеринг в 99% случаев на сервере, jquery добавляет немного интерактива, типа календарей, проверки/подгрузки данных и все такое
@@HiProTeam Ааа) все вопрос снят) я по наивности подумал что речь об spa идёт. Если рендер view идёт на сервере, тогда согласен что для интерактивности на фронте лучше взять jq
@@HiProTeam 5-7 лет? jQuery уже лет 10 как не актуален.
Годнота 👍
1) Структура данных. Про время дату месяц понятно, а про текст думаю просто оговорка
2) Куда-то семантика пропала)
3)Обработчик событий лучше кидать на контейнер(.mounts), а после тащить из таргет value по дата атрибуту
4) Хмм.... я раньше не видел такого формата даты. Может лучше хранить дату в нормальном формате и прописать парсер
5) Отрисовку списка лучше положить во фрагмент document.createDocumentFragment()
Эмн а вот если ты в jQuery ищешь по селектору ты же можешь removeClass этого селектора сделать? если да то
7) зачем пытаться тащить все .mount и пытаться у всех них удалить класс
А так круто
Спасибо за комментарий ) насчет пункта 4 - да, для наглядности решил сделать проще, в реальном приложении что-то типа momentjs еще прикрутить не помешало бы. И насчет пункта 6 и 7 - тоже соглашусь, можно было сделать селектор конкретнее
это прям туториал настоящий)
Что мешает подключить скрипты вверху и добавить defer? Это не мешает загрузке остальному html и css
Но зачем?
Вполне можно было, но работает и без него :) для тестового задания, думаю, это не критично
А что за сервис вы использовали для создания мокапов (в начале видео)?
Если не путаю, то это Balsamiq. Делал давно, уже точно не помню :)
а вы про nav, ul, li елементы слышали? или навигация через div с а елементами ето норм?
Как по мне - nav тут под вопросом. А ul, li - некритично. Разве что как уже тут писали в других комментариях - делать месяца в виде ссылок или кнопок, чтобы с клавиатуры можно было их выбирать
Шел 2021 год, компании все еще просили использовать jquery. Позорище.
Есть и спрос и предложение. Так что люди просто нашли друг друга :)
@@HiProTeam ага, при этом запрещают использовать фреймворки. Совсем поехавшие. Более, чем уверен, что срез знаний большинства «сениоров» подобной галеры не будет больше среднестатистического хорошего миддла.
Так проект предполагает jquery, внедрять туда что-либо другое нецелесообразно - рендеринг серверный, jq используется для отображения календарей, небольшого интерактива и так далее. В других проектах используют angular, react, vue. Но никто из них не требует использовать vue в проекте , где уже используется react :)
За одно уже глобальное сбрасывание отступов надо бить по рукам. Если уж делаете разьор то не учите кривизне. Потом нормально списки не заиспользуешь и другие нативный html теги. 😕
Кстати, списки - одна из многих причин, почему я делаю сбрасывание отступов. Дизайнеры, с которыми работал, делали списки по-разному, и самому удобнее стало задавать отступы так, как нравится. Наверное, дело привычки :)
Сброс стилей, это уже что-то попахивующее.
Как насчёт доступности ?
Тестовые данные можно в любом виде представить. И к любому представлению можно придраться.
Ну и вытягивание данных и последующая фильтрация на клиенте, это как если бы на бэкенде делали sql select, а потом сортировку и фильтрацию в коде.
Спасибо за комментарий:)
Поясните всем, пожалуйста, чем же плох сброс стилей? :) думаю это будет полезно всем.
Тестовые данные - считаю, что разработчик должен в этом разбираться. Иначе получим хаос.
Фильтрация на клиенте - плохо. Здесь она сделана, т.к. серверной части нет. Можно было, конечно, сделать несколько отдельных файлов. Но не считаю это критичным для тестового задания.
А почему ты используешь фишки es6 без транспиляции (интерполяция строк)? IE11 ничего кроме let, const не поддерживает.
Страшно подумать, что спрашивают на должности с++ девелопер. Надеюсь не программу забабахать за одну ночь))
Насчет C++ не знаю, но на C# мне давали задание сделать приложение (можно консольное) "корзина с товарами". Срок давали стандартный - неделю. Нужно было вбить веса для пяти товаров, у корзины есть лимит на максимальный вес, нужно отсортировать товары по убыванию по весу, программа должна вывести сколько товаров влезло. И надо было еще сделать тесты на этот алгоритм :)
@@HiProTeam Ну консольная приложуха по проще, с GUI возиться не нужно, к сожалению на с++ джуны не нужны, тут сразу мидлы требуются😔
Серьезно, jQuery в 2020))) ребят, прям не советую идти к ним в разработку, сейчас на собеседовании максимально нужно знать ванильку, в серьезной конторе очень хотят проверить знание базы, слишком много случаев, когда человек знает только библиотеку или Фреймворк, а это не специалист, больше верстальщик) jQuery ))) прям поржал))))))
Не знаю, читали ли вы остальные комментарии, но там уже это обсуждали :) могу лишь добавить, что те кандидаты, которых взяли, очень хорошо себя показывают в работе, не ограничивают себя только jQuery и используют React, Angular в других проектах.
И решение брать человека или нет принималось не только на основе тестового задания :)
И ксате JQery ни к чему не обязывает, это всего помощник в создании страниц, по большей степени для запросов и немного стилизации.
Тем не менее кандидату необходимо знать что умеет jquery и как его использовать. Данный кандидат не знал :)
Странное задание на джуна. Как по этому заданию можно определить понимает ли что-то человек или нет? Ну HTML/CSS - Окей, тут будет примерно понятно, но js, jQuery - сомнительно.
Как ни странно - оно помогло. Остальные пять кандидатов справились намного лучше, плюс по интервью тоже лучше себя показали.
на 11:02 это какой то локальный прикол с подколом любителей реакта ?
Это был тест на внимательность :)
Топчик 👍
Спасибо )
за "реакт" лайк
Спасибо за внимательность 😀
Прикольно)
Светлая тема =(
Забыл поменять перед записью :)
Ahuet, bravo
То чувство когда везде заставляют писать на нативном и переписывать с jq на нативный js а тут надо с ходу jq
Поделитесь опытом как можно подробнее? :) что вас заставляли переписывать (целиком приложение, плагины и тд)? Сколько примерно времени заняло, и как это аргументировали ? :)
Мне интересно в каких случаях компании решают это делать и какие результаты получают :)
Почему многие в комментах ругаются за сброс стилей браузера? Что в этом плохого. Библиотеки типа нормалайз или ресет считаются дурным тоном у фронтендеров?
Люди, конечно, не уточняют, но, кажется, им не нравится глобальный сброс стилей :) например, сбрасывать стиль для ul - рекомендют сбрасывать стиль для тега ul имеющим хотя бы какой-нибудь класс: ul[class]
Например, чтобы в страницах, имеющих какой-нибудь контент, генерируемый пользователем применялись стандартные стили.
Но, по-моему, сбросить стиль глобально и потом поставить так, как надо - вполне нормально. Кто к чему привык :)
Так сейчас же тенденция отхода от jQuery.
В целом - да. Но кто-то до сих пор использует в старых приложениях, где очень простой фронтенд :)
@@HiProTeam кстати, почему не использовались rem в стилях?
@@ДмитрийПономарев-д1ю Вполне можно было. Думаю, обновлю когда-нибудь этот код с учетом своих ошибок :)
Может кто-нибудь объяснить, кому в 2021 вообще нужен jquery? Разве что для поддержки какого-нибудь Легаси, но я за такое ни за какие деньги браться не буду.
Да, это можно назвать легаси. Проекту 5-7 лет, jquery там делает довольно мало - календари, небольшой интерактив и все. Остально рендерится на сервере. Это не SPA, к которому все привыкли в последнее время.
Судя по тому, что на эту вакансию откликнулось 6 человек, то еще есть люди, которые могут за это взяться :) к тому же так ли много специфики в jquery? Ведь можно спокойно писать все на js, и потом нужные события привязать в нужных местах :) Но для тестового задания было важно, чтобы будущий сотрудник знал, что где-то не нужно писать велосипед, если есть что-то готовое в jquery.
@@HiProTeam Вот именно, всего 6 человек, а новичок посмотрит это видео и побежит быстрее Jquery учить, вместо JS\TS. Современный JS ведь ничем не уступает Jquery, человек очень многое потеряет, лучше потратить время и освоить базовый JS + возможности стандартов ES7-ES9 :) А ты пнул бедолагу в видео :) Ну как-то такое.
Он один из всех сделал такой плохой код :) у остальных в коде была видна структура и выполнены все требования. Плюс по общению он тоже показал себя не с лучшей стороны.
Не вижу ничего плохого в том, чтобы изучить jquery - не так уж там и много всего :) Ведь человек сможет быстрее получить работу и изучать параллельно js и что-то более современное.
@@HiProTeam Если под "работой" вы подразумеваете написание говнокода на фрилансе - то вполне может быть и так, однако я сомневаюсь, что хоть кто-либо возьмёт на работу человека, который учил тупиковую библиотеку вместо JS. Пожалуйста, @Hi Pro! Не потворствуйте тенденции к разведению дебилов, которые учат сначала библиотеку\фреймворк, а следом "доучивают" ЯП, вот именно по этому у фронтенд такая нехорошая репутация.
Погодите, вы еще забыли про php :)
Например, интернет-магазин на opencart тоже использует jquery по умолчанию. И люди ведь еще делают такие магазины. И поддерживают.
По-моему, практика взять человека и доучить до нужного уровня - это вполне хорошо, ведь в плюсе и работодатель и работник. А насколько ответственно к этому относятся обе стороны - это уже другой вопрос.
Забавно, как автор убирает "плохую" верстку, а потом демонстрирует диватоз в терминальной стадии. HTML5 и ES6 в каком году вышли? Про jQuery уже все сказали
1:50 Не положил к себе на комп либу Jquerry. Я думаю, у него было просто мало места на жестком диске. Возможно, работал с ноутбука.
В таком случае исполнитель должен предупреждать о деталях - показать свою ответственность и вовлеченность :) и тогда это не было бы минусом
@@Nandarion Почему бред? У меня на ноутбуке встроенный ссд на 140 Гб. Постоянно не хватает.
@@Nandarion Jquerry ~ несколько КБ? Серьезно? (Но может рили так, я не особо в теме). На прошлом компе попробовал визуалку с Си шарпом поставить, 40 гигов занял.
Хорошо не буду
Сколько времени давалось на выполнение задания?
Одна неделя
@@HiProTeam Спасибо, я думал пару часов дали в офисе. Для дома и недели слабоватая работа даже для полного нуля
После обязательности jquery я задумался, но как только услышал "ЯВАСКРИПТ", сразу всё понял и выключил видео...
..но потом вернулся и написал комментарий :) а если серьезно , то да, надо бы «джава скрипт» говорить. дурацкая привычка :)
Охуеть, какие лютые придирки. Лучше бы так код-ревьювили джунов которых продаете как сеньоров, а им кидаете огрызки с барского стола. А вообще советам новичкам, те кто просят тестовые делать - сразу нахуй.
Спасибо за комментарий. К сожалению, есть свои тонкости при подборе людей в команду. И неважно на какой уровень.
Если бы вакансия предполагала работу с каким-то несложным продуктом, на который есть публичные "уроки", инструкции, сообщество - то, тестовое задание не особо было бы нужно - можно научиться относительно быстро и не затратно.
А когда ищут человека на поддержку коммерческого продукта с закрытым исходным кодом - то нужны знания, т.к. передача знаний по этому продукту занимает много человеко-часов. И представь себя на месте заказчика - полтора месяца ты обучаешь сотрудника, а он не может свой код написать так, чтобы после него не приходилось переделывать или чтобы не сломать другие части приложения. Это потеря довольно большого количества денег, времени и нервов. А в некоторых случаях и репутационные "потери". Простым общением навыки не проверить.
И если говорить про конкретно эту вакансию, то из шести соискателей это был единственный, кто написал код вот настолько плохо. И он был единственный, кто хвалился, что в IT сфере он аж с 2000 года, и даже участвовал в разработке игры.
По поводу "финансовой" части - я не считаю, что надо обманом преподносить джуна как сеньора. Ясность и прозрачность отношений между заказчиком и исполнителем принесет гораздо больше денег в долгосрочной перспективе.
Писать на Jquery в 2020 году!!! вы извращенцы 🤢🤢🤢
А что бы вы делали на месте заказчика? :) Представьте, что у вас есть проект, приносящий доход в течение последних пяти лет. Кодовая база довольно большая. Контент в нем генерируется на сервере, Jquery там используется, чтобы отобразить календари, скрывать какие-нибудь блоки, и делать запросы к api, чтобы интерактивно что-то отобразить. На это все есть проверенные библиотеки.
Таким образом получаем приложение, в котором 99,9% логики делается на сервере.
Кому может понадобиться переписывать все это на что-то современное? :) И зачем? :)
@@HiProTeam Пожалуй вы правы,зря быканул )
@@HiProTeam Я бы потерял интерес к работодателю, который на jQuery давит. Если это неизбежное зло то ещё ладно, но если тестовое задание, то это политика компании.
Почему в конструкция типа items.filter(item => item === something) используются функции, а не используются стрелочные функции, попахивает смешением стилей ES5 и ES6. Почему вообще нет архитектуры от слова совсем, почему не используются классы, например или функциональный стиль? Фактически лапша просто разбита на функции и все. От этого код все равно остается лапшой. Не надо так, пожалуйста.
Насчет стрелочных функций и фильтрации - тут да, ошибся. Вообще одно из требований было, чтобы приложение работало в какой-то из версий IE (одна из последних на момент проведения собеседования). И в ней не поддерживались стрелочные функции..
Как бы вы разбили код? (Не забываем, что собеседование для джуна). Если есть возможность скиньте ссылку на гитхаб :)
Думаю это было бы полезно увидеть.
@@HiProTeam Сейчас рынок перенасыщен джунами, можно выбирать. Если джун не знает ООП, то ну его нафиг. Вообще у джуна должен быть либо коммерческий опыт от 2х лет либо его эквивалент в плане знаний. Что касается архитектуры задачи, то подойдет просто MVVM
@@ДмитрийКуликов-ы9ч7ф > Сейчас рынок перенасыщен джунами
> коммерческий опыт от 2х лет
?)
У нас - заюзал jquery = нахер с пляжу
Не все такое чёрное и белое:)
В новых проектах - да, сейчас мало в этом смысла. А на поддержке старых - приходится использовать. Вопрос времени - когда это все надоест разрабам, и они захотят обновить до актуального :) а конкретно в этом проекте - рендеринг серверный, jq там для небольших украшательств и интерактива. Но задание позволяет понять может ли соискатель разделить код на блоки, использовать знания библиотеки (чтобы не изобретать велосипед).
Сделайте группу в Телеграм
Ок, добавил, ссылка в описании :)
@@HiProTeam Спасибо!
Да автор как бы и сам дивно верстает
Спасибо за отзыв:) в целом было бы полезно, если бы вы раскрыли подробнее эту тему. Надеюсь, это поможет не совершать ошибки как мне, так и тем, кто посмотрит ролик :)
@@HiProTeam Ва уже указали на отсутствие семантики. Могу только добавить, что вы верстаете ИНТЕРАКТИВНЫЙ СПИСОК месяцев дивами. Доступности такой подход тоже не добавляет - с клавиатуры вашим приложением нельзя пользоваться. Не обижайтесь, но когда такие ошибки делает юниор - это нормально, но когда так работает программист с претензией на опыт в отрасли - это печально.
Какие уж обиды :) С отсутствием семантики - это да, увлекся. По поводу доступности - это хорошо, когда она есть, и в последующих роликах, пожалуй, буду уделять этому внимание.
К сожалению, в проекте, на который искали сотрудника, на "доступность" не уделяют большого внимания (есть своя специфика), поэтому заказчик не запрашивал таких требований к кандидатам.
@@HiProTeam Заказчик не обязан знать про доступность, он нанимает специалиста чтобы получить удобный интерфейс. А доступность - фактически стандарт отрасли и показатель профессионализма исполнителя. Нарисовать див с дивами не быстрее чем нарисовать список с кнопками.
Уделяйте, пожалуйста) успехов
джиквери в 2021?
Да. учитывая, что проекту около 7 лет :)
@@HiProTeam а. ну тогда норм. а то я уже испугался)))
ул
Верстальщик который считает себя программистом. Нзвание же Junior Frontend Developer, а Junior Web Designer. Кандидат вполне достойно справился кроме импорта библ.
Кандидат типичный программист, а автор типичный верстальщик
Все познается в сравнении :) другие кандидаты сделали тестовое задание на порядок лучше. И по коду, и по внешнему виду.
Не знаю что вы имеете в виду под "типичный программист", но отзывы от бывших коллег этого кандидата были негативные (по профессиональной части). Так что ваши выводы ошибочны :)
@@HiProTeam типичный программист доволно ленив, это наблюдается сразу и врядли ли он станет верстать страницу, а наоборот попытается использовать как монжно больше скрипта для формирования содержимого. Вы же сразу начали верстать, а это типичное поведение для верстальщика. Это связано с тем как проходило обучение человека. Верстальщики начинают всегда с верстки, но а программист с логики и попытается программно формировать содержимое
То же самое с использование библиотек. Программисты используют их как что-то вспомогательное, просто их так учат. Верстальщик же считает (не каждый и не всегда, но в большей степени это их типичное поведение), что библиотека это что-то сакральное и обязательное. Хотя тут ленивый программист тоже всегда будет пытаться прибегать к помощи библиотки как чего-то обязательного. Это мое субъективное мнения. Мои личные наблюдения.
@@HiProTeam Сори, без обид.
это явно не джава скрипт!
А что тогда? :)
@@HiProTeam HTTP !? )) но возможно и паскаль я только месяц назад начал изучать программированеи )))
Нет, это точно js. Если тебя смутило что переменная обявленая через var, как в паскале, то это старый стандарт JS, let появился позже. Как пруф что это js посмотри разширение файла
@@alexseeko спс за адекватный ответ . :)
Чувак хотя бы как-то сделал. А из-за таких как вы у людей рушатся мечты и надежды и они идут куда-то на завод или грузчиком. А могли бы взять и за пару месяцев показать как надо на реальных проектах
Но насколько это справедливо по отношению к тем кандидатам, которые успешно справились и с заданием и с интервью?
И насколько жалость вообще может помочь в развитии?
И как сообщить заказчику, что мы выбрали худшего, чтобы его подтянуть. Вместо того, чтобы взять лучшего :)
Я тоже работал на заводе, когда был студентом :) меня хватило на месяц. Сразу понял, что это не мое, там я работать не хочу. И довольно быстро нашел хоть и непостоянную, но работу в небольшой вебстудии, где набрался хоть какого-то опыта. Выход есть:)
яваскрипт?
Прошу прощения, но код выглядит хаотичным.
- В html слабая структура.
- Стили навешиваются то на теги, то на классы.
- Библиотека подключается не локально.
- Используются em в перемешку с px.
- Тернарники для разных веток кода - плохо для читаемости.
- С колбеками нужно быть аккуратнее и стараться избегать.
+ Сброс через * паддингов и марджинов это хорошо.
+ Хорошие названия функций, не короткие.
Как идея для ролика, улучшить этот код, мы, с ребятами из комментариев, поможем)
Да, я уже тоже думал об этом 😁
jQuery🤢🤮
💰😀
неправдоподобно, похоже на фейк.
Вам просто не попадались настолько плохие разработчики :) знали бы вы как у меня подгорало, когда он пытался защищать свой код
полный отстой(
Ого, почему же?
@@HiProTeam jQuery
@@max16541 Все не так однозначно :) даже такой монстр как Apple до сих пор использует jQuery в своих опросах. Скорее всего потому что тоже было сделано давно, оно работает и не нуждается в обновлении :)
Смысл вызывать jQuery на ready событие, если скрипт грузится в футере? Правильнее юзать (function($) {})(jQuery). В jQuery 3 такая конструкция (как в видео) будет игнорить событие on('load), так как в 3 версии ready и load вызываются асинхронно. Можно потом долго репу чесать и думать почему событие on('load') то работает, то нет.
Так же вопрос о font-family. У вас там один всего лишь шрифт вписан (что уже неправильно, всегда необходимо писать еще fallback шрифт), а вы его еще и оборачиваете в ''. Зачем?
jquery в 2021. сажаскрыл
" Дивная " верстка у Вас. А где же , ... ?
Да забыл. Но ведь хорошо, что не табличная верстка:)
Дивные у вас кавычки, зачем-то пробелами от слова отделяются...
@@HiProTeam по-моему автор просто стебется над всеми нами
@@ВсадникАпокалипсиса-я9е кто ж знает 🤷♂️
jQuery? 🥴
Да :) как уже писал в других комментариях - в проекте серверный рендеринг и jquery используется для интерактива: календари для выбора дат, скрыть-показать что-нибудь , отправить-подгрузить данные изредка. Плюс проекту около 5-7 лет. Так что вполне норм:)
@@HiProTeam ппц... Я всегда думал, что джунов берут на проекты с более-менее новыми технологиями. Хотя видимо во многих компаниях их нанимают делать работу, которую не хотят делать мидлы и сеньоры. Лично я по уровню где-то джун и я ни одной строчки не писал на жиквери.
Мой дед-программист словил флешбеки, увидев условия задания
Представь каково было искать людей на такую вакансию )
Это то что я искал ++
Отличный видос, продолжайте
Спасибо )
Посмотрел и понял, что с моим умением делать любые вещи через десять костылей - никуда не пробиться. Это при том, что и ботов писал, и приложения на нейросетях и ребёнку для веселья сделал самообучающиеся крестики нолики) но там такой говнокод, что его без бутылки не разберёшь))
И вот вроде знаешь js и node.js, а на выходе какашка, которая почему-то работает))
Значит настало время структурировать свои знания :)
@@HiProTeam в моем случае достаточно было просто сбежать в 3д :) там тепло и уютно)
Как добавить лайки /дизлайки в блог на чистом js(в форме html есть кнопка и каунтер 0)? Автору респект и новых видео!
Если уж совсем просто, то план такой: отправить на сервер событие, что кто-то нажал на кнопку, посчитать сколько таких было нажатий (должно быть записано каким-либо образом в базе данных), отправить ответ. При загрузке страницы либо сразу генерировать ее с этим числом, либо js будет подгружать.
@@HiProTeam спс за теорию, я даже видео не могу найти по этой теме, может есть какие ресурсы?
Досмотрел до 3.55 и фразы :" Пока всё выглядит довольно просто." Пойду информатику повторю, а то к 46 годам немного подзабыл материал. На всякий пожарный подпишусь, вдруг сгодиться канал. Развивайтесь и есть одно пожелание, по медленнее пожалуйста, я записываю.
Спасибо :) в новых роликах постараюсь чуть побольше пауз вставить
@@HiProTeam не надо, есть пауза и замедление
Прям годный контент, с меня подписка
Спасибо )