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

Cubic Clock

Кубические часы, написанные с HTML, SCSS и JavaScript.

https://codepen.io/cobra_winfrey/pen/JjOvxYG


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

​​И покажите, где здесь неправильные варианты? Вроде все верно...


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

Array.toLocaleString()

Метод массива toLocaleString() возвращает представление массива в виде строки, состоящей из результатов приведения каждого элемента массива к строке в соответствии с типом элемента и переданными параметрами локализации. В качестве разделителя значений используется символ определенный в соответсвии с параметрами локализации среды исполнения (',' или другой символ, используемый для разделения элементов в списке).

Для элементов массива, являющихся null или undefined, возвращается пустая строка.

Пример
Получим строку из массива с учётом локализации de-DE (немецкий язык и региональные стандарты чисел и дат Германии):

const array = [null, 50, 15000, new Date('2007-08-10')]
const arrayStr = array.toLocaleString('de-DE')
console.log(arrayStr)
// 50,15.000,10.8.2007, 03:00:00

Получим строку из того же массива с учётом локализации en-US (английский язык и региональные стандарты чисел и дат США) и указанием часового пояса:

 const array = [null, 50, 15000, new Date('2007-08-10')]
 const arrayStr = array.toLocaleString('en-US', {timeZone: 'Europe/Amsterdam'})
 console.log(arrayStr)

// 50,15,000,8/10/2007, 2:00:00 AM

👉 @seniorFront

​​😎VR-тур на A-Frame + React

В этой статье хочу поделиться своим опытом создания VR‑тура с помощью фреймворка A‑Frame и библиотеки React.

Читать...


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

​​Fluxzy — кросс-платформенное приложение для отладки HTTP

Оно способно просматривать, записывать, изменять и отлаживать HTTP-потоки. Инструмент также может похвастаться возможностью глубокого анализа веб-трафика, обеспечивая быстрое устранение неполадок и оптимизацию веб-производительности: https://www.fluxzy.io/

Интрумент бесплатный, но есть платные тарифы.

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


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

Custom Cursor Effect

Реализовано на HTML, CSS и чистом JS.

👉 @seniorFront


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

​​🌐Расширение браузера для управления маршрутами на Микротике

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

Читать...


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

​Scattering hexagons — анимация рассеивающихся шестиугольников. Реализована с помощью CSS и JavaScript.

Исходники открытые, можно изучить или что-то подсмотреть: https://codepen.io/K-T/pen/OJLxzVq

#css #javascript #codepen


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

​​⚡️Strict Mode в ECMAScript. Полный справочник

В этой статье автор расскажет о Strict Mode в ECMAScript, который имеет два режима исполнения: строгий и нестрогий.

Читать...


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

Кто говорил, что будет легко?


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

Procedural Birb

Картинки генерируются и анимируются библиотекой svg.js. Панель настроек создана при помощи библиотеки dat.gui.

👉 @seniorFront


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

​​👍Масштабирование SSR-приложений

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

Читать...


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

💾 Dancing Bubble – полупрозрачный пузырь, который перемещается вслед за курсором. Его границы подвижны, а блики меняются при движении.

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


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

​​​​Apple тестирует отключение PWA для Европы в новом обновлении iOS

Недавно в Евросоюзе вступил в силу закон, который заставляет Apple добавить сторонние магазины приложений на iOS. В ответ Apple представила новые условия для разработчиков, которые вроде и не нарушают закон, но как будто извращают его.

Во-первых, это конские комиссии. Во-вторых, это возможное ограничение progressive web apps (PWA). Это веб-сайты, которые благодаря современным браузерам могут быть практически неотличимы от нативных приложений.

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

В последней бете iOS 17.4 разработчики нашли доказательства того, что компания тестирует отключение их работоспособности для европейских пользователей. То есть теперь такие приложения работать перестанут. Прогрессивные веб-приложения будут открываться в браузере, они не смогут присылать уведомления и хранить локальные данные.

#pwa

Glow slider

Это input type="range", стилизованный в CSS.

👉 @seniorFront


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

Анализируем виды тестов для Frontend

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

Читать...


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

Подборка вакансий для системных аналитиков и QA

— Системный аналитик Центра HR TECH (Проект Чат-бот Марк)
Где: удалённо
Опыт: от 1 до 3 лет

— Системный аналитик Центра HR TECH (Проект Рекорд 2.0 и ЛК)
Где: удалённо
Опыт: от 3 до 6 лет

— Automation QA Engineer Java (Проект Атомкор)
Где: удалённо
Опыт: от 3 лет

— Системный Архитектор / Архитектор решений Центр HR TECH, Атомкор
Где: удалённо
Опыт: от 3 лет

— QA Automation Engineer (JS, Cypress) HR Tech
Где: удалённо
Опыт: без опыта

— Senior QA Automation Java/Kotlin
Где: удалённо
Опыт: от 3 лет

#вакансии #работа


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

Задача

Реализуйте функцию checkBrackets, которая должна проверять правильность расположения скобок в строке.

Ответ


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

🖥 Colour Palettes/ Moodboards – набор цветовых палитр, однотонных цветных карточек и фоновых изображений с готовыми текстурными фильтрами.

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


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