Фронтенд-разработка из Бигтеха от Андрея Кобеца 🤓

На своем канале он делится глубокими знаниями о современном фронтенде, отвечает на вопросы и помогает разработчикам уровня middle и выше прокачиваться дальше

Вот некоторые темы, которые он освещает:

— Главные ошибки при построении карьеры в IT
— На какого разработчика охотятся БигТехи?
— Не называй себя React-разработчиком!
— Память и потоки в JS - 3 статьи, которые помогут разобраться досконально
— Почему я 20 лет в разработке и все еще не стал менеджером?

Ссылка на канал Андрея 👏

Пак анимационных эмоджи от гугла 😇

Любой эмоджи можно скачать в формате WEBP, GIF или LOTTIE

https://googlefonts.github.io/noto-emoji-animation/

CodeRun — новый сервис для решения задач от Яндекса 👨‍💻

Во время фестиваля Young Con Яндекс представил свой новый сервис CodeRun для решения задач по программированию.

Сейчас в CodeRun более 350 задач, которые составили разработчики Яндекса и других бигтехов, туда включили задачи с «Тренировок по алгоритмам», чемпионатов по программированию Yandex Cup и других мероприятий «Яндекса».

Звучит интересно, го тестить
https://coderun.yandex.ru/

CSS Трюк: 3D слайдер 🤯

Используй свойство mask для того чтобы скрыть часть элемента

Как результат получаешь ложный 3D эффект без всякого JS 🤿

.track {
  mask: radial-gradient(transparent 0 30%, black 30%)
              50% 20vmin / 250% 100%,
}

https://codepen.io/jh3y/pen/gOeXgXv

💫 Яндекс устраивает технологический Код-хоппинг 8 августа!

Встретимся в Петербурге, чтобы потусить и послушать короткие лайтнинги от коллег. Переключимся с работы на живое общение — так мы сможем не только подзарядиться, но и поймать новые идеи! В программе — прогулка по трём барам, настойки и коктейли, codebattle, задушевные разговоры и крутая вечеринка!

✉️ Заполняйте форму и регистрируйтесь уже сейчас! А если хотите рассказать о проекте или увлечении, приложите к форме тему и тезисы.

До встречи на Код-хоппинге! 🎉

Увидел, что айтишники стали беднеть, пришлось устроится на вторую работу, ахаха

P.S. привет коллегам из Яндекса 👋

Предварительный отчётик по нейронкам для кодинга 👇

GigaCode пока что мне нравится больше, чем Codemium и Tabnine, он работает сильно быстрее (по крайней мере в РФ) и угадывает мои мысли сильно чаще. Я не брал платную подписку нигде кроме Github Co-pilot. Если сравнивать с гитхабовским, то по угадыванию наравне, а по скорости GigaCode быстрее

Всем спасибо за советы! Буду тестить дальше, через месяца 2 отпишу полный отчётик по ним. Мб попробую ещё какие-нибудь

chrome.sidePanel API 🔥

Впервые испытал chrome.sidePanel API для хром расширений, вместо дефолтного попап'а, выглядит здорово, кажется, что так взаимодействовать будет удобнее с некоторыми расширениями

https://developer.chrome.com/docs/extensions/reference/api/sidePanel?hl=en

Я тут стал амбассадором FrontendConf 😎

В этом сезоне планирую впервые посетить эту конфу, заряжен на полную, настроен на общение и гриндинг лута 🤣

Как амбассадор, я не оставлю тебя без инфы, вот что тебя там будет ждать:
— 51 доклад с реальными кейсами, свежими идеями и глубоким анализом актуальных задач.
— Дебаты по актуальным темам отрасли.
— Фейл-митап. Важные истории, которые рассказывают без записи и трансляций.
— QA-сессии, общение с экспертами, митапы.

Вот полная программа (там можешь на меня поглядеть в блоке с амбассадорами 🤓)

Пройдёт она 30 сентября и 1 октября в Москве, а также будет онлайн трансляция

Как амбассадору дали промокод на скидку в 5% на покупку билета fc24_pasta, просили предупредить, что с 1го августа будет повышение цен, успевай, братишка ❤️

font-size-adjust стал поддерживаться всеми современными браузерами 🔥

Для чего это свойство?
По сути, оф. документация приводит лишь один кейс использования: когда у тебя фоллбэкается шрифт, а с текущими значениями font-size он выглядит стрёмно. font-size-adjust поможет тебе адаптировать фоллбэк шрифт

https://web.dev/blog/font-size-adjust?hl=ru

https://developer.mozilla.org/en-US/docs/Web/CSS/font-size-adjust

Всеобъемлющий {} в TS 👨‍💻

Знал, что если указать {} в качестве типа, то это будет всё, кроме undefined, null и void?

Неочевидно, но пользуйся 😄

P.S. удушающий от коллег никто не отменял

Планы на вечер: выпить пива со вкусом питона 🍺

Всем отличной субботы ❤️

Скучно на работе? Поиграй в hexcodle! 👨‍💻

Правила игры:
Тебе выпадает квадрат с цветом, а в ответ ты должен написать его hex код

https://hexcodle.com/

Так же нашёл сайтик, где всё наоборот:
Тебе выдает hex код, а тебе надо выбрать кружок с этим цветом

https://yizzle.com/whatthehex/

#css@frontend_pasta

Новые состояния элементов в девтулзах 👨‍💻

Новые возможности появились в девтулзах Chrome Canary, теперь ты сможешь устанавливать "специфичные" элементу состояния

Например, у кнопки появились состояния :disabled, :valid, :invalid и т.д., а у инпута :autofill, :user-valid, :user-invalid, :required и т.д.

#chrome@frontend_pasta

V0 — создавай UI по текстовому запросу 👨‍💻

Команда Vercel запустила новый проект — V0, суть которого генерить интерфейс по текстовому запросу

Интерфейс создаётся на UI фреймворке shadcn и выдёт код для NextJS

https://v0.dev/

#ai@frontend_pasta

Темы конференции Frontend Conf 2024 👨‍💻

🙏 Культура разработки: Узнайте о вызовах, с которыми сталкиваются лидеры отрасли, и о практиках, которые они применяют.

🚽 Главная точка нетворкинга: Встреча профессионалов, где вы сможете обменяться знаниями и установить профессиональные связи.

👨‍💻 Источник инженерной мотивации: Два дня, которые зарядят вас мотивацией к развитию и вдохновят на работу над своими проектами.

🏋️‍♀️ Архитектура: Принципы построения масштабируемой архитектуры и подходы к управлению техническим долгом и миграцией кодовой базы.

✈️ Производительность: Научитесь создавать производительные веб-приложения, эффективно рендерить изменения и оптимизировать процессы разработки.

📞 Коммуникации и процессы: Погружение в инженерную культуру, которая поможет снизить стоимость разработки и повысить эффективность командной работы.

🚗 Внедрение ML: Исследуйте, как искусственный интеллект может улучшить ваши продукты и ускорить разработку.

🤑 Будущее отрасли: Ознакомьтесь с будущим фронтенда, включая технологии AR и новые концепции фреймворков.

Также появилось полное расписание двух дней, глянуть можно туточки

P.S. скоро уже буду брать билетики на самолёт, до встречи там 👋

С пятницы откладывал пост про Promise.try, сажусь писать и вижу оповещение, решил репостнуть 😄😄