​​🦾Интеграция React и AngularJS через Webpack Module Federation

В этой статье я поделюсь с вами способом, как оживить ваш проект, плавно встроив элементы React в структуру, построенную на добром старом AngularJS.

Читать...


Original post link: t.me/frontendnoteschannel/3308
Forwarded and filtered by @smartfeed_bot

CSS scroll-driven scroll-snapping animations

Реализовано без использования JS. При помощи CSS scroll-snap.

👉 @seniorFront


Original post link: t.me/seniorFront/3812
Forwarded and filtered by @smartfeed_bot

​​🕔Ты наконец-то поймешь асинхронность в JS

В этой статье мы поговорим о том, что такое асинхронность в JavaScript и как она работает.

Читать...


Original post link: t.me/frontendnoteschannel/3309
Forwarded and filtered by @smartfeed_bot

CSS Movie Clapboard

Создано на HTML и SCSS. Анимировано при помощи CSS keyframes.

https://codepen.io/matthewcsimpson/pen/bGMjOMm


Original post link: t.me/senior_front/1863
Forwarded and filtered by @smartfeed_bot

This is a daily stats digest!
Today the bot processed: 7 messages
Today you received: 7 messages
Our filtering prevented you from: 0 messages

Top 3 source channels:
Senior Frontend - javascript, html, css: 2 message(s)
Frontender's notes [ru]: 2 message(s)
Сайтодел | GitHub, Макеты, Шрифты, JavaScript, Figma: 1 message(s)


React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report

Exes and Ohs

Проверьте, имеет ли строка одинаковое количество "x" и "o". Метод должен возвращать булево значение и быть нечувствительным к регистру. Строка может содержать любой символ.

Примеры:
XO("ooxx") => true
XO("xooxx") => false
XO("ooxXm") => true
XO("zpzpzpp") => true
XO("zzoo") => false

👉 @seniorFront


Original post link: t.me/seniorFront/3813
Forwarded and filtered by @smartfeed_bot

​​👍Работаем с HTTP API: разбор частых проблем и методы их решения

В этой статье я расскажу, какие ошибки при работе с API допускают не только новички, но и профессионалы, и как сделать, чтобы эти ошибки возникали как можно реже или не появлялись вовсе.

Читать...


Original post link: t.me/frontendnoteschannel/3311
Forwarded and filtered by @smartfeed_bot

🎨 Цветовая палитра макета "Abstract 3D Coral Shapes"

HEX | RGB
#FFB8C2 | rgb(255,184,194)
#F5774F | rgb(245,119,79)
#5C837E | rgb(92,131,126)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра


Original post link: t.me/sitodel/1663
Forwarded and filtered by @smartfeed_bot

Bouncy image radio group

Это grid, параметры которого изменяются при нажатии на его элемент. Плавность достигается при помощи CSS transition.

👉 @seniorFront


Original post link: t.me/seniorFront/3814
Forwarded and filtered by @smartfeed_bot

​​⚡️Азы поисковой оптимизации для веб-разработчика: прокачиваем SEO с помощью кода и здравого смысла

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

Читать...


Original post link: t.me/frontendnoteschannel/3312
Forwarded and filtered by @smartfeed_bot

5 лучших библиотек всплывающих окон для React

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

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

Читать статью


Original post link: t.me/senior_front/1864
Forwarded and filtered by @smartfeed_bot

​​Какими знаниями должен обладать JavaScript-разработчик в 2024 году?

Выяснили у опытных разработчиков на JavaScript, что должны учить начинающие программисты в 2024 году, чтобы быть востребованными специалистами: https://tproger.ru/articles/znaniya--kotorymi-dolzhen-obladat-javasript-razrabotchik-v-2024-godu--eto---baza

#javascript #начинающим


Original post link: t.me/tproger_web/4381
Forwarded and filtered by @smartfeed_bot

​Можете ли вы привести пример каррированной функции (curry function) и в чём их преимущество?

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

function curry(fn) {
if (fn.length === 0) {
return fn;
}
function _curried(depth, args) {
return function (newArgument) {
if (depth - 1 === 0) {
return fn(...args, newArgument);
}
return _curried(depth - 1, [...args, newArgument]);
};
}
return _curried(fn.length, []);
}

function add(a, b) {
return a + b;
}

var curriedAdd = curry(add);
var addFive = curriedAdd(5);

var result = [0, 1, 2, 3, 4, 5].map(addFive); // [5, 6, 7, 8, 9, 10]

👉 @seniorFront

Kippo Hover Card Effect

Эффект раскрытия карточек при наведении, реализованный с помощью CSS и JavaScript.

https://codepen.io/Hyperplexed/pen/zYWdYoo


Original post link: t.me/senior_front/1865
Forwarded and filtered by @smartfeed_bot

​​Гигантскую библиотеку CSS-анимаций заказывали?

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

Берите на заметку.

#css #инструменты


Original post link: t.me/tproger_web/4382
Forwarded and filtered by @smartfeed_bot

Service Slider

Анимировано в CSS. Логика смены текста и запуска анимаций реализована в JS.

👉 @seniorFront


Original post link: t.me/seniorFront/3817
Forwarded and filtered by @smartfeed_bot

​​🌐Анимация в браузерах и как с ней работать

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

Читать...


Original post link: t.me/frontendnoteschannel/3314
Forwarded and filtered by @smartfeed_bot

This is a daily stats digest!
Today the bot processed: 12 messages
Today you received: 6 messages
Our filtering prevented you from: 6 messages

Top 3 source channels:
Сайтодел | GitHub, Макеты, Шрифты, JavaScript, Figma: 4 message(s)
Senior Frontend - javascript, html, css: 3 message(s)
Веб-страница: 2 message(s)


React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report

​​У нас есть шпаргалка для тех, кто готовится проходить алкособес.

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

Можно воспринимать это как ненужное усложнение, а можно — как тренировку ума и преимущество на будущей работе.

Вы думаете, что админ опечатался, и мы говорим тут об алгоритмическом собеседовании? Кто, знает, кто знает. Вы можете проверить сами по ссылке:

Читать...


Original post link: t.me/frontendnoteschannel/3315
Forwarded and filtered by @smartfeed_bot

💾 Photo Gallery – галерея с изображениями, которые раскрываются при наведении курсора. На остальные фото при этом накладывается темный фильтр.

Сайтодел | #сниппет #css


Original post link: t.me/sitodel/1669
Forwarded and filtered by @smartfeed_bot

​3 категории менеджеров проектов

Лично я сторонник разбивки, которую давно у кого-то услышал - менеджеров по стилю управления можно грубо разбить на 3 категории:

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

- Менеджер из среднего бизнеса. Эти менеджеры часто уже меньше вникают в техническую часть задач, работают с задачами чуть более верхнеуровнево, больше времени посвящая планированию и отладке процессов. Часто именно здесь начинается полноценное делегирование задач от менеджера - коллегам.

- Корпоративные акулы. Это боги стратегического и тактического планирования, оперируют задачами уже практически абстрактно и максимально сосредоточены на менеджменте в его эталонном виде. По тому, с кем у меня был опыт общения - такие менеджеры уже намного проще и жестче относятся к косякам команды, особо не вникая в человеческие причины этих косяков.

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

К какому варианту быть ближе, каждый менеджер решает сам для себя, исходя из своего комфорта, целей, жизненной позиции и т.д., главное добросовестно выполнять свои обязанности и вести свои проекты и команду к светлому будущему ;)

👉 @seniorFront