Пришло время кодекам нового поколения отказаться от JPEG
https://cloudinary.com/blog/time_for_next_gen_codecs_to_dethrone_jpeg
https://cloudinary.com/blog/time_for_next_gen_codecs_to_dethrone_jpeg
Создание простого приложения для чата с помощью node. js и socket. io
https://bookflow.ru/sozdanie-prostogo-prilozheniya-dlya-chata-s-pomoshhyu-node-js-i-socket-io/v
https://bookflow.ru/sozdanie-prostogo-prilozheniya-dlya-chata-s-pomoshhyu-node-js-i-socket-io/v
Как мы улучшили доступность меню в SPA
https://css-tricks.com/how-we-improved-the-accessibility-of-our-single-page-app-menu/
https://css-tricks.com/how-we-improved-the-accessibility-of-our-single-page-app-menu/
CSS-Tricks
How We Improved the Accessibility of Our Single Page App Menu | CSS-Tricks
I recently started working on a Progressive Web App (PWA) for a client with my team. We’re using React with client-side routing via React Router, and one of
Реализовать флаги функций в Angular проще, чем вы думали!
https://blog.sreyaj.dev/implementing-feature-flags-in-angular
https://blog.sreyaj.dev/implementing-feature-flags-in-angular
DCode - Learnings by Adithya Sreyaj
Implementing Feature Flags in Angular is easier than you thought it would be!
Feature flags are basically a configuration for your application where we specify which features are enabled/disabled. We would normally just comment out that part of the code which we don't want to be made available and then later come back and unco...
Производительность JavaScript за пределами размера бандла
https://nolanlawson.com/2021/02/23/javascript-performance-beyond-bundle-size/
https://nolanlawson.com/2021/02/23/javascript-performance-beyond-bundle-size/
Read the Tea Leaves
JavaScript performance beyond bundle size
There’s an old story about a drunk trying to find his keys in the streetlight. Why? Well, because that’s where it’s the brightest. It’s a funny story, but also relatable, be…
Яндекс продолжает набор на оплачиваемую летнюю стажировку ⚡️
Важно: отлично проявившие себя стажеры получат шанс перейти в штат!
Направления: фронтенд- и бэкенд-разработка, машинное обучение, аналитика, мобильная разработка и другие — ознакомиться с ними можно здесь.
Особый формат стажировки — Deep Dive в Яндекс.Маркете.
Сколько длится: от трех до 6 месяцев.
Где: в Москве, Санкт-Петербурге, Екатеринбурге, Нижнем Новгороде, Новосибирске, Сочи, Симферополе и Минске.
Если вы из другого города — Яндекс оплатит дорогу и проживание в Москве.
Что нужно уметь: ждут отличного знания базовых алгоритмов и уверенных навыков программирования на одном из языков.
Как проходит отбор: зависит от направления, но в большинстве случаев нужно будет выполнить тестовое задание, пройти два-три технических интервью, а затем выбрать команду.
Подавайте заявку до 31 мая: https://clck.ru/TgiBN
Важно: отлично проявившие себя стажеры получат шанс перейти в штат!
Направления: фронтенд- и бэкенд-разработка, машинное обучение, аналитика, мобильная разработка и другие — ознакомиться с ними можно здесь.
Особый формат стажировки — Deep Dive в Яндекс.Маркете.
Сколько длится: от трех до 6 месяцев.
Где: в Москве, Санкт-Петербурге, Екатеринбурге, Нижнем Новгороде, Новосибирске, Сочи, Симферополе и Минске.
Если вы из другого города — Яндекс оплатит дорогу и проживание в Москве.
Что нужно уметь: ждут отличного знания базовых алгоритмов и уверенных навыков программирования на одном из языков.
Как проходит отбор: зависит от направления, но в большинстве случаев нужно будет выполнить тестовое задание, пройти два-три технических интервью, а затем выбрать команду.
Подавайте заявку до 31 мая: https://clck.ru/TgiBN
Young&&Yandex ― старт карьеры в Яндексе
Экосистема стажировок и образовательных проектов — можно попробовать себя в IT, прокачать навыки и начать работать в Яндексе
⚡️Frontend-разработчикам и UX-дизайнерам: бесплатная онлайн-конференция Design is Frontend
24 марта поговорим о дизайн-системах финтех-компаний. В программе шесть докладов от ведущих frontend-тимлидов и UX-дизайнеров Райффайзенбанка, SberDevices, AFFINAGE, AGIMA и PINKMAN. Старт конференции в 14:00.
🔸«Что должен знать frontend-разработчик о дизайне: чек-лист с объяснениями» — Игорь Яковлев, CEO AFFINAGE.
🔸«Мастер-класс по работе с дизайн-системой в Figma» — Василий Гордеев, дизайнер SberDevices.
🔸«Дизайн. Реализация дизайн-системы в Райффайзенбанк» — Вика Дубровская, лид команды дизайн-системы Райффайзенбанк.
🔸«Frontend. Реализация дизайн-системы в Райффайзенбанк» — Мария Гущина, frontend-разработчик Райффайзенбанк.
🔸«Почему вам не нужна дизайн-система» — Константин Кислейко, руководитель отдела дизайна AGIMA.
🔸«Есть ли жизнь без дизайн-системы» — Юрий Чижов, технический директор PINKMAN.
⚡️Регистрируйтесь и прокачивайте хард-скиллы вместе с нами —
dif.affinage.ru
24 марта поговорим о дизайн-системах финтех-компаний. В программе шесть докладов от ведущих frontend-тимлидов и UX-дизайнеров Райффайзенбанка, SberDevices, AFFINAGE, AGIMA и PINKMAN. Старт конференции в 14:00.
🔸«Что должен знать frontend-разработчик о дизайне: чек-лист с объяснениями» — Игорь Яковлев, CEO AFFINAGE.
🔸«Мастер-класс по работе с дизайн-системой в Figma» — Василий Гордеев, дизайнер SberDevices.
🔸«Дизайн. Реализация дизайн-системы в Райффайзенбанк» — Вика Дубровская, лид команды дизайн-системы Райффайзенбанк.
🔸«Frontend. Реализация дизайн-системы в Райффайзенбанк» — Мария Гущина, frontend-разработчик Райффайзенбанк.
🔸«Почему вам не нужна дизайн-система» — Константин Кислейко, руководитель отдела дизайна AGIMA.
🔸«Есть ли жизнь без дизайн-системы» — Юрий Чижов, технический директор PINKMAN.
⚡️Регистрируйтесь и прокачивайте хард-скиллы вместе с нами —
dif.affinage.ru
Программная генерация изображений с помощью API CSS Painting
https://blog.bitsrc.io/programmatically-generate-images-with-css-painting-api-3b1a860dae3b
https://blog.bitsrc.io/programmatically-generate-images-with-css-painting-api-3b1a860dae3b
Интервью с Дэном Абрамовым: React 17, Suspense, Redux, холивары
https://habr.com/ru/company/jugru/blog/545024/
https://habr.com/ru/company/jugru/blog/545024/
Хабр
Интервью с Дэном Абрамовым: React 17, Suspense, Redux, холивары
Главный миф о Дэне Абрамове — что он «создал React». Но хотя это и не так, сейчас он имеет самое прямое отношение к фреймворку, так что поговорить с ним про Rea...
Двери во Front-End разработку открываются сейчас 👉
Ты JUNIOR специалист по Front-end и хочешь прокачать свои навыки?
Тогда тебе на бесплатный марафон PRE.AX 🔥
PRE.AX — цифровая платформа, в основе которой инновационная модель Talent-as-a-Service. У нас молодые специалисты работают под наблюдением экспертов и нарабатывают тот самый опыт, который превращает Junior в Middle, а потом и в Senior.
Когда: 25 марта, 20:00.
Условия участия: базовые знания HTML, CSS, JS и React.JS.
Финалистов ждут бонусы и скидки, а победителя мы пригласим на бесплатную стажировку на нашей платформе PRE.AX.
Где зарегистрироваться: переходи по ссылке http://pre.ax/marathon-2021-03-25?utm_source=frontendrazrabotchik&utm_medium=marathon2&utm_campaign=tlgrm
И не забудь позвать друзей! А то так и будут сидеть в джуниорах… 😜
Ты JUNIOR специалист по Front-end и хочешь прокачать свои навыки?
Тогда тебе на бесплатный марафон PRE.AX 🔥
PRE.AX — цифровая платформа, в основе которой инновационная модель Talent-as-a-Service. У нас молодые специалисты работают под наблюдением экспертов и нарабатывают тот самый опыт, который превращает Junior в Middle, а потом и в Senior.
Когда: 25 марта, 20:00.
Условия участия: базовые знания HTML, CSS, JS и React.JS.
Финалистов ждут бонусы и скидки, а победителя мы пригласим на бесплатную стажировку на нашей платформе PRE.AX.
Где зарегистрироваться: переходи по ссылке http://pre.ax/marathon-2021-03-25?utm_source=frontendrazrabotchik&utm_medium=marathon2&utm_campaign=tlgrm
И не забудь позвать друзей! А то так и будут сидеть в джуниорах… 😜
Реализация архитектуры Redux на MobX
Часть 1 https://habr.com/ru/post/546606/ «Проблемные места Redux»
Часть 2 https://habr.com/ru/post/546628/ «Пример на MobX»
Часть 1 https://habr.com/ru/post/546606/ «Проблемные места Redux»
Часть 2 https://habr.com/ru/post/546628/ «Пример на MobX»
Хабр
Реализация архитектуры Redux на MobX. Часть 1: «Проблемные места Redux»
Ссылка на вторую часть статьи: «Пример на MobX». Эта часть статьи будет об осмыслении составляющих Redux. Так ли они необходимы, что является их аналогом. Также будет предложена более удобная...
Опасности Data URIs
Разбираемся в недостатках встраивания ресурсов через base64
https://calendar.perfplanet.com/2020/the-dangers-of-data-uris/
Разбираемся в недостатках встраивания ресурсов через base64
https://calendar.perfplanet.com/2020/the-dangers-of-data-uris/
Web Performance Calendar
The Dangers of data URIs
In the December 2018 edition of the Performance Advent Calendar, Doug Sillars reminded us that base64 encoding is a performance anti-pattern.
But yet, anecdotally, over the last few years I've noticed the number of sites with badly implemented data URIs…
But yet, anecdotally, over the last few years I've noticed the number of sites with badly implemented data URIs…
Lottie Animations для Frontend разработчика. Современная веб анимация. Подключение JS анимации
https://www.youtube.com/watch?v=Shd_Dms3P8I&t=2s
https://www.youtube.com/watch?v=Shd_Dms3P8I&t=2s
YouTube
Lottie Animations для Frontend разработчика. Современная веб анимация. Подключение Lottie-web
Lottie - это мощнейший инструмент для создания web-анимации и библиотека для взаимодействия между дизайнером и разработчиками.
В этом видео разберем два способа подключения библиотеки на ваш сайт
1 способ - простой js файл
2 способ - через npm пакет
+ как…
В этом видео разберем два способа подключения библиотеки на ваш сайт
1 способ - простой js файл
2 способ - через npm пакет
+ как…