- 657
- 3 871 682
Yandex for Frontend
Registrace 27. 10. 2014
Это CZcams-канал сообщества фронтенд-разработчиков от Яндекса. Рассказываем о наших командах, технологиях и приглашаем на митапы и конференции от Яндекса.
Yandex SmartCaptcha: кошки-мышки и слайдер | Никита Нигматуллин, Яндекс ID
Это Никита Нигматуллин, разработчик интерфейсов в Яндекс ID, и его выступление на Я.Субботнике по разработке интерфейсов. В своём докладе Никита расскажет, как соблюсти баланс и повысить безопасность сервиса, не жертвуя удобством пользователей.
Всю информацию о мероприятиях Яндекса можно найти здесь:
events.yandex.ru/
Подписывайтесь на телеграм-канал о жизни фронтендеров Яндекса:
t.me/yandex4frontend
Всю информацию о мероприятиях Яндекса можно найти здесь:
events.yandex.ru/
Подписывайтесь на телеграм-канал о жизни фронтендеров Яндекса:
t.me/yandex4frontend
zhlédnutí: 956
Video
Вредные советы: как мы завернули Яндекс Метрику в скобочки | Валерий Козлов, Яндекс Поиск
zhlédnutí 688Před 21 dnem
Это Валерий Козлов, руководитель группы в Яндекс Поиске, и его выступление на Я.Субботнике по разработке интерфейсов. В своём докладе Валерий расскажет, что бывает, когда очень хочется ускориться, но непонятно как, и рассмотрит браузерную компиляцию JS-скриптов на примере конкретной задачи. Доклад почти полностью состоит из вредных советов - повторять на свой страх и риск. Всю информацию о меро...
Как мы запускаем код на собеседованиях | Андрей Советкин, Яндекс Игры
zhlédnutí 993Před 21 dnem
Это Андрей Советкин, руководитель группы в Яндекс Играх, и его выступление на Я.Субботнике по разработке интерфейсов. В своём докладе Андрей покажет, как в Яндексе используют WebWorker, чтобы запускать код на собеседованиях фронтендеров. Всю информацию о мероприятиях Яндекса можно найти здесь: events.yandex.ru/ Подписывайтесь на телеграм-канал о жизни фронтендеров Яндекса: t.me/yandex4frontend
WebView-приложения. Время гибридных технологий | Андрей Симонов, Алиса и Умные устройства
zhlédnutí 2,1KPřed 21 dnem
Это Андрей Симонов, разработчик интерфейсов в Алисе и Умных устройствах, и его выступление на Я.Субботнике по разработке интерфейсов. В своём докладе Андрей расскажет, почему появление гибридов - это естественная эволюция, что они дадут разработчику и бизнесу и чем важны WebView-приложения для развития отрасли. Всю информацию о мероприятиях Яндекса можно найти здесь: events.yandex.ru/ Подписыва...
Волшебный мир Monaco Editor | Александр Николаичев, Yandex Infrastructure
zhlédnutí 838Před 21 dnem
Это Александр Николаичев, руководитель группы разработки интерфейсов в Yandex Infrastructure, и его выступление на Я.Субботнике по разработке интерфейсов. В своём докладе Александр рассмотрит возможности виджетов Monaco - интерфейсных вставок прямо в тело текстовой области - и расскажет, как ими пользоваться и как их писать. Всю информацию о мероприятиях Яндекса можно найти здесь: events.yandex...
«Я 💛 Фронтенд 2024»: как это было?
zhlédnutí 1,1KPřed měsícem
8 июня в Москве прошла уже 6-я конференция для фронтенд-сообщества «Я 💛 Фронтенд». Смотрите, как это было!
А оно вам надо? / Особый формат о карьере во фронтенде
zhlédnutí 2,7KPřed měsícem
Это особая секция на «Я💛Фронтенд 2024» - нашей главной фронтенд-конференции. На ней мы обсудили, как делать удобные интерфейсы, использовать популярные и не очень инструменты, правильно относиться к себе и сообществу и строить карьеру. Послушаем 5 личных историй о том, как стартовать с джуна в разработке и постепенно менять карьерные роли. Наши спикеры: 🔸 Сергей Бережной из Яндекса 🔸 Алексей Ох...
Любовь и ненависть фронтенда / Алексей Симоненко
zhlédnutí 1,3KPřed měsícem
Это Алексей Симоненко из HTML Academy и его доклад на «Я💛Фронтенд 2024» - нашей главной фронтенд-конференции. На ней мы обсудили, как делать удобные интерфейсы, использовать популярные и не очень инструменты, правильно относиться к себе и сообществу и строить карьеру. В своём докладе Алексей с высоты 24-летнего опыта порассуждал о том, что значит быть фронтендером, о ценностях сообщества, его п...
Познаём Elysia и Bun - фреймворк, сделанный для людей / Всеволод Деткин
zhlédnutí 1,8KPřed měsícem
Это Всеволод Деткин из Элитриума и его доклад на «Я💛Фронтенд 2024» - нашей главной фронтенд-конференции. На ней мы обсудили, как делать удобные интерфейсы, использовать популярные и не очень инструменты, правильно относиться к себе и сообществу и строить карьеру. В своём докладе Всеволод разберёт новый веб-фреймворк для создания серверных приложений, вооружившись силой TypeScript и Bun. И сравн...
Геймдев на ChatGPT / Александр Коротаев
zhlédnutí 821Před měsícem
Это Александр Коротаев из BeerJS и его доклад на «Я💛Фронтенд 2024» - нашей главной фронтенд-конференции. На ней мы обсудили, как делать удобные интерфейсы, использовать популярные и не очень инструменты, правильно относиться к себе и сообществу и строить карьеру. В своём докладе Александр расскажет о своём эксперименте. Однажды ему предложили разрабатывать игру на вебе, и он решил, что код везд...
Копаем глубже в Feature-Sliced Design / Александр Моргунов
zhlédnutí 7KPřed měsícem
Копаем глубже в Feature-Sliced Design / Александр Моргунов
Как мы съезжали с CRA (и речь не про Vite) / Никита Балихин
zhlédnutí 1,1KPřed měsícem
Как мы съезжали с CRA (и речь не про Vite) / Никита Балихин
Как не замучить пользователя плохими контролами / Илья Бирман
zhlédnutí 7KPřed měsícem
Как не замучить пользователя плохими контролами / Илья Бирман
Как мы строили телефонию на WebRTC \\ Егор Брагин, Яндекс Go
zhlédnutí 1,1KPřed měsícem
Как мы строили телефонию на WebRTC \\ Егор Брагин, Яндекс Go
Добавление темизации в проект \\ Анастасия Барташук, Яндекс Такси
zhlédnutí 903Před měsícem
Добавление темизации в проект \\ Анастасия Барташук, Яндекс Такси
Оптимизация веб‑приложений на примере Турбоаппа Такси \\ Сергей Алейников, Яндекс Go
zhlédnutí 2,1KPřed měsícem
Оптимизация веб‑приложений на примере Турбоаппа Такси \\ Сергей Алейников, Яндекс Go
Я💛Фронтенд 2024. Разбор задач Capture the Flag
zhlédnutí 2,1KPřed 3 měsíci
Я💛Фронтенд 2024. Разбор задач Capture the Flag
Я 💛 Фронтенд 2024. Как это можно переписать?
zhlédnutí 6KPřed 4 měsíci
Я 💛 Фронтенд 2024. Как это можно переписать?
Как сэкономить человеко век на разработке интеграций JS API, Максим Штырь
zhlédnutí 1,7KPřed 7 měsíci
Как сэкономить человеко век на разработке интеграций JS API, Максим Штырь
Дискуссия Кто такой Фронтендер Сергей Бережной, Алина Ваниева, Андрей Мелихов, Иван Артамонов, Юрий
zhlédnutí 1,2KPřed 7 měsíci
Дискуссия Кто такой Фронтендер Сергей Бережной, Алина Ваниева, Андрей Мелихов, Иван Артамонов, Юрий
Ни один дисклеймер не пострадал, Иван Метелёв
zhlédnutí 537Před 7 měsíci
Ни один дисклеймер не пострадал, Иван Метелёв
Тестируй сценарии, а не JSON, Александр Заверняев
zhlédnutí 1,3KPřed 7 měsíci
Тестируй сценарии, а не JSON, Александр Заверняев
Монорепа для больших и маленьких, Руслан Муфтиев
zhlédnutí 3KPřed 7 měsíci
Монорепа для больших и маленьких, Руслан Муфтиев
04. Ускоряем Time To Market - Иван Артамонов
zhlédnutí 2,2KPřed 11 měsíci
04. Ускоряем Time To Market - Иван Артамонов
03. Ajax от A до X - Александр Сулима
zhlédnutí 3,7KPřed 11 měsíci
03. Ajax от A до X - Александр Сулима
02. Сотни компонентов, сотни экспериментов и всего одна страница - Константин Носов
zhlédnutí 2,3KPřed 11 měsíci
02. Сотни компонентов, сотни экспериментов и всего одна страница - Константин Носов
01. Что делать, когда бандл нужно «посадить на диету» - Софья Гусева
zhlédnutí 2,5KPřed 11 měsíci
01. Что делать, когда бандл нужно «посадить на диету» - Софья Гусева
05. ДАА!! ML на JavaScript! Но зачем? - Алексей Охрименко
zhlédnutí 2,8KPřed 11 měsíci
05. ДАА!! ML на JavaScript! Но зачем? - Алексей Охрименко
WebAssembly и веб на TypeScript, Александр Коротаев
zhlédnutí 5KPřed rokem
WebAssembly и веб на TypeScript, Александр Коротаев
Кому нужны фронтендеры, Андрей Смирнов
zhlédnutí 4,6KPřed rokem
Кому нужны фронтендеры, Андрей Смирнов
самое интересное в функциональном программировании то, что там нет РЕКУРСИИ!! Там ничего нельзя "вызвать". но думаю классического введения в лямбда исчисление мозги джаваскриптизёров не выдержали.
А мне норм зашло послушать 🎉
для людей, которые используют белый фон в своих презентациях, в аду угатовано отдельное место
Очень классная штука! Нравится, что держится одной категории (фронт), а не разброс среди стенографии, бэка и т.д. Единственное, кажется что 5ое задание (с webassembly), по сложности выбивается среди тех задач которые до и тех что после :)
как происходит управление сосотоянием между вебвью и нативом ? Например мы зашли в натив , запустилось вебвью - там в браузере мы нажали какую-то иконку , как быть если при нажатии этой иконки в браузере, в самом нативном приложении, например в боттом баре в углу первой кнопки должно появиться уведомление ? Это регулируется только через rest запросы ?
Здесь наверное стоит сказать, что по хорошему в гибридном приложении все, что связано с интерфейсом, отдается на веб. Мы стараемся избегать смешанных экранов, и если и есть надобность использовать нативную отрисовку, то делаем это в отдельных модальных окнах или BottomSheet`ах. Так что, в нашем случае, мы с такого рода проблемами состояния, когда нужно синхронизировать знания двух разных элементов на одном экране, не сталкиваемся
"Layout случается тогда когда мы считываем свойства геометрии после их изменения". А разве непосредственно после изменения геометрии layout не запускается?
После скорого релиза React 19 было бы здорово увидеть апдейт про React на этом канале
Здравствуйте! Спасибо за идею, расскажем о вашем пожелании команде, подумаем, что можно сделать 🙌
До недавнего времени встречался пример, когда на ozon или wb строка поиска представляла из себя кнопку. После нажатия на строку поисковая строка переезжает наверх, в ней курсор не стоит, клавиатура не вылезает, пока ты ещё раз не нажмёшь на поле ввода. Сейчас проверил - всё работает как и должно, но до этого появлялось желание перестать использовать эти сайты
Прекрасный доклад
Как раз в Julia появился конвейер. Но если нет конвейера, то необязательно использовать пайтоновские матрешки: double(inc(double(double(5)))) - можно сделать же по-человечески: pipe(5) .double() .inc() .double() .double() И код можно читать как книгу сверху вниз, и параметр можно пропихнуть в оператор, и поддержка типов имеется для мэппинга, если ts использовать. Кстати, почему мы не можем назвать функцию чистой, если она возвращает случайное число? Возможно, что нам важно сохранить предсказуемость именно характеристик случайной величины.
Отличный доклад; не знал, смеяться или плакать 🥲
Ещё есть комплексные ошибки. Например, самая проблемная это сдвиг контекста. Много где существует. Это когда например нажимаешь на кнопку, а всё, что под ней сдвигается куда-то или закрывается невпопад или открывается наоборот. Вот например в мобильном приложении есть Вайбер, если туда отправлять вложение какое-то откуда-то, то когда приложение открывается тебе дают список чатов, куда отправить, но когда ты тыкнешь в любой из них, то вверху появляется блок с выбранными чатами, который сдвигает весь список вниз буквально у тебя под пальцем. Или например на Андроиде из покон веков из версии в версию список уведомлений, которые появляются сверху пополняется сверху же, сдвигая весь список вниз, и когда ты заходишь посмотреть уведомления, то хочешь смахнуть какое-нибудь прочитанное, но в момент когда ты это делаешь приходит новое уведомление и сдвигает тебе весь список и ты можешь смахнуть новое не успев даже сообразить, что это было вообще. Удивительно как такие вещи существуют годами и не фиксятся. В случае уведомлений достаточно перевернуть сортировку списка уведомлений и добавлять их внизу, а не вверху, например. Это мелкое исправление сильно улучшит использование. Может первые пару дней будет непривычно, конечно, после стольких лет шиворот-навыворот, но ко всему люди привыкают, и к хорошему и плохому, привычка не должна быть абсолютным аргументом, можно и клей привыкнуть нюхать, делать надо с оглядкой на привычки, но руководствуясь здравым смыслом.
Исходя из вопросов аудитории - через одного быдло сидит.... фу
Очень affordable…
Не совсем понятен момент с примерами статистики, парсинга ссылок и как это все таки применять.
Всё проверено, работает. Спасибо.
🤝
Терминал, супер! Что по поводу инфраструктуры? )
Я никогда не был в ситуации, когда перемотка цифрами на ютюбе была бы нужна. Я сто раз был в ситуации, когда нажал что-то случайно (не угадал где фокус) и не знал куда теперь вернуться. Нафиг такие удобства.
Вам не надо за компьютером тогда сидеть, наверное. Или включайте видео и убирайте руки под стол, на клавиатуре есть еще кнопка выключения, можете задеть
Совершенно верно. Сопоставить 70% и время ролика 33:45 сходу невозможно. Это по определению генератор пользовательских ошибок. Максимум для чего нужно - на некоторых видео можно нажимать цифры и играть мелодии с помощью перемотки.
@@evlkvпо определению? а определение целиком можно?
@@kitchen-ipad тем кто к словам придирается нельзя!
@@evlkvони могли бы сделать другой способ, как например фигма делает с шорткатом прозрачностью слоя, если например нажал 2 раза цифру 2, видео промоталось на 22ую минуту
«Фейсбук, в рамках экстремизма своего, не даёт никакой обратной связи...» 😆
Яндекс, привет ! Как вам моя оболочка для Алисы ? czcams.com/video/jWqiyqwnpSQ/video.htmlfeature=shared
Здравствуйте! Нам очень приятно видеть, что вы так неравнодушны к нам! Знаете, это взаимно 💜 Классная визуализация, покажем нашей Алисе! Хм, интересно, что она скажет?
@@YandexforFrontendСпасибо 💜
За алгоритм респект
😊🙌🏼
Норм. Поставил лукаса
Спасибо Евгению Гаврюшину за прекрасную лекцию ;)
😊❤️
Зашёл на сайт, по разному пытался найти пост про слайдер, ничего не вышло. Уже вбил просто строку ссылку, а страницы нет. Печально. апдейт, на ru версии сайта нет, а на net есть, яндекс выдал первый, значит всё-таки потыкаем
почему нельзя говорить пва?) Только через минут несколько минут понял, что пи дабл ю эй - это пва
в итоге в ревью <div key={id}> не вставил .
const [count, setCount] = useState(0);
Качество материала на единицу времени зашкаливает!
Будущее за антикапчами. Если человек распознал изображение или аудио дорожку -- то AI. Ошибся -- человек 😂
Кстати раньше так делали -- поле для ввода капчи и картинка, на форму кидали средствами js display:none. Человек заходит и не видит форму, не пишет ответ, а боты -- всегда шлют
Крипта - цифровое золото!
Друзья, никому такие проблемы не нужны. Вместо того чтобы учить эти конченные красноглазые алгоритмы (фреймворки и библиотеки все равно взяли абстракцию этого дела под капот), я лучше буду наслаждаться жизнью получая ту же зарплату в нормальной компании.
Спасибо, интересный доклад и для тестировщиков тоже
Здравствуйте, Дмитрий! Спасибо за обратную связь, мы рады, что видео оказалось познавательным 💛
ну кстати БНБ очень активный, но обменник дает профит!
если у каждого свое понимание фсд - то значит есть проблема с методологией.
обратная сторона гибкости
А есть список литературы почитать ?
Здравствуйте, Глеб! Ваш вопрос поймали, уточняем :)
Здравствуйте, Глеб! Извините за задержку. Вы можете подписаться на наши дайджесты. В выпадающем списке формы: ya.cc/t/uGyFdM365Bocr2 нужно выбрать Yandex for Frontend.
@@YandexforFrontend спасибо
23:54 ещё Number.isNaN есть
усатый дядь правильно намекнул на пятом часу , комьюнити слишком токсично надо быть проще и помагать друг другу , аля "Леопольдо стаил" =)
Ааâ
Откуда столько высокомерия? Откуда желание отвечать бессодержательными клише на важные для новичка вопросы? Жалко ребят, которые работают с такими «руководителями». А теперь по сути темы: 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 на CZcams. 9. После этого стоит смотреть в сторону системного дизайна и расширять свои навыки командного взаимодействия + точечно углубляться в нужные библотеки. Это уже история для мидлов и выше.
Здравствуйте! Большое спасибо за такую развёрнутую обратную связь. Можем мы использовать эти советы в наших соцсетях?
Доклад норм если судить по первым 8 минутам, но дальше прослушать не смог, как можно так ужасно свою дикцию коверкать и думать что это норм
Отличный доклад!
Шейминг, значит, у вас в порядке вещей?😅
(сарказм) Да да книги не нужны)) достаточно документацию наизусть знать)
Почитать можно - Грокаем алгоритмы для общего развития маст хев просто ванлав. Чистая архитектура вторая книжка
крутишь 3.5 года опыта и полетели
Приходит студент, хочет стать строителем. Да вон читай ГОСТы, че ты
дядя вам за 40?
Мб Яндекс таких и ищет, главное синтаксис знай а как думать там скажут
@@user-gi4pl5wh8eзачем тогда они по алгосам гоняют на собесах?😂
Ребят, с телефона нереально смотреть Может подумаем, как код сделать побольше? Вот 19:39, например
Здравствуйте! Спасибо, что рассказали о впечатлениях от просмотра с телефона. Подумаем с командой, как сделать наши ролики удобнее для такого формата 🤔
можно же приближать изображение
@@aryanshahr на 3x при приближении код уже не видно Тут нужно либо спикеру сокращать код наиэкране, показывая только важные для текущего рассказа вещи либо на видео увеличивать код при демонстрации таких кусков, полностью скрывая спикера
Передали ваши заметки специалистам :)
На мой взгляд, бесполезный доклад, продающий бесполезную FSD-методологию, которая только в теории звучит хорошо, а на практике создает только проблемы с неудобным "размазыванием" кодовой базы по многим файлам, созданием излишних сущностей, папок, файлов и смысловых противоречий даже в простом проекте. Кому FSD упростил жизнь в боевом проекте? Напишите, пожалуйста, ответ на этот комментарий. Я пробовал FSD и ужаснулся от его бесполезности для решения реальных проблем сложности разработки любых frontend-проектов.
Такое чувство что люди из бэкенда пытаются писать фронт, и пытаются писать бэк на фронтЕ.
Какая архитектура тогда полезна ? FSD не заставляет вас создавать сущности, по сути только 3 слоя обязательны(app, pages, shared), можно все делать в папке pages, и выносить общие компоненты в shared.
@@BorisEdigarian Любая кастомная модульная архитектура, удобная команде или группе команд. По моему, это очевидно, разве нет? Если, как вы сказали "можно все делать в папке pages, и выносить общие компоненты в shared.", то где тут FSD, подразумевающий наличие Entities, Features и прочие излишние абстракции? В вашем описании не прослеживается какая-либо архитектурная методология, а я спросил про то, кому FSD упростил жизнь в РЕАЛЬНОМ ПРОДЕ.
Яндекс, где таймкоды? Уважение к зрителям совсем отсутствует?
для одностраничника ОК