29396
🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee Реклама: http://bit.ly/2NxmVDu
Эффект раскрытия гридовых ячеек при наведении
Демо | Github
https://tympanus.net/codrops/2024/03/13/grid-item-reveal-animation-on-hover/
Погружение в package.json
Настраиваем проект с помощью полей package.json. Какие поля кроме name, scripts, dependecies и devDependencies могу быть полезными для конфигурации.
https://dyte.io/blog/package-json/
Конвертируем строку в дату
Способы получения даты из строки и основные ошибки, которые при этом допускают разработчики
https://www.rajamsr.com/javascript-convert-string-to-date/
Как сверстать письмо, чтобы оно дошло до получателя таким, как задумано
Базовые принципы верстки писем и особенности разных почтовых клиентов.
https://habr.com/ru/companies/kts/articles/798615/
Визуальное тестирование
Подробный гайд по визуальному тестированию с помощью Playwright. Визуальное тестирование позволяет определить соответствие визуальных элементов определенному эталонному снепшоту.
https://www.browsercat.com/post/ultimate-guide-visual-testing-playwright
useEffect vs useLayoutEffect
2 хука с приблизительно одинаковым функционалом. Но какой и для каких случаев использовать? Кент Си Додс помогает разобраться.
https://kentcdodds.com/blog/useeffect-vs-uselayouteffect
Насколько потолстел JavaScript к 2024 году?
Интересная статистика по популярным сайтам и их отношению к оптимизации JS бандлов. Выяснилось, что Pornhub больше всех задумывается о скорости загрузки.
https://habr.com/ru/companies/ruvds/articles/796595/
Tailwind vs. Semantic CSS
Сравниваем 2 сайта с похожим дизайном: один на Tailwind, второй - с семантическим CSS.
Исследование показывает основные проблемы Tailwind, которые стоит учитывать при выборе способа стилизации.
https://nuejs.org/blog/tailwind-vs-semantic-css/
Типизация для Redux Toolkit
Михаил Непомнящий на примере показывает как можно типизировать работу со стором в Redux Toolkit.
https://www.youtube.com/watch?v=uRlh6-tHWEE
А вы не задумывались, почему пакет is-number в npm имеет большое число скачиваний?
Немного аналитики, или почему не стоит доверять большим цифрам на страницах npm для принятия решения об установке того или иного пакета.
https://shubhamjain.co/2024/02/29/why-is-number-package-have-59m-downloads/
Начните карьеру в ИТ с гранта на обучение до 100% в Центральном университете!
Грант можно получить на одно из направлений бакалавриата по искусственному интеллекту, разработке и бизнес-аналитике. Помимо диплома и практико-ориентированного образования студенты получат:
- Персонализацию учебной траектории;
- Стажировку в одной из лучших ИТ-компании страны;
- Личного ментора на все время обучения;
- Доступ к современному кампусу в центре Москвы.
Получить полную информацию и оставить заявку можно здесь.erid:2VtzqwpPJzv
Реклама. АО "Тинькофф Банк", ИНН 7710140679, лицензия ЦБ РФ № 2673
JavaScript по запросу: как Qwik отличается от React Hydration
Различные подходы в решении проблемы доставки JS приложений: Qwik vs React Hydration
https://thenewstack.io/javascript-on-demand-how-qwik-differs-from-react-hydration/
HTML streaming
Особенности реализации, на которые стоит обратить внимание, для того, чтобы использовать все преимущества данной технологии.
https://aralroca.com/blog/html-node-streaming
Привет, меня зовут Артемий.
Я фронтенд-разработчик в Merk Team, работаю в креативной лаборатории, где мы обкатываем новейшие технологии на закрытых внутренних проектах, чтобы потом применять их в коммерческих.
На этой неделе я веду телеграм-канал компании, где работаю, от своего имени. Там я делюсь своими мыслями о фронтенд-разработке, кроссплатформе, нетворкинге и расскажу, как мы разрабатываем собственную 3D-игру в вебе.
Подписывайтесь, чтобы читать и приходите общаться в комментариях: /channel/merkteam
Работе с селектором :has
Интерактивное руководство от Ахмада Шадида.
https://ishadeed.com/article/css-has-guide/
⁉️ Только начинаешь свой путь в IT, и для трудоустройства не хватает реального опыта работы?
Знакомая история? Тогда давай к нам! 🚀
PREAX — онлайн-стажировка для frontend-разработчиков.
Помогаем накопить реальный 💪 опыт, формируем кадровый резерв для работодателей и привлекаем лучших к коммерческим заказам.
ЧТО ВНУТРИ?
🔖 Пять больших проектов. Пополнишь портфолио крутыми кейсами.
🔖 Спринты и дедлайны. Научишься рассчитывать время и укладываться в сроки.
🔖 Работа с легаси. Исправишь ошибки, оптимизируешь код и сделаешь рефакторинг.
🔖 Пачка код-ревью. Поделишься опытом и увидишь, как сделать свой код еще лучше.
🔖 Поддержка сообщества. Сможешь задать вопрос и получить совет, если нужна помощь.
🔖 Новый стек технологий. Закрепишь на практике и расширишь стек технологий.
🔖 Гибкий график. Сможешь выстраивать нагрузку, легко совмещая её с работой или учебой.
В итоге получишь реальный опыт работы в команде!
Попробуй! 1-й спринт — 🆓 БЕСПЛАТНО!Реклама, ООО «Преакс Плэтформ», ОГРН 1237700372755
Как безопасно использовать dangerouslySetInnerHTML
Минимизируем возможные проблемы при отображении HTML контента с внешних ресурсов в React.
https://deadsimplechat.com/blog/how-to-safely-use-dangerouslysetinnerhtml-in-react/
Пришла весна, а вместе с ней и A?.Frontend Community #6 🌼
На улице уже совсем весеннее солнце, а значит, пришло время посетить наш новый митап! 21 марта состоится уже 6-я наша встреча, на которой мы подробно поговорим о TypeScript.
🌿 TypeScript: Введение в мир надежного программирования
Александр Чернов, Frontend-разработчик в Альфа-Банке, расскажет, как при помощи TypeScript сделать код надёжнее.
🌿 Переход на TypeScript: плавные перемены и непредвиденные сложности
Рустам Султанбеков, Middle Frontend-разработчик в Авито, поделится опытом перевода существующего приложения на TypeScript и поможет понять, стоит ли это делать.
🌿 Генерируй – типизируй
Александр Серов, Senior Frontend-разработчик в UULA, объяснит, как пользоваться продвинутыми возможностями TypeScript.
🌿 Generics – Что? Где? Когда?
Тёма Сенюков, старший разработчик интерфейсов в Яндексе, расскажет, как пользоваться Generics, чтобы избежать дублирования кода и ошибок.
Когда: 21 марта (четверг) в 18:30
Где: онлайн
Регистрируйтесь на митап по ссылке и присоединяйтесь к нашей группе в телеграмме, там же можно будет найти ссылку на трансляцию!
Создаем цветовые палитры с помощью color-mix()
Знакомимся с функцией color-mix() и смотрим, для чего ее можно удобно применять.
https://developer.mozilla.org/en-US/blog/color-palettes-css-color-mix/
🔥 Годнота
Наткнулся на базу с 1400 вопросов с собеседований на Frontend разработчика. Фишка в том что просчитана вероятность с которой вопрос буден задан и есть примеры ответов. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам 😏
CSS для печати на бумаге
Особенности стилизации веб-страниц для экспорта в печатный вид.
https://habr.com/ru/articles/798765/
Реально ли с нуля создать приложение без опыта в программировании?
Да! 🤩
На бесплатном курсе Нетологии «Основы разработки на Java» вы за 4 занятия познакомитесь с основами синтаксиса Java, одного из самых популярных языков программирования, и напишете на нём свой первый код.
Вас ждёт много практики:
☑️настроите Java и создадите консольное приложение для загрузки фото с сайта NASA;
☑️интегрируете это приложение в Telegram-бота;
☑️запустите приложение в облаке и создадите хранилище данных.
Курс стартует 14 марта. Регистрируйтесь, чтобы получить представление об устройстве Java и понять, подходит ли вам профессия разработчикаРеклама. ООО "Нетология". Erid LatgBkPLG
Техники переноса слов
О возможностях переноса слов с помощью CSS и HTML.
https://adrianroselli.com/2024/02/techniques-to-break-words.html
Большое событие для фронтенд-сообщества — конференция «Я💛Фронтенд 2024».
Встречаемся 23 марта в Москве и онлайн!
В один день в одном месте соберутся ведущие специалисты в области разработки, чтобы поделиться последними новостями веба, узнать много интересного от крутых экспертов своей области, и, конечно, пообщаться с другими участниками сообщества.
Узнайте больше информации о программе и спикерах конференции на сайте.Реклама. ООО "Яндекс". ИНН 7736207543
Разбираемся с StyleX — одним из новых подходов к написанию стилей.
Обзор различных техник по работе с CSS и как StyleX может быть полезен на вашем проекте.
https://blog.logrocket.com/exploring-stylex-new-generation-styling-libraries/
Capo.js: улучшаем перформанс вашего приложения за 5 минут
Capo.js — инструмент, который проверяет разметку в head и сортирует элементы для улучшения скорости загрузки приложения.
Конечно, не стоит доверять ему на 100%, но, как минимум, покажет вам возможные варианты для оптимизации.
https://frontendmasters.com/blog/capo-js-a-five-minute-web-performance-boost/
React + SignalDB
Как работает SignalDB и как интегрировать реактивную клиентскую базу данных с React.
https://blog.logrocket.com/using-signaldb-react/
Играемся с бесконечностью в CSS
О том, как можно использовать значение infinity и в какие максимальные значения его интерпретируют браузеры.
https://codersblock.com/blog/playing-with-infinity-in-css/
Чистая архитектура React приложения
Одна из возможных реализаций подхода чистой архитектуры для React + Redux приложения. Данный подход позволяет изменять/заменять любые модули с минимальными затратами, однако требует дополнительной работы при реализации.
https://github.com/eduardomoroni/react-clean-architecture
Лучший способ отцентровать div
Обзор методик центрирования элементов на странице.
https://www.joshwcomeau.com/css/center-a-div/
