​​Какими знаниями должен обладать 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

​​👌Готовим, пробуем Casbin RBAC и handmade RBAC

В этой статье расскажу, как я тестировал Casbin, попутно подготовил своё решение для сравнения и покажу результаты работы обоих.

Читать...


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

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

Smart watch — Clock object: https://codepen.io/MarkBoots/pen/zYbjaoR

#codepen


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

​​😎Первое приложение на SolidJS

В этой статье познакомимся с SolidJS − JavaScript-библиотекой для создания пользовательских интерфейсов без виртуального DOM. Мы создадим легкий список задач с использованием TypeScript и разберем некоторые особенности библиотеки.

Читать...


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

Blob Switch

Оригинальный переключатель, стилизованный и анимированный в SCSS.

👉 @seniorFront


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

JavaScript. Что будет выведено в консоль?

Ответ


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

5 трендов в подборе ИТ-специалистов на 2024 год

Попробуем заглянуть в будущее и предсказать, чего ждать и к чему готовиться в России и за рубежом. Поговорим о зарплатах, подходах к найму айтишников и искусственном интеллекте.

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


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

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

Top 3 source channels:
Frontender's notes [ru]: 5 message(s)
Senior Frontend - javascript, html, css: 4 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

​​Состоялся релиз Tempo — библиотеки для работы с датами в JavaScript и TypeScript

Разработчики фреймворка FormKit для создания форм на Vue опубликовали код библиотеки Tempo, предназначенной для работы с датой и временем в JavaScript и TypeScript. Команда проекта акцентировала внимание на простоте использования и минимальном размере.

При создании разработчики вдохновлялись moment.js, day.js и date-fns, но начали проект с нуля, чтобы итоговая библиотека отвечала всем требованиям команды. В коде Tempo используются возможности Intl.DateTimeFormat для извлечения сложных типов данных, к которым относятся форматы дат и смещения часовых поясов:

import { format, parse } from "@formkit/tempo"

const readable = format(new Date(), "full")
// понедельник, 19 февр. 2024 г.

parse(readable, "full")
// Date: 2024-02-18T21:00:00.000Z

Библиотека реализована на языке TypeScript. Установить Tempo можно с помощью пакетных менеджеров pnpm, npm, yarn и bun, а у проекта на гитхабе уже больше 1,2 тыс. звёзд: https://github.com/formkit/tempo

#инструменты #javascript #typescript

🖥 Travel & Hotel Booking Light Mobile App – дизайн мобильного приложения для бронирования отелей. Акцент здесь сделан на спокойных серо-бирюзовых оттенках и скругленных углах.

Сайтодел | #макет #figma


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

​​👨‍💻Пишем надёжный и расширяемый код с помощью Union & pattern matching в TypeScript

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

Читать...


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

Bubble Preloader

Необычный loader на HTML и SCSS.

👉 @seniorFront


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