Yandex for Frontend
Yandex for Frontend
  • 652
  • 3 820 031

Відео

А оно вам надо? / Особый формат о карьере во фронтенде
Переглядів 1,8 тис.21 годину тому
Это особая секция на «Я💛Фронтенд 2024» - нашей главной фронтенд-конференции. На ней мы обсудили, как делать удобные интерфейсы, использовать популярные и не очень инструменты, правильно относиться к себе и сообществу и строить карьеру. Послушаем 5 личных историй о том, как стартовать с джуна в разработке и постепенно менять карьерные роли. Наши спикеры: 🔸 Сергей Бережной из Яндекса 🔸 Алексей Ох...
Любовь и ненависть фронтенда / Алексей Симоненко
Переглядів 97121 годину тому
Это Алексей Симоненко из HTML Academy и его доклад на «Я💛Фронтенд 2024» - нашей главной фронтенд-конференции. На ней мы обсудили, как делать удобные интерфейсы, использовать популярные и не очень инструменты, правильно относиться к себе и сообществу и строить карьеру. В своём докладе Алексей с высоты 24-летнего опыта порассуждал о том, что значит быть фронтендером, о ценностях сообщества, его п...
Познаём Elysia и Bun - фреймворк, сделанный для людей / Всеволод Деткин
Переглядів 1,4 тис.21 годину тому
Это Всеволод Деткин из Элитриума и его доклад на «Я💛Фронтенд 2024» - нашей главной фронтенд-конференции. На ней мы обсудили, как делать удобные интерфейсы, использовать популярные и не очень инструменты, правильно относиться к себе и сообществу и строить карьеру. В своём докладе Всеволод разберёт новый веб-фреймворк для создания серверных приложений, вооружившись силой TypeScript и Bun. И сравн...
Геймдев на ChatGPT / Александр Коротаев
Переглядів 608День тому
Это Александр Коротаев из BeerJS и его доклад на «Я💛Фронтенд 2024» - нашей главной фронтенд-конференции. На ней мы обсудили, как делать удобные интерфейсы, использовать популярные и не очень инструменты, правильно относиться к себе и сообществу и строить карьеру. В своём докладе Александр расскажет о своём эксперименте. Однажды ему предложили разрабатывать игру на вебе, и он решил, что код везд...
Копаем глубже в Feature-Sliced Design / Александр Моргунов
Переглядів 3,5 тис.День тому
Это Александр Моргунов из Samokat.tech и его доклад на «Я💛Фронтенд 2024» - нашей главной фронтенд-конференции. На ней мы обсудили, как делать удобные интерфейсы, использовать популярные и не очень инструменты, правильно относиться к себе и сообществу и строить карьеру. В своём докладе Александр расскажет об архитектурной методологии Feature-Sliced Design (FSD). Архитектура - это всегда сложно: ...
Как мы съезжали с CRA (и речь не про Vite) / Никита Балихин
Переглядів 745День тому
Это Никита Балихин из Газпромбанка и его доклад на «Я💛Фронтенд 2024» - нашей главной фронтенд-конференции. На ней мы обсудили, как делать удобные интерфейсы, использовать популярные и не очень инструменты, правильно относиться к себе и сообществу и строить карьеру. В своём докладе Никита расскажет, как ребята внутри Газпромбанка постарались соблюсти баланс между гибкостью и простотой в реализац...
Как не замучить пользователя плохими контролами / Илья Бирман
Переглядів 1 тис.День тому
Это Илья Бирман из Дизайн-бюро Артёма Горбунова и его доклад на «Я💛Фронтенд 2024» - нашей главной фронтенд-конференции. На ней мы обсудили, как делать удобные интерфейсы, использовать популярные и не очень инструменты, правильно относиться к себе и сообществу и строить карьеру. В своём докладе Илья покажет, как плохие контролы могут доставлять мелкие неудобства, которые достаточно быстро доведу...
Как мы строили телефонию на WebRTC \\ Егор Брагин, Яндекс Go
Переглядів 1 тис.21 день тому
Как мы строили телефонию на WebRTC \\ Егор Брагин, Яндекс Go
Добавление темизации в проект \\ Анастасия Барташук, Яндекс Такси
Переглядів 82921 день тому
Добавление темизации в проект \\ Анастасия Барташук, Яндекс Такси
Оптимизация веб‑приложений на примере Турбоаппа Такси \\ Сергей Алейников, Яндекс Go
Переглядів 1,8 тис.21 день тому
Оптимизация веб‑приложений на примере Турбоаппа Такси \\ Сергей Алейников, Яндекс Go
Я💛Фронтенд 2024. Разбор задач Capture the Flag
Переглядів 2,1 тис.2 місяці тому
Я💛Фронтенд 2024. Разбор задач Capture the Flag
Я 💛 Фронтенд 2024. Как это можно переписать?
Переглядів 5 тис.3 місяці тому
Я 💛 Фронтенд 2024. Как это можно переписать?
Как сэкономить человеко век на разработке интеграций JS API, Максим Штырь
Переглядів 1,7 тис.5 місяців тому
Как сэкономить человеко век на разработке интеграций JS API, Максим Штырь
Дискуссия Кто такой Фронтендер Сергей Бережной, Алина Ваниева, Андрей Мелихов, Иван Артамонов, Юрий
Переглядів 1,2 тис.5 місяців тому
Дискуссия Кто такой Фронтендер Сергей Бережной, Алина Ваниева, Андрей Мелихов, Иван Артамонов, Юрий
Ни один дисклеймер не пострадал, Иван Метелёв
Переглядів 5245 місяців тому
Ни один дисклеймер не пострадал, Иван Метелёв
Тестируй сценарии, а не JSON, Александр Заверняев
Переглядів 1,3 тис.5 місяців тому
Тестируй сценарии, а не JSON, Александр Заверняев
Монорепа для больших и маленьких, Руслан Муфтиев
Переглядів 2,7 тис.5 місяців тому
Монорепа для больших и маленьких, Руслан Муфтиев
04. Ускоряем Time To Market - Иван Артамонов
Переглядів 2,1 тис.10 місяців тому
04. Ускоряем Time To Market - Иван Артамонов
03. Ajax от A до X - Александр Сулима
Переглядів 3,6 тис.10 місяців тому
03. Ajax от A до X - Александр Сулима
02. Сотни компонентов, сотни экспериментов и всего одна страница - Константин Носов
Переглядів 2,3 тис.10 місяців тому
02. Сотни компонентов, сотни экспериментов и всего одна страница - Константин Носов
01. Что делать, когда бандл нужно «посадить на диету» - Софья Гусева
Переглядів 2,4 тис.10 місяців тому
01. Что делать, когда бандл нужно «посадить на диету» - Софья Гусева
05. ДАА!! ML на JavaScript! Но зачем? - Алексей Охрименко
Переглядів 2,8 тис.10 місяців тому
05. ДАА!! ML на JavaScript! Но зачем? - Алексей Охрименко
WebAssembly и веб на TypeScript, Александр Коротаев
Переглядів 5 тис.11 місяців тому
WebAssembly и веб на TypeScript, Александр Коротаев
Кому нужны фронтендеры, Андрей Смирнов
Переглядів 4,5 тис.11 місяців тому
Кому нужны фронтендеры, Андрей Смирнов
Копаемся под капотом браузера, как работает event loop и compositing, Сергей Чикуенок
Переглядів 10 тис.11 місяців тому
Копаемся под капотом браузера, как работает event loop и compositing, Сергей Чикуенок
Разбор заданий Capture the Flag и награждение победителей, Евгений Телегин
Переглядів 57011 місяців тому
Разбор заданий Capture the Flag и награждение победителей, Евгений Телегин
Telegram как новая платформа для ваших сервисов, Даниил Лаптев
Переглядів 2,3 тис.11 місяців тому
Telegram как новая платформа для ваших сервисов, Даниил Лаптев
Распутываем браузерные потоки, Полина Гуртовая
Переглядів 4,3 тис.11 місяців тому
Распутываем браузерные потоки, Полина Гуртовая
Как мы внедряли Е2Е-тесты и почему у нас ничего не вышло, Руслан Байгунусов
Переглядів 1,4 тис.11 місяців тому
Как мы внедряли Е2Е-тесты и почему у нас ничего не вышло, Руслан Байгунусов

