Junior Frontend разработчик - тестовое задание с собеседования

Поділитися
Вставка
  • Опубліковано 14 лис 2024

КОМЕНТАРІ • 62

  • @vladislavt9864
    @vladislavt9864 3 роки тому +55

    Тестовое больше похоже на позицию верстальщика, но не как не на позицию frontend developer. Сейчас если кто то хочет устроиться совет, как минимум знание асинхроного js , знать какую либо библиотеку по типу React Angular или Vue , Redux а желательно еще и redux tollkit, TS будет большим плюсом. Умение вытащить данные с api и грамотно ими воспользоваться.

    • @alexandrgusletsov2567
      @alexandrgusletsov2567 Рік тому +1

      без опыта даже не рассматривают на реакт ! плюс везде пишут , что будет плюсом но подразумевается мидл разработчик а то есть следующее будет плюсом , например : либо sql БД / node.js / agile / redux-hook / ну и тд и тп !! ещё конечно без TS тоже уже не катируется ! пару раз видел на junior пишут что будет плюсом three.js - ну это высший пилотаж конечно, junior! Вы серьёзно ?! иногда хочется так и спросить ! Мне просто хотелось высказаться ! Всем успехом в начинаниях! Ведущему респект , смотрю понравилось

    • @ДанилДмитриев-я5м
      @ДанилДмитриев-я5м Рік тому

      @@alexandrgusletsov2567 как давно учитесь?

  • @СергейСуворов-ч7ъ
    @СергейСуворов-ч7ъ 3 роки тому +1

    Очень понравилось Интересная задумка Приближает к реальным условиям Надеюсь это станет традицией на вашем канале Спасибо )

  • @Shingunwook
    @Shingunwook 3 роки тому +1

    Спасибо вам огромное, очень полезно

  • @СлаваБогузавсё-щ6д
    @СлаваБогузавсё-щ6д 3 роки тому +5

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

    • @WebCademy
      @WebCademy  3 роки тому +2

      Можно реализовать.

  • @やくざちらつき
    @やくざちらつき 3 роки тому

    Очень интересный подход к заданию, спасибо за то, что передаёте нам свой опыт.

  • @uk-lych_sveta
    @uk-lych_sveta 2 роки тому

    Спасибо за контент и интересную подачу, все для меня очень познавательно, как начинающего верстальщика, точнее стремящегося стать им.

    • @uk-lych_sveta
      @uk-lych_sveta 2 роки тому

      Сегодня весь день провел на вашем канале, как зомби, не мог остановиться.

    • @WebCademy
      @WebCademy  2 роки тому +1

      Здорово) Рад что контент заходит!)

  • @yevheniidodiak3644
    @yevheniidodiak3644 3 роки тому +3

    Надеюсь когда меня будут нанимать - дадут такое тестовое задание =) Спасибо , мне было полезно. Всё не зря ! =) Вы с каждым уроком даёте уверенность в себе. Спасибо вам за время =)

  • @やくざちらつき
    @やくざちらつき 3 роки тому +1

    Можете в дальнейшем выложить видеообзор о сниппетах,которыми сами пользуетесь?Для ускорения написания кода.

  • @НикитаРешетняк-ф5б
    @НикитаРешетняк-ф5б 3 роки тому +5

    Это скорее на должность html верстальщика задание ,а не на фронта

  • @ДмитрийИванов-б5т9с
    @ДмитрийИванов-б5т9с 2 роки тому +3

    Требовать от джуна глубокого понимания архитектуры и просить написать ее с нуля это очень сильно...

  • @danielm.9004
    @danielm.9004 2 роки тому +1

    Почему мне такие задания не попадаются?
    То личный кабинет состряпать с системой авторизации, то корзину для магазина на vue через store.

  • @sharic_afk
    @sharic_afk 3 роки тому +2

    странно, норм компания ищет джуна- задание по сложности ~ начинающий верстальщик. и кажется, что использовать row-gap не норм практика сейчас, у него слишком плохая поддержка

    • @WebCademy
      @WebCademy  3 роки тому +1

      Я об этом упомянул в видео. 👌

  • @levonaslanyan8361
    @levonaslanyan8361 3 роки тому

    GOOD)))

  • @XRONIKA
    @XRONIKA 3 роки тому

    Бладогарю за урок!
    59:55 - почему бы не скрыть радиокнопку с помощью "display: none" ?
    Как раз то, о чем вы говорили - чтобы не было лишних пробелов и отступов?

  • @АндрейСпичак-ь4б
    @АндрейСпичак-ь4б 3 роки тому +2

    Юрий, спасибо за интересный урок, но как здесь уже писали, какое-то лёгкое задание. Мне тут на днях прислали тестовое для Джуна, но гораздо сложнее. Основная сложность заключалась во множественных фонах. Я, конечно, нагородил там кода и визуально что надо было, получил, но интересно как бы Вы сделали вёрстку.
    И ещё, было бы интересно, если бы Вы попробовали результат данного видео отправить ответом на это тестовое и сделать продолжение с ответом из компании, где они разместили это тестовое.

    • @WebCademy
      @WebCademy  3 роки тому +1

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

  • @rinatvaliullov3247
    @rinatvaliullov3247 3 роки тому +2

    Перезалейте макет, пожалуйста. Не скачивается

    • @WebCademy
      @WebCademy  3 роки тому

      Только что проверил. Скачивается, файл wrike-test-task.fig

  • @VideosFromNorway
    @VideosFromNorway Рік тому

    Эхх макет на скачиваеться(

  • @d_r_robot
    @d_r_robot 3 роки тому +3

    больше практики

  • @McBossRacerSever
    @McBossRacerSever 3 роки тому +1

    Если добавили класс к диву с заголовком title-1, который по вашим же словам должен соответствовать h1, h2... и тд., так почему "Choose a template" не в теге h1?

    • @WebCademy
      @WebCademy  3 роки тому +3

      Скажу прямо. Под каждым видео всегда появляются комментарии и споры касательно семантики. В данном случае я решил исходить из того что модалка - часть более большего интерфейса, и опустил момент с семантикой. Об этом также упомянул. Вижу смысл прописывать семантику от и до когда верстаю полноценную полную страницу, а здесь элемент интерфейса.
      Визуальный класс соответствующий первому уровню заголовка и собственно html тег первого уровня вещи разные. Иногда визуально мы хотим что-то отобразить по одному, но не давать ему эту роль по семантике, в таких случаях и можно использовать данный прием.

    • @McBossRacerSever
      @McBossRacerSever 3 роки тому +1

      @@WebCademy Ясно, спасибо за ответ.

  • @maxzm1279
    @maxzm1279 2 роки тому

    почему мы используем div.header вместо обычного header? Разве с точки зрения семантики это не является ошибкой?

    • @PeacefulWarriorKZ
      @PeacefulWarriorKZ 2 роки тому +1

      Мое понимание такое:
      Мы работаем не с главной страницей, а с модальным окном, поэтому такая разметка.
      На главной странице обычно у нас есть теги header, main и footer, и если main - это блок с эксклюзивным контентом, то header и footer повторяются на всех последующих.
      Т.к. мы работаем не с главной страницей, а с модальным окном, которое не подразумевает дальнейшего перехода в нем же на другие стр, нам нет смысла писать header, main и footer.
      Поправьте меня, если я ошибаюсь, погрузился в тему месяц назад и понимание такое пока что.

  • @kssusha.
    @kssusha. 3 роки тому +4

    Не получается скачать макет

  • @mark43d
    @mark43d 3 роки тому

    Может я что то упустил, но если будет дополнительно не 3, а 2 карточки то при space-between они будут смотреться не так как нужно..

  • @dmitriystoyanov933
    @dmitriystoyanov933 2 роки тому

    Интересно. Когда я вливался на Джуна дали тестовое с запросами, пагинациями, хитрыми фильтрами и т.д.;)) небо и земля.

  • @alexandersobiborets9705
    @alexandersobiborets9705 2 роки тому

    Подскажите пожалуйста название темы в VS Code 😁💻

  • @Дмитрий-д8о6м
    @Дмитрий-д8о6м 9 місяців тому

    вот это скилл....

  • @manofsteppe179
    @manofsteppe179 3 роки тому

    Юрий, когда у вас скидки будут конкретные типа 90% off)))

    • @WebCademy
      @WebCademy  3 роки тому

      Можно поднять цены в 10 раз и сделать скидку в 90%. Но я не сторонник такого способа. Есть рассрочка, от школы либо от банка.

    • @manofsteppe179
      @manofsteppe179 3 роки тому

      @@WebCademy а рассрочка только для граждан рф? я казах

    • @WebCademy
      @WebCademy  3 роки тому

      ​@@manofsteppe179 На 12 месяцев только РФ, потому что через банк. Есть рассрочка на 2 месяца, она от школы напрямую, для всех.

  • @boole_cat
    @boole_cat Рік тому

    макет не доступен.

    • @WebCademy
      @WebCademy  Рік тому

      Обновил ссылку. www.figma.com/file/JTeBDr2ccYkRpUqEDCP4qj

  • @web__dev
    @web__dev 2 роки тому

    Юра посмотри пожалуйста ссылку, она не работает пробовал и через v p n

    • @WebCademy
      @WebCademy  2 роки тому

      Зухраб, привет. Проверил все ссылки в описании под видео. Работают. Макет также скачивается. Какая именно ссылка не работает?

    • @web__dev
      @web__dev 2 роки тому

      @@WebCademy макет не открывает

    • @WebCademy
      @WebCademy  2 роки тому

      @@web__dev Так его надо перетянуть в Фигму. Или даже после перетаскивания она выдает ошибку?

  • @dis1755
    @dis1755 3 роки тому

    Какое то изи задание. Я помню такую дичь верстал, когда устраивался

    • @WebCademy
      @WebCademy  3 роки тому

      Да, меня тоже немного удивило, но что есть то есть. Вакансия с LinkedIn страницы компании.

  • @righttruth8920
    @righttruth8920 3 роки тому

    "Обучение с нУля" - так будет правильно.