​​👍Масштабирование 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

Animated Card UI Design with Hover Effect

В этом видео создаются карточки с оригинальным эффектом при наведении на HTML и CSS.

👉 @seniorFront


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

​​👩‍💻End-to-end тестирование React приложения с помощью Playwright

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

Читать...


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

Брендан Эйх о создании JavaScript за 10 дней и о том, что сегодня он сделал бы по-другому

На днях JavaScript исполнилось 27 лет. Вспоминаем, к чему привели эксперименты в Netscape и как этот язык программирования появился на свет.

Смотреть статью


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

​​Видео: топ-12 пепозиториев для веб-разработчика

GitHub — это не просто хранилище кода, где можно держать свои проекты, но и кладезь полезной информации для любого веб-разработчика. Главное — знать, где искать.

В этом видео рассказывают о нескольких репозиториях, которые должны вам пригодится. Это справочники, библиотеки, различные коллекции и так далее. Среди репозиториев вы найдёте DevYouTubeList, Front-End-Checklist, build-your-own-x, Dopefolio и другие.

Приятного просмотра: https://www.youtube.com/watch?v=sZrp8gH84qM

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


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

👉 @seniorFront


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

​​😎Создание кастомного React Native компонента Switch с помощью библиотек Reanimated и Gesture Handler (Часть 1)

В этой статье мы рассмотрим работу с кастомными анимациями в React Native и использование библиотек react-native-reanimated и react-native-gesture-handler.

Читать...


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

Single Keyframe Tricks

Для каждой кнопки создана CSS анимация, которая включается и отключается при нажатии.

👉 @seniorFront


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

​​Изучаем SQL в формате игры: SQL Murder Mystery

Детективная игра на знание SQL, с которой можно освежить в памяти основы SQL и интересно провести досуг. Примерьте на себя роль детектива, выясняя обстоятельства с помощью SQL-запросов:

https://mystery.knightlab.com/

#sql


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

​​🏠Домашний кластер разработчика

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

Читать...


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

Какова цель метода clearInterval?

Функция clearInterval() используется в javascript для очистки интервала, установленного функцией setInterval(). т. е. возвращаемое значение, возвращаемое функцией setInterval(), сохраняется в переменной и передается в функцию clearInterval() для очистки интервала. Например, приведенный на картинке метод setInterval используется для отображения сообщения каждые 3 секунды. Этот интервал можно очистить методом clearInterval().


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

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

Top 3 source channels:
Веб-страница: 3 message(s)
Frontender's notes [ru]: 3 message(s)
Senior Frontend - javascript, html, css: 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

CSS Mathematics - infinity loop

Реализовано на HTML и SCSS. В анимации прописано движение по осям X и Y для частиц. Для этого используется CSS transform со значениями calc(cos(var(--angle)) * var(--radius)) и calc(sin(var(--angle)) * var(--radius) * -1);

👉 @seniorFront


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