- 652
- 3 820 031
Yandex for Frontend
Приєднався 27 жов 2014
Это UA-cam-канал сообщества фронтенд-разработчиков от Яндекса. Рассказываем о наших командах, технологиях и приглашаем на митапы и конференции от Яндекса.
«Я 💛 Фронтенд 2024»: как это было?
8 июня в Москве прошла уже 6-я конференция для фронтенд-сообщества «Я 💛 Фронтенд». Смотрите, как это было!
Переглядів: 780
Відео
А оно вам надо? / Особый формат о карьере во фронтенде
Переглядів 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Е-тесты и почему у нас ничего не вышло, Руслан Байгунусов
Откуда столько высокомерия? Откуда желание отвечать бессодержательными клише на важные для новичка вопросы? Жалко ребят, которые работают с такими «руководителями». А теперь по сути темы: 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. После этого стоит смотреть в сторону системного дизайна и расширять свои навыки командного взаимодействия + точечно углубляться в нужные библотеки. Это уже история для мидлов и выше.
Доклад норм если судить по первым 8 минутам, но дальше прослушать не смог, как можно так ужасно свою дикцию коверкать и думать что это норм
Отличный доклад!
Шейминг, значит, у вас в порядке вещей?😅
(сарказм) Да да книги не нужны)) достаточно документацию наизусть знать)
Почитать можно - Грокаем алгоритмы для общего развития маст хев просто ванлав. Чистая архитектура вторая книжка
крутишь 3.5 года опыта и полетели
Приходит студент, хочет стать строителем. Да вон читай ГОСТы, че ты
дядя вам за 40?
Мб Яндекс таких и ищет, главное синтаксис знай а как думать там скажут
Ребят, с телефона нереально смотреть Может подумаем, как код сделать побольше? Вот 19:39, например
Здравствуйте! Спасибо, что рассказали о впечатлениях от просмотра с телефона. Подумаем с командой, как сделать наши ролики удобнее для такого формата 🤔
На мой взгляд, бесполезный доклад, продающий бесполезную FSD-методологию, которая только в теории звучит хорошо, а на практике создает только проблемы с неудобным "размазыванием" кодовой базы по многим файлам, созданием излишних сущностей, папок, файлов и смысловых противоречий даже в простом проекте. Кому FSD упростил жизнь в боевом проекте? Напишите, пожалуйста, ответ на этот комментарий. Я пробовал FSD и ужаснулся от его бесполезности для решения реальных проблем сложности разработки любых frontend-проектов.
Яндекс, где таймкоды? Уважение к зрителям совсем отсутствует?
для одностраничника ОК
А, это ваши люди наезжают на прохожих (и на меня тоже) на тротуарах?! Уже минус
Докладчик задел тему про получение моделей от бекенда. Для этого лучше использовать кодген опенапи или графкл, ну или иные инструменты которые для этого подходят. Странно, что не сказал, когда упоминал
О, я с этим дядей в Нарды играл!
Доклад ни о чем, да еще и докладчик трясётся как липка, слушать максимально неприятно.
Илья, попробуй отписаться от Яндекс Плюса ;))
Очень понравилось выступление Андрея Симонова про гибридные приложения. Жаль что не до конца раскрыли, как победили историю с "пролистыванием" на предыдущую страницу на iOS, переделав на свое решение. Было бы здорово узнать в какую копать сторону, ведь у меня на проекте аналогичная проблема. P.S. Помогите призвать Андрея в комментарии:)
Привет. Спасибо за лестный комментарий) По поводу iOS возвратов. Там на самом деле ничего сверхъестественного нет, поэтому не сильно углублялся. С нативной стороны отключили их полностью. Предположительно можно подробности найти по названию параметра WKWebView: "allowsBackForwardNavigationGestures". С фронтовой стороны сделали свой жест. На window ловим жесты с "{ catch: true }", начинающиеся в области, где обычно отступ контента (стандартные в нашем приложении 12-16px отступы). Глушим всплытие touch события, пока идет жест, чтобы ничто не реагировало на фоне на жест возврата. Когда нету предыстории - жест не показываем и не обрабатываем (Здесь уже исходя из проекта надо смотреть. У нас отдельно хранится история своя, поэтому просто смотрели на ее длину. Но можно, к примеру, просто скрывать на главной странице). При ожидаемом завершении жеста вызываем в конечном итоге history.back. Остальное уже чисто исходя из дизайна (тянучесть, длина жеста, визуал, вибрация и прочее)
FSD это прекрасно ... мы всю дорогу с ним боремся.
Блин, спасибо
🤝
Александр классный докладчик! Просмотрел до конца. Но мне до сих пор не понятно, какие проблемы решает FSD на фронте, что делает проще, легче и быстрей. Ощущение, что этот FSD ради FSD и при этом довольно трудно ему следовать ибо концепция довольно субъективна
Веб-приложения стали сложнее, а люди, которые особо с фронтендом не сталкивались, до сих пор распространяют заблуждение, что во фронтенд низкий порог входа. То что можно будет склепать с "низким порогом входа" никому сейчас не нужно.
Самая большая проблема фсд, это субъективщина, каждый в команде понимает по своему. Плюс код размазывается тонким слоем по проекту, совершенно без причины. Если мы что-то переиспользуем, только тогда это надо выносить в энтити или фичу, в остальных же случаев это карго-культ.
Иногда данная субъективщина играет на пользу) в общем то самими разработчиками FSD закладывалось то что каждая команда может подстроить методологию по своему, главное что бы кодеры в контексте одной команды понимали эти пастулаты)
@@yunglocokid1457 их нельзя понять, у них нет определения
Так потому что этот фсд буквально наркоман сова выдумал
Че за эпилепсия у монтажера. Докладчик рассказывает новые штуки опираясь на слайд, нам покажут зал, покажут докладчика, покажут взгляд под углом, но не сам слайд 🤦♀️ Некоторые слайды в кадре появляются буквально на 2 секунды, даже прочитать не успеваешь как уже меняются. И это опять же гениальное чувство монтажника.
Это вот всё было на полном серьёзе? Самый бестолковый и пустой доклад, состоящий из потока сознания и водопадом трюизмов, со смешной претензией на глубину, на самом деле понижающий общий градус полезности в остальном хорошей конференции. Видимо, это тот случай, когда автор забыл (или просто забил) сделать доклад, а сказать что-то нужно, но нечего. Ни разу ни один доклад ни на одной it-конференции ещё не выбешивал, тем более настолько сильно. Это настоящее оскорбление интеллекта присутствующих и неуважение к слушателям, высокомерие автора тоже на поверхности. Посмотрел за одно его сайт, ознакомился с отзывами HTML Academy (игнорируя эмоциональный мусор и 1/5) - картинка дорисовалась. Остальные доклады конференции - совсем другое дело, ребятам - уважение.
Братан, хорош, давай, давай, вперёд! Контент в кайф, можно ещё? Вообще красавчик! Можно вот этого вот почаще?
Шегги из Скуби-ду порадовал
Какой унылый спикер
Что, опять? Ну как в такой серьезной лекции можно утверждать, что изменение пропсов влечет перерендеринг? Простой пример: пропсы завязываем на ref, чтобы не происходил перерендеринг, и по клику в родителе их меняем. Пока не произойдет перерендеринг родителя (а в нашем примере он не происходит), fiber не узнает про изменение пропсов, потому что return родителя не вызовется. В остальном очень полезно, спасибо.
Здравствуйте. Тут оговорка, изменение пропсов не приводит к перерендеру, это последствия перерендера
Мандец, этот FSD такой запутанный))
13:35 Courier New вообще нельзя вставлять в фонт-стек. Он ужасно выглядит, и фактически и так является предустановкой по умолчанию в браузерах. Но если кто-то - как я - переопределил моноширинный шрифт (например, на мой любимый Source Code Pro), то объявление Courier New совершенно зря перебьёт monospace. Лучше вообще не писать замещающие шрифты без веской на то причины и обойтись только семейством. Особенно касательно шрифтов по умолчанию вроде Arial/Helvetica, Times New Roman и Courier New.
Жесть комменты. Ребята вы крутые делаете такие сервисы которых даже близко нет в мире🔥🔥
❤️
Что-то похоже совсем народ от вас убежал, одни студенты остались.
льем воду на мельницу целый час
очень милый мальчик ^_^
При всем уважении к Алексею, он просто вывалил на сообщество свои проблемы. Компании платят за результат, с появлением GPT не очень нужны твои рассуждения, чем твое решение лучше за то, что предложил ИИ. Твое решение лучше? Можешь доказать...? Он отжал творчество, Компания будет пилить сайт на тех технологиях которые знают нанятые разрабы... не подходит - уволят наймут разрабов новой технологии. Те кто хотят что-то двигать идут на codepen вот беда, оно не оплачивается.
С каких пор на докладах яндекса начали пересказывать документацию проходных frontend фреймворков?
Хороший доклад! Спасибо)
💛
Я просто напомню, что Бирман это тот человек, который пишет в своем блоге: "свяжитесь со мной - почта в футере", а когда ты пытаешься доскролить до футера, то подгружается endless лента из других записей блога. Странно, что этого примера гениального интерфейса не было в видео.
Может быть Илья просто не хочет чтобы ему писали на почту...
в сотни раз лучше и понятней объяснён FDS, чем в самой его документации ) спс.
Изменилось что-то за два года?
Продам комментарий
Что плохого в модульной архитектуре на подобии той, что используется в Ангуляр проектах? FSD по сравнению с ней гораздо сложнее;( В одной крупной компании придумали, все копируют, совершают ошибки, сам FSD частенько конфликтует с другими библиотеками и фреймворками, при чем даже с документацией в ней сложно разобраться и по итогу проект только еще сложнее становится.
тем что даже в ангуляре в модульной архитектуре можно довольно хорошо поговнокодить. fsd ложится хорошо под любую архитектуру будь то react, angular или vue, и вообще никак не конфликтует. В ангуляре не используя никакой методологии, можно наклепать модулей, и все равно иметь зависимости между модулями, потому что некоторые вещи с ростом проекта, как правило, начинают использоваться в нескольких модулях. можно вынести все в shared, тогда будет у тебя вроде как переиспользуемый код с одной стороны, а с другой стороны у этот код будет содержать бизнес логику, а так как еще он используется в разных модулях, наверняка он еще будет меняться под новые какие то требования, а это уже нарушает обычный SOLID. методология FSD совершенствуется, потому что общество растет, вопросов становится больше, и следовательно и ответов на эти вопросы. FSD требует не документацию, а целую книгу, потому что это архитектурная методология. Строгих инструкций тут быть не может. Ты также не найдешь документацию по DDD, нужно прочитать как минимум одну книгу, и поработать с каким то проектом, чтобы понять что да как.
В вебе на enter обычно отправляется форма, а здесь в примере смена фокуса на след поле ( для этого есть tab). Мне кажется такое поведение не совсем привычно пользователю веба) что по этому поводу говорит доступность ?
Жиза!
23:54 звуковик - легенда конференции
Самое бесящее что встречал - это всплывашки и pop-up не дают выделить текст. И посмотреть перевод
Кстати, пример интерфейса и контролов к которым хочется возвращаться, для меня это blender3d , его инпут всем инпутам инпут.
Интересно, спасибо
Спасибо за урок, но слушать тяжеловато, очень много воды и шутеек (большую часть прокручивал на x2, остальное на x1.25) Хотя для новичков, думаю, самое оно
Очень интересная лекция. Спасибо)
🤝