КОМЕНТАРІ

  • @mishurovsky_ege
    @mishurovsky_ege 14 годин тому

    Откуда столько высокомерия? Откуда желание отвечать бессодержательными клише на важные для новичка вопросы? Жалко ребят, которые работают с такими «руководителями». А теперь по сути темы: 1. «Чистый код» и «Чистая архитектура». Важно, чтобы понимать, как устроен хороший код, и как не писать говно. 2. Найти в LeetCode "The LeetCode Beginner's Guide", секция "Explore Card Track", прорешать оттуда все задачи. Благодаря ему хорошо освоитесь с типами данных и их методами + разберетесь в структурах данных. Это как научиться ходить: кто-то не ходит и ездит на машине или постоянно думает, куда и как ставить ноги. А когда умеешь ходить, действуешь свободно и тратишь ресурс мозга на более сложные и интересные вещи. 3. По React и CSS у Josh Cameau есть два отличных курса. Они будут в разы эффективнее, чем «курить» даже хорошо написанную «доку» по React. Не говоря уже о CSS (есть ли вообще тот, кто с нуля выучил CSS по спецификациям W3C или хотя бы по MDN?) 4. По Vue на Udemy есть годный курс от Maximillian Schwarzmüller. 5. Для TypeScript сперва изучить "The TypeScript Handbook" на официальном сайте, а затем отправиться в репозиторий type-challenges, и прорешать оттуда хотя бы 50 задач. После решения задач работать с типами в реальном коде станет очень просто. Заодно научитесь замечать плохую архитектуру типов. В прод нести выкрутасы с типами не надо) 6. Если пока еще плохо с git, хороший и бесплатный текстовый курс можно найти у Atlassian. 7. Для всего остального - на Udemy точно будет годный курс, достаточно смотреть на рейтинг и дату обновления курса. Для углубленных вопросов и мелких библиотек уже да, документация. 8. Из бюджетных вариантов - опять же, Udemy (всегда по 10-20$ за курс) или FreeCodeCamp на UA-cam. 9. После этого стоит смотреть в сторону системного дизайна и расширять свои навыки командного взаимодействия + точечно углубляться в нужные библотеки. Это уже история для мидлов и выше.

  • @ahmadumarov2845
    @ahmadumarov2845 16 годин тому

    Доклад норм если судить по первым 8 минутам, но дальше прослушать не смог, как можно так ужасно свою дикцию коверкать и думать что это норм

  • @denispepper2830
    @denispepper2830 17 годин тому

    Отличный доклад!

  • @gyros9162
    @gyros9162 18 годин тому

    Шейминг, значит, у вас в порядке вещей?😅

  • @user-gi4pl5wh8e
    @user-gi4pl5wh8e 18 годин тому

    (сарказм) Да да книги не нужны)) достаточно документацию наизусть знать)

  • @alexeyfilippov42
    @alexeyfilippov42 18 годин тому

    Почитать можно - Грокаем алгоритмы для общего развития маст хев просто ванлав. Чистая архитектура вторая книжка

  • @user-fo8zz7ju6w
    @user-fo8zz7ju6w 20 годин тому

    крутишь 3.5 года опыта и полетели

  • @bulgarsky
    @bulgarsky 21 годину тому

    Приходит студент, хочет стать строителем. Да вон читай ГОСТы, че ты

    • @annalipower4830
      @annalipower4830 19 годин тому

      дядя вам за 40?

    • @user-gi4pl5wh8e
      @user-gi4pl5wh8e 18 годин тому

      Мб Яндекс таких и ищет, главное синтаксис знай а как думать там скажут

  • @goldstein1
    @goldstein1 День тому

    Ребят, с телефона нереально смотреть Может подумаем, как код сделать побольше? Вот 19:39, например

    • @YandexforFrontend
      @YandexforFrontend День тому

      Здравствуйте! Спасибо, что рассказали о впечатлениях от просмотра с телефона. Подумаем с командой, как сделать наши ролики удобнее для такого формата 🤔

  • @user-gs7ro3tl9t
    @user-gs7ro3tl9t День тому

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

  • @pick-pock
    @pick-pock 2 дні тому

    Яндекс, где таймкоды? Уважение к зрителям совсем отсутствует?

  • @osad4enko
    @osad4enko 2 дні тому

    для одностраничника ОК

  • @evstafyevandrew2198
    @evstafyevandrew2198 2 дні тому

    А, это ваши люди наезжают на прохожих (и на меня тоже) на тротуарах?! Уже минус

  • @developerdiary3136
    @developerdiary3136 2 дні тому

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

  • @elemeNtk0
    @elemeNtk0 3 дні тому

    О, я с этим дядей в Нарды играл!

  • @Maxim9575
    @Maxim9575 3 дні тому

    Доклад ни о чем, да еще и докладчик трясётся как липка, слушать максимально неприятно.

  • @elemeNtk0
    @elemeNtk0 3 дні тому

    Илья, попробуй отписаться от Яндекс Плюса ;))

  • @waldo_
    @waldo_ 3 дні тому

    Очень понравилось выступление Андрея Симонова про гибридные приложения. Жаль что не до конца раскрыли, как победили историю с "пролистыванием" на предыдущую страницу на iOS, переделав на свое решение. Было бы здорово узнать в какую копать сторону, ведь у меня на проекте аналогичная проблема. P.S. Помогите призвать Андрея в комментарии:)

    • @andsimon3
      @andsimon3 День тому

      Привет. Спасибо за лестный комментарий) По поводу iOS возвратов. Там на самом деле ничего сверхъестественного нет, поэтому не сильно углублялся. С нативной стороны отключили их полностью. Предположительно можно подробности найти по названию параметра WKWebView: "allowsBackForwardNavigationGestures". С фронтовой стороны сделали свой жест. На window ловим жесты с "{ catch: true }", начинающиеся в области, где обычно отступ контента (стандартные в нашем приложении 12-16px отступы). Глушим всплытие touch события, пока идет жест, чтобы ничто не реагировало на фоне на жест возврата. Когда нету предыстории - жест не показываем и не обрабатываем (Здесь уже исходя из проекта надо смотреть. У нас отдельно хранится история своя, поэтому просто смотрели на ее длину. Но можно, к примеру, просто скрывать на главной странице). При ожидаемом завершении жеста вызываем в конечном итоге history.back. Остальное уже чисто исходя из дизайна (тянучесть, длина жеста, визуал, вибрация и прочее)

  • @yd8874
    @yd8874 3 дні тому

    FSD это прекрасно ... мы всю дорогу с ним боремся.

  • @user-no7sl1yk3f
    @user-no7sl1yk3f 3 дні тому

    Блин, спасибо

  • @gyros9162
    @gyros9162 3 дні тому

    Александр классный докладчик! Просмотрел до конца. Но мне до сих пор не понятно, какие проблемы решает FSD на фронте, что делает проще, легче и быстрей. Ощущение, что этот FSD ради FSD и при этом довольно трудно ему следовать ибо концепция довольно субъективна

  • @adamburke4496
    @adamburke4496 4 дні тому

    Веб-приложения стали сложнее, а люди, которые особо с фронтендом не сталкивались, до сих пор распространяют заблуждение, что во фронтенд низкий порог входа. То что можно будет склепать с "низким порогом входа" никому сейчас не нужно.

  • @vgsnva
    @vgsnva 4 дні тому

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

    • @yunglocokid1457
      @yunglocokid1457 2 дні тому

      Иногда данная субъективщина играет на пользу) в общем то самими разработчиками FSD закладывалось то что каждая команда может подстроить методологию по своему, главное что бы кодеры в контексте одной команды понимали эти пастулаты)

    • @user-pc7ih3cb4y
      @user-pc7ih3cb4y 2 дні тому

      @@yunglocokid1457 их нельзя понять, у них нет определения

    • @radiofedor
      @radiofedor 12 годин тому

      Так потому что этот фсд буквально наркоман сова выдумал

  • @livechat1608
    @livechat1608 4 дні тому

    Че за эпилепсия у монтажера. Докладчик рассказывает новые штуки опираясь на слайд, нам покажут зал, покажут докладчика, покажут взгляд под углом, но не сам слайд 🤦‍♀️ Некоторые слайды в кадре появляются буквально на 2 секунды, даже прочитать не успеваешь как уже меняются. И это опять же гениальное чувство монтажника.

  • @cained2114
    @cained2114 4 дні тому

    Это вот всё было на полном серьёзе? Самый бестолковый и пустой доклад, состоящий из потока сознания и водопадом трюизмов, со смешной претензией на глубину, на самом деле понижающий общий градус полезности в остальном хорошей конференции. Видимо, это тот случай, когда автор забыл (или просто забил) сделать доклад, а сказать что-то нужно, но нечего. Ни разу ни один доклад ни на одной it-конференции ещё не выбешивал, тем более настолько сильно. Это настоящее оскорбление интеллекта присутствующих и неуважение к слушателям, высокомерие автора тоже на поверхности. Посмотрел за одно его сайт, ознакомился с отзывами HTML Academy (игнорируя эмоциональный мусор и 1/5) - картинка дорисовалась. Остальные доклады конференции - совсем другое дело, ребятам - уважение.

  • @y9san9
    @y9san9 4 дні тому

    Братан, хорош, давай, давай, вперёд! Контент в кайф, можно ещё? Вообще красавчик! Можно вот этого вот почаще?

  • @glebpokotilo9760
    @glebpokotilo9760 5 днів тому

    Шегги из Скуби-ду порадовал

  • @bulatawx687
    @bulatawx687 5 днів тому

    Какой унылый спикер

  • @xxxxrat
    @xxxxrat 5 днів тому

    Что, опять? Ну как в такой серьезной лекции можно утверждать, что изменение пропсов влечет перерендеринг? Простой пример: пропсы завязываем на ref, чтобы не происходил перерендеринг, и по клику в родителе их меняем. Пока не произойдет перерендеринг родителя (а в нашем примере он не происходит), fiber не узнает про изменение пропсов, потому что return родителя не вызовется. В остальном очень полезно, спасибо.

    • @temaProg
      @temaProg День тому

      Здравствуйте. Тут оговорка, изменение пропсов не приводит к перерендеру, это последствия перерендера

  • @fiatluxinregnonoctis
    @fiatluxinregnonoctis 5 днів тому

    Мандец, этот FSD такой запутанный))

  • @user-zh5kg2op4h
    @user-zh5kg2op4h 5 днів тому

    13:35 Courier New вообще нельзя вставлять в фонт-стек. Он ужасно выглядит, и фактически и так является предустановкой по умолчанию в браузерах. Но если кто-то - как я - переопределил моноширинный шрифт (например, на мой любимый Source Code Pro), то объявление Courier New совершенно зря перебьёт monospace. Лучше вообще не писать замещающие шрифты без веской на то причины и обойтись только семейством. Особенно касательно шрифтов по умолчанию вроде Arial/Helvetica, Times New Roman и Courier New.

  • @user-ot4vh9ks2d
    @user-ot4vh9ks2d 5 днів тому

    Жесть комменты. Ребята вы крутые делаете такие сервисы которых даже близко нет в мире🔥🔥

  • @j05gp
    @j05gp 5 днів тому

    Что-то похоже совсем народ от вас убежал, одни студенты остались.

  • @DreamFall1123
    @DreamFall1123 5 днів тому

    льем воду на мельницу целый час

  • @user-gr7uj3yw6f
    @user-gr7uj3yw6f 5 днів тому

    очень милый мальчик ^_^

  • @Black1991Star
    @Black1991Star 5 днів тому

    При всем уважении к Алексею, он просто вывалил на сообщество свои проблемы. Компании платят за результат, с появлением GPT не очень нужны твои рассуждения, чем твое решение лучше за то, что предложил ИИ. Твое решение лучше? Можешь доказать...? Он отжал творчество, Компания будет пилить сайт на тех технологиях которые знают нанятые разрабы... не подходит - уволят наймут разрабов новой технологии. Те кто хотят что-то двигать идут на codepen вот беда, оно не оплачивается.

  • @user-ex4iu4uq6b
    @user-ex4iu4uq6b 5 днів тому

    С каких пор на докладах яндекса начали пересказывать документацию проходных frontend фреймворков?

  • @ogsidian5191
    @ogsidian5191 6 днів тому

    Хороший доклад! Спасибо)

  • @quazijay
    @quazijay 6 днів тому

    Я просто напомню, что Бирман это тот человек, который пишет в своем блоге: "свяжитесь со мной - почта в футере", а когда ты пытаешься доскролить до футера, то подгружается endless лента из других записей блога. Странно, что этого примера гениального интерфейса не было в видео.

    • @irinamalinovskaya882
      @irinamalinovskaya882 5 днів тому

      Может быть Илья просто не хочет чтобы ему писали на почту...

  • @kromus
    @kromus 6 днів тому

    в сотни раз лучше и понятней объяснён FDS, чем в самой его документации ) спс.

  • @user-cd5xf5iz1n
    @user-cd5xf5iz1n 6 днів тому

    Изменилось что-то за два года?

  • @Joynashy
    @Joynashy 6 днів тому

    Продам комментарий

  • @RomanTchekashov
    @RomanTchekashov 6 днів тому

    Что плохого в модульной архитектуре на подобии той, что используется в Ангуляр проектах? FSD по сравнению с ней гораздо сложнее;( В одной крупной компании придумали, все копируют, совершают ошибки, сам FSD частенько конфликтует с другими библиотеками и фреймворками, при чем даже с документацией в ней сложно разобраться и по итогу проект только еще сложнее становится.

    • @valikirr
      @valikirr 5 днів тому

      тем что даже в ангуляре в модульной архитектуре можно довольно хорошо поговнокодить. fsd ложится хорошо под любую архитектуру будь то react, angular или vue, и вообще никак не конфликтует. В ангуляре не используя никакой методологии, можно наклепать модулей, и все равно иметь зависимости между модулями, потому что некоторые вещи с ростом проекта, как правило, начинают использоваться в нескольких модулях. можно вынести все в shared, тогда будет у тебя вроде как переиспользуемый код с одной стороны, а с другой стороны у этот код будет содержать бизнес логику, а так как еще он используется в разных модулях, наверняка он еще будет меняться под новые какие то требования, а это уже нарушает обычный SOLID. методология FSD совершенствуется, потому что общество растет, вопросов становится больше, и следовательно и ответов на эти вопросы. FSD требует не документацию, а целую книгу, потому что это архитектурная методология. Строгих инструкций тут быть не может. Ты также не найдешь документацию по DDD, нужно прочитать как минимум одну книгу, и поработать с каким то проектом, чтобы понять что да как.

  • @LRXAORLOV
    @LRXAORLOV 6 днів тому

    В вебе на enter обычно отправляется форма, а здесь в примере смена фокуса на след поле ( для этого есть tab). Мне кажется такое поведение не совсем привычно пользователю веба) что по этому поводу говорит доступность ?

  • @kkhyroe
    @kkhyroe 6 днів тому

    23:54 звуковик - легенда конференции

  • @RisDeep
    @RisDeep 6 днів тому

    Самое бесящее что встречал - это всплывашки и pop-up не дают выделить текст. И посмотреть перевод

  • @Spit1ire
    @Spit1ire 7 днів тому

    Кстати, пример интерфейса и контролов к которым хочется возвращаться, для меня это blender3d , его инпут всем инпутам инпут.

  • @NomadicDmitry
    @NomadicDmitry 7 днів тому

    Интересно, спасибо

  • @Raiteto
    @Raiteto 7 днів тому

    Спасибо за урок, но слушать тяжеловато, очень много воды и шутеек (большую часть прокручивал на x2, остальное на x1.25) Хотя для новичков, думаю, самое оно

  • @Megalodon510
    @Megalodon510 7 днів тому

    Очень интересная лекция. Спасибо)