FrontEndDev

10 Mar 2024 15:37

useEffect vs useLayoutEffect

2 хука с приблизительно одинаковым функционалом. Но какой и для каких случаев использовать? Кент Си Додс помогает разобраться.

https://kentcdodds.com/blog/useeffect-vs-uselayouteffect

FrontEndDev

08 Mar 2024 13:50

Насколько потолстел JavaScript к 2024 году?

Интересная статистика по популярным сайтам и их отношению к оптимизации JS бандлов. Выяснилось, что Pornhub больше всех задумывается о скорости загрузки.

https://habr.com/ru/companies/ruvds/articles/796595/

FrontEndDev

07 Mar 2024 10:49

Tailwind vs. Semantic CSS

Сравниваем 2 сайта с похожим дизайном: один на Tailwind, второй - с семантическим CSS.
Исследование показывает основные проблемы Tailwind, которые стоит учитывать при выборе способа стилизации.

https://nuejs.org/blog/tailwind-vs-semantic-css/

FrontEndDev

06 Mar 2024 08:36

Типизация для Redux Toolkit

Михаил Непомнящий на примере показывает как можно типизировать работу со стором в Redux Toolkit.

https://www.youtube.com/watch?v=uRlh6-tHWEE

FrontEndDev

04 Mar 2024 18:32

А вы не задумывались, почему пакет is-number в npm имеет большое число скачиваний?

Немного аналитики, или почему не стоит доверять большим цифрам на страницах npm для принятия решения об установке того или иного пакета.

https://shubhamjain.co/2024/02/29/why-is-number-package-have-59m-downloads/

FrontEndDev

04 Mar 2024 11:01

Начните карьеру в ИТ с гранта на обучение до 100% в Центральном университете!

Грант можно получить на одно из направлений бакалавриата по искусственному интеллекту, разработке и бизнес-аналитике. Помимо диплома и практико-ориентированного образования студенты получат:
- Персонализацию учебной траектории;
- Стажировку в одной из лучших ИТ-компании страны;
- Личного ментора на все время обучения;
- Доступ к современному кампусу в центре Москвы.

Получить полную информацию и оставить заявку можно здесь.

erid:2VtzqwpPJzv
Реклама. АО "Тинькофф Банк", ИНН 7710140679, лицензия ЦБ РФ № 2673

FrontEndDev

01 Mar 2024 15:33

JavaScript по запросу: как Qwik отличается от React Hydration

Различные подходы в решении проблемы доставки JS приложений: Qwik vs React Hydration

https://thenewstack.io/javascript-on-demand-how-qwik-differs-from-react-hydration/

FrontEndDev

28 Feb 2024 17:32

HTML streaming

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

https://aralroca.com/blog/html-node-streaming

FrontEndDev

26 Feb 2024 16:00

Привет, меня зовут Артемий.

Я фронтенд-разработчик в Merk Team, работаю в креативной лаборатории, где мы обкатываем новейшие технологии на закрытых внутренних проектах, чтобы потом применять их в коммерческих.

На этой неделе я веду телеграм-канал компании, где работаю, от своего имени. Там я делюсь своими мыслями о фронтенд-разработке, кроссплатформе, нетворкинге и расскажу, как мы разрабатываем собственную 3D-игру в вебе.

Подписывайтесь, чтобы читать и приходите общаться в комментариях: /channel/merkteam

FrontEndDev

25 Feb 2024 16:06

Работе с селектором :has

Интерактивное руководство от Ахмада Шадида.

https://ishadeed.com/article/css-has-guide/

FrontEndDev

21 Feb 2024 17:56

Front-End Architecture 101 - Nir Kaufman @ ReactNYC

Доклад про архитектуру front end проектов: о том, с чего стоит начинать разработку и почему библиотеки и технологии не так важны при реализации.

https://www.youtube.com/watch?v=o8THlN8hgcw

FrontEndDev

20 Feb 2024 14:45

Скажите что-то на карьерном

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

АО «Тинькофф Банк», ИНН 7710140679

FrontEndDev

18 Feb 2024 17:53

Что такое CSS Motion Path

Как анимировать элементы по траектории с CSS Motion Path.

https://www.letsbuildui.dev/articles/what-is-css-motion-path/

FrontEndDev

17 Feb 2024 12:01

ХОЧЕШЬ ПОВЫШЕНИЕ В 2024 ГОДУ? 😎🔥

Согласно опросу, проведенному компанией Solo.io в 2022 году, на текущий момент 85% организаций переводят свои IT-системы на микросервисную архитектуру.

Но специалистов, которые глубоко понимают все тонкости и нюансы микросервисной архитектуры не так-то много.

Самое время разобраться в микросервисной архитектуре и стать более востребованным специалистом.

🚀 Стартуем 26 февраля.

Курс ведет действующий архитектор Кирилл Ветчинкин. Он успешно реализовал проекты с применением микросервисов для Мегафона, Теле2, ВСS Brокer, СберМаркет. Постоянный спикер крупных IT-конференций.

На курсе вы:
📌 Изучите и отработаете более 20 паттернов микросервисной архитектуры
📌 Познакомитесь c Domain Driven Design
📌 Научитесь декомпозировать систему на микросервисы с помощью Event Storming и DDD
Полная программа ТУТ

А самое главное — будет поддержка от эксперта, чат с одногруппниками и интересное практическое задание. Сертификат об участии по итогам прохождения курса.

Курс ориентирован на системных аналитиков и разработчиков, которые хотят больше погрузиться в архитектуру современных IT систем.

👉 Узнай больше о курсе

Реклама. ИП Ветчинкин К.Е. ИНН: 773376451099 Erid: 2VtzqwsLbJh

FrontEndDev

16 Feb 2024 12:28

Иммутабельные изменения массивов с Array.prototype.with

Заметка о том, как with поможет с модификацией массивов, создавая новую копию с изменениями.

https://web.dev/blog/array-with?hl=en

FrontEndDev

10 Mar 2024 12:16

CSS для печати на бумаге

Особенности стилизации веб-страниц для экспорта в печатный вид.

https://habr.com/ru/articles/798765/

FrontEndDev

07 Mar 2024 11:30

Реально ли с нуля создать приложение без опыта в программировании?
Да! 🤩

На бесплатном курсе Нетологии «Основы разработки на Java» вы за 4 занятия познакомитесь с основами синтаксиса Java, одного из самых популярных языков программирования, и напишете на нём свой первый код.
Вас ждёт много практики:

☑️настроите Java и создадите консольное приложение для загрузки фото с сайта NASA;

☑️интегрируете это приложение в Telegram-бота;

☑️запустите приложение в облаке и создадите хранилище данных.

Курс стартует 14 марта. Регистрируйтесь, чтобы получить представление об устройстве Java и понять, подходит ли вам профессия разработчика

Реклама. ООО "Нетология". Erid LatgBkPLG

FrontEndDev

06 Mar 2024 18:34

Техники переноса слов

О возможностях переноса слов с помощью CSS и HTML.

https://adrianroselli.com/2024/02/techniques-to-break-words.html

FrontEndDev

05 Mar 2024 09:00

Большое событие для фронтенд-сообщества — конференция «Я💛Фронтенд 2024».

Встречаемся 23 марта в Москве и онлайн!

В один день в одном месте соберутся ведущие специалисты в области разработки, чтобы поделиться последними новостями веба, узнать много интересного от крутых экспертов своей области, и, конечно, пообщаться с другими участниками сообщества.

Узнайте больше информации о программе и спикерах конференции на сайте.

Реклама. ООО "Яндекс". ИНН 7736207543

FrontEndDev

04 Mar 2024 16:04

Разбираемся с StyleX — одним из новых подходов к написанию стилей.

Обзор различных техник по работе с CSS и как StyleX может быть полезен на вашем проекте.

https://blog.logrocket.com/exploring-stylex-new-generation-styling-libraries/

FrontEndDev

04 Mar 2024 10:00

Capo.js: улучшаем перформанс вашего приложения за 5 минут

Capo.js — инструмент, который проверяет разметку в head и сортирует элементы для улучшения скорости загрузки приложения.

Конечно, не стоит доверять ему на 100%, но, как минимум, покажет вам возможные варианты для оптимизации.

https://frontendmasters.com/blog/capo-js-a-five-minute-web-performance-boost/

FrontEndDev

28 Feb 2024 19:30

React + SignalDB

Как работает SignalDB и как интегрировать реактивную клиентскую базу данных с React.

https://blog.logrocket.com/using-signaldb-react/

FrontEndDev

27 Feb 2024 15:41

Играемся с бесконечностью в CSS

О том, как можно использовать значение infinity и в какие максимальные значения его интерпретируют браузеры.

https://codersblock.com/blog/playing-with-infinity-in-css/

FrontEndDev

26 Feb 2024 10:41

Чистая архитектура React приложения

Одна из возможных реализаций подхода чистой архитектуры для React + Redux приложения. Данный подход позволяет изменять/заменять любые модули с минимальными затратами, однако требует дополнительной работы при реализации.

https://github.com/eduardomoroni/react-clean-architecture

FrontEndDev

23 Feb 2024 16:00

Лучший способ отцентровать div

Обзор методик центрирования элементов на странице.

https://www.joshwcomeau.com/css/center-a-div/

FrontEndDev

21 Feb 2024 12:48

Итак, вы думаете, что знаете Git? Часть вторая: новое в Git

О новых фичах в Git и их применении.

https://habr.com/ru/articles/794252/

FrontEndDev

20 Feb 2024 12:50

Продвинутое использование селектора :is()

https://www.bram.us/2023/01/17/using-is-in-complex-selectors-selects-more-than-you-might-initially-think/

FrontEndDev

18 Feb 2024 15:39

Как отобразить радар-чарты в вебе

Создаем удобные и переиспользуемые компоненты для отображения данных в виде радар-чартов.

https://www.smashingmagazine.com/2024/02/draw-radar-charts-web/

FrontEndDev

16 Feb 2024 15:47

Появление WebGL изображений при скролле

Эффект обратной пикселизации изображений при скролле с использованием WebGL и GSAP

https://tympanus.net/codrops/2024/02/07/on-scroll-revealing-webgl-image-explorations/

Демо | GitHub

FrontEndDev

14 Feb 2024 20:27

Оборачиваем в Docker ваше NextJs приложение с помощью Github Actions

Пошаговый туториал с конфигами, позволяющий настроить билд приложения с Github Actions.

https://mxd.codes/articles/docker-ci-cd-for-nextjs-with-github-actions