FrontEndDev

Эффект фрагментации изображения с помощью масок CSS и кастомных свойств https://css-tricks.com/image-fragmentation-effect-with-css-masks-and-custom-properties/

Друзья! 12 апреля стартует Podlodka Frontend Crew. Сам иду и зову вас с собой! Podlodka Frontend Crew — это абсолютно новая конференция для фронтенд-разработчиков от команды Podlodka! Конференция будет идти в формате двухнедельного интенсива и будет посвящена оптимизации и стабильности разработки frontend’a. 🏃‍♂️На неделе “Оптимизация перфоманса” с разных сторон посмотрим на производительность: от оптимизации размера бандла и работы с инфраструктурой сети и до оптимизации сайта с точки зрения UX и разбора причин, почему бизнесу может быть важно заниматься производительностью. 🛠 А неделя “Стабильность и качество фронтенда” будет посвящена подходам и практикам, помогающим избегать и своевременно обнаруживать проблемы и ошибки. Обсудим контрактные, unit и end-to-end тесты, разберемся с мониторингами и алертингами и обсудим другие инженерные практики. 🗝 Ключевая особенность конференций Podlodka Crew: помимо докладов в программе множество нескучных форматов: рулетки кейсов, батлы, лайв-кодинги и не только. А что лично мне больше всего нравится - это возможность пообщаться со спикерами (и задать все вопросы, которые мучали тебя много лет) на зум-сессиях и нетворкинг в слаке! Кроме того, вы получите доступ к записям всех сессий, чтобы потом в любой удобный момент можно было освежить знания! Стартуем 12 апреля, примерное расписание первой недели уже на сайте, а до 5 апреля включительно билеты можно приобрести с очень приятной early-bird скидкой. Ждем на борту!

UnderJS Podcast #30 — Billing и бухгалтерия — инженерная сторона с Виталием Слободиным. https://underjs.ru/podcast/2021/03/25/vitaly-slobodin.html

Как создатель node.js сам разочаровался в нем https://habr.com/ru/company/ruvds/blog/548692/

Переписываем Nuxt Hacker News с помощью Fastify, Vite и Vue 3 https://vuejsdevelopers.com/2021/03/23/nuxt-vite-fastify/

Как создать сайт с помощью Svelte и Sveltekit https://prismic.io/blog/svelte-sveltekit-tutorial

​Веб-страница — канал, где регулярно появляются крутые материалы по веб-разработке. Подписывайтесь и ежедневно получайте качественный контент: @tproger_web

Основные тренды JavaScript, за которыми стоит следить в 2021 году https://www.codica.com/blog/top-javascript-trends/

JavaScript SEO: лучшие практики и инструменты отладки https://www.searchenginejournal.com/javascript-seo-debugging-tools/398965/#close

Интерактивные веб-компоненты проще, чем вы думаете https://css-tricks.com/interactive-web-components-are-easier-than-you-think/

Цветовые функции в CSS. Мечты сбываются: смешивание, прозрачность, контраст https://www.youtube.com/watch?v=-6V7EvfUs3k

Простые советы по написанию чистых компонентов React https://isamatov.com/simple-tips-for-writing-clean-react-components/

5 различных инструментов для мониторинга фронтенда https://blog.bitsrc.io/5-different-tools-for-frontend-monitoring-79db94014d

Визуализация данных: легкое создание графиков на React https://www.telerik.com/blogs/data-visualization-build-react-graphs-easy-way

Frontender's notes - канал по фронту на котором публикуется инфа о HTML, CSS, JS, TypeScript, React, Node.js для создания полноценных кроссплатформенных приложений. Добро пожаловать! ➡️ @frontendnoteschannel

Скрытые векторы атак через OAuth https://portswigger.net/research/hidden-oauth-attack-vectors

Практическая доступность, часть 1: семантика разметки и ARIA https://www.filamentgroup.com/lab/practical-accessibility-1-semantics/

Создайте приложение для отслеживания бюджета на React — изучение React & Context API с помощью интересного проекта https://www.freecodecamp.org/news/react-budget-tracker-app/

2 способа динамической загрузки Angular Components https://nightwolf.dev/2-ways-to-dynamically-load-angular-components/

Dev-to-Nocode 30 марта — новая онлайн-встреча "Инженер заходит в бар", где разработчики из разных компаний обсуждают траектории профессионального развития. В этот раз поговорим с теми, кто перестал писать код в изначальном смысле, но остался в разработке, в смежной роли. Аналитика, DevOps, маркетинг, менеджмент – обсудим разные сценарии. Эксперты (три Дмитрия!): — Дмитрий Цыбин, Head of Engineering Productivity, Miro; — Дмитрий Еремеев, Web-analytics в IsraelPack, Web-development в 150bar; — Дмитрий Янтер, Аналитик в Технологическом Центре Дойче Банка. Встречаемся 30 марта в 15:00 по Мск. Зарегистрироваться — https://miro-event.timepad.ru/event/1583725/