​​😎Лонгрид о JavaScript

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

Читать...


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

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

Интересная статистика по популярным сайтам и их отношению к оптимизации JS-бандлов: https://habr.com/ru/companies/ruvds/articles/796595/

@tproger_web #javascript


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

​​🚀Представляем Firebolt: Продуктивный React фреймворк

В этой статье автор расскажет о новом фреймворке для React под названием Firebolt, который представлен как продуктивный инструмент для создания веб-приложений.

Читать...


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

История одного хакатона, на котором 6 фронтендеров и один бэкенд-разработчик написали игру за 24 часа на JavaScript + Node.js + Soket.io.

https://habr.com/ru/post/684480/


Original post link: t.me/senior_front/1928
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:
Senior Frontend - javascript, html, css: 3 message(s)
Frontender's notes [ru]: 3 message(s)
Веб-страница: 3 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

Scroll Animation Effects for Website

В этом видео создается лендинг, который анимируется при прокрутке на CSS и JS.

👉 @seniorFront


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

​​Составили для вас тест на знание Рунета

Постарались подобрать неочевидные вопросы, ответы на которые должен помнить только настоящий олд. Пройдите тест, а мы по результату попытаемся угадать дату вашего рождения: https://tproger.ru/articles/runet-2000

Что еще помните о том времени?

@tproger_web #тесты


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

✍️ Roghiska – элегантный шрифт с засечками, который подойдет для логотипов, а также для названий брендов, журналов, книг и фильмов. Пример шрифта есть в макете Modern E-Commerce UI Kit

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


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

​​🧐Почему реактивность без VDOM (с реальным DOM) лучше, чем реактивность с VDOM?

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

Читать...


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

Splashed Toast Notifications

Создано и анимировано на чистом CSS. Каждый элемент - это чекбокс, при активации которого задействуются определенные стили.

👉 @seniorFront


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

1's, 0's and wildcards

Вам дана строка, содержащая нули, единицы и один или более '?', где '?' - это подстановочный знак, который может быть 0 или 1.
Верните массив, содержащий все возможные значения, которые можно получить, заменяя '?' нулём или единицей.

Пример:
'101?' -> ['1010', '1011']
'1?1?' -> ['1010', '1110', '1011', '1111']

👉 @seniorFront


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

🖥 Glass Flowers 3D Assets – набор PNG-изображений стеклянных цветов. Есть три варианта картинок: золотые, сине-розовые (с фильтром) и черно-белые.

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


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

Зато будет с чем чай попить


Original post link: t.me/ithumor/11021
Forwarded and filtered by @smartfeed_bot

​​👤Как я отрендерил миллион строк в React

В этой статье вы узнаете о методах и подходах к эффективному визуализированию миллиона строк данных в ReactJS, используя элемент Canvas.

Читать...


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

​​😉Знакомьтесь, SafeTest — новый подход к тестированию фронтенда

В этой статье мы поговорим о SafeTest — революционной библиотеке, которая предлагает свежий взгляд на сквозные (E2E) тесты для веб-приложений с пользовательским интерфейсом.

Читать...


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

Метод console.time()

Чтобы подсчитать длительность каких-либо действий, можно использовать метод console.time(id). Он принимает в качестве аргумента уникальное имя таймера, который затем можно остановить с помощью console.timeEnd(id). Время, прошедшее между вызовами, будет выведено в консоль.

Плюс ко всему, можно запускать до 10 тысяч разных таймеров, используя разные айди, и выводить текущее значение запущенного таймера при помощи метода console.timeLog(id).


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

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

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

💾 Wooden Toggles – реалистичные объемные переключатели, стилизованные под дерево. При нажатии цвет переключается плавно.

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


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