FrontEndDev

Лучший способ отцентровать div Обзор методик центрирования элементов на странице. https://www.joshwcomeau.com/css/center-a-div/

Front-End Architecture 101 - Nir Kaufman @ ReactNYC Доклад про архитектуру front end проектов: о том, с чего стоит начинать разработку и почему библиотеки и технологии не так важны при реализации. https://www.youtube.com/watch?v=o8THlN8hgcw

Итак, вы думаете, что знаете Git? Часть вторая: новое в Git О новых фичах в Git и их применении. https://habr.com/ru/articles/794252/

Скажите что-то на карьерном Тинькофф в поиске крутых ИТ-спецов. С компании — профессиональный рост, интересные финтех-задачи, решение бытовых забот и работа там, где вы живете. С вас — выбрать вакансию и откликнуться тут АО «Тинькофф Банк», ИНН 7710140679

Продвинутое использование селектора :is() https://www.bram.us/2023/01/17/using-is-in-complex-selectors-selects-more-than-you-might-initially-think/

Что такое CSS Motion Path Как анимировать элементы по траектории с CSS Motion Path. https://www.letsbuildui.dev/articles/what-is-css-motion-path/

Как отобразить радар-чарты в вебе Создаем удобные и переиспользуемые компоненты для отображения данных в виде радар-чартов. https://www.smashingmagazine.com/2024/02/draw-radar-charts-web/

ХОЧЕШЬ ПОВЫШЕНИЕ В 2024 ГОДУ? 😎🔥 Согласно опросу, проведенному компанией Solo.io в 2022 году, на текущий момент 85% организаций переводят свои IT-системы на микросервисную архитектуру. Но специалистов, которые глубоко понимают все тонкости и нюансы микросервисной архитектуры не так-то много. Самое время разобраться в микросервисной архитектуре и стать более востребованным специалистом. 🚀 Стартуем 26 февраля. Курс ведет действующий архитектор Кирилл Ветчинкин. Он успешно реализовал проекты с применением микросервисов для Мегафона, Теле2, ВСS Brокer, СберМаркет. Постоянный спикер крупных IT-конференций. На курсе вы: 📌 Изучите и отработаете более 20 паттернов микросервисной архитектуры 📌 Познакомитесь c Domain Driven Design 📌 Научитесь декомпозировать систему на микросервисы с помощью Event Storming и DDD Полная программа ТУТ А самое главное — будет поддержка от эксперта, чат с одногруппниками и интересное практическое задание. Сертификат об участии по итогам прохождения курса. Курс ориентирован на системных аналитиков и разработчиков, которые хотят больше погрузиться в архитектуру современных IT систем. 👉 Узнай больше о курсе Реклама. ИП Ветчинкин К.Е. ИНН: 773376451099 Erid: 2VtzqwsLbJh

Появление WebGL изображений при скролле Эффект обратной пикселизации изображений при скролле с использованием WebGL и GSAP https://tympanus.net/codrops/2024/02/07/on-scroll-revealing-webgl-image-explorations/ Демо | GitHub

Иммутабельные изменения массивов с Array.prototype.with Заметка о том, как with поможет с модификацией массивов, создавая новую копию с изменениями. https://web.dev/blog/array-with?hl=en

Оборачиваем в Docker ваше NextJs приложение с помощью Github Actions Пошаговый туториал с конфигами, позволяющий настроить билд приложения с Github Actions. https://mxd.codes/articles/docker-ci-cd-for-nextjs-with-github-actions

‼️Всем кодерам посвящается‼️ Code ready — лучшие подборки эффектов, анимаций и многое другое для твоих проектов, сразу с готовым кодом и примером их использования. 🪩 Расставь приоритеты, добавь лёгкости в свою работу и становись лучше с @code_ready

От множества к единому - переводим наши проекты в монорепозиторий В каких случаях стоит хранить проекты в монорепе и как слить все проекты в один, не потярев при этом историю комитов. https://www.aha.io/engineering/articles/monorepo

За гранью пикселей и rems в CSS - относительные единицы измерения основанные на viewport Частые ловушки, в которые попадают разрабочики при использовании относительных единиц измерения в CSS. https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/relative-length-units-based-on-the-viewport

#css #accessibility HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 5 ⭐️⭐️◽️◽️◽️ 📖 Читать

Разбираемся с Interaction to Next Paint О чем говорит новая метрика Core Web Vital и как ее можно оптимизировать. https://blog.logrocket.com/exploring-interaction-next-paint-new-core-web-vital/

Изучаем доступность Полный туториал по a11y познакомит вас с основами доступности, аспектам разаботки веб приложений с учетом аспектов доступности и почему это важно. https://www.youtube.com/watch?v=e2nkq3h1P68

Как получить реальный опыт во фронтенд-разработке за 7 дней? А именно: - Сверстать веб-сайт на HTML + CSS; - Реализовать функционал на JavaScript; - Пощупать фронтенд-фреймворк Angular; - Подключить Backend и загрузить сайт на хостинг. В итоге своими руками разработаешь качественный сайт, который не стыдно добавить в портфолио или продать. Такой опыт можно получить на бесплатном практикуме от Айтилогии с поддержкой от опытных разработчиков на каждом этапе. 👉 Приходи на бесплатное обучение и зови с собой друзей Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.

Создаем игру Gorillas на JS Подробный туториал по разработке игры с использоваием JS + Canvas. https://www.freecodecamp.org/news/gorillas-game-in-javascript/

Что нового в DevTools Обновления DevTools v.122: официальное расширение для записи, новый функционал таймлайна, улучшенная работа с куками и еще куча всего. https://developer.chrome.com/blog/new-in-devtools-122?hl=en