Frontender Libs - обзор библиотек JS / CSS

3D Custom Personalized QR Codes Интерактивная 3D анимация QR кода на React и GSAP. 👉 @sWebDev

Chance Chance — это легковесная JavaScript-библиотека для генерации случайных данных, которая полезна для тестирования и разработки. Она предоставляет множество методов для создания случайных чисел, строк, адресов, имен, дат и многого другого . 👉 @sWebDev

Получали такое? 👍 - Да. 🤔 - Всегда нормальное ТЗ. 👉 @sWebDev | #юмор

В IT берут без опыта Однако эта сфера – быстрый буст только для тех, кто умеет правильно проходить собеседования. Важно знать: – Крупные компании берут людей по специальным критериям. Есть 10 навыков, без которых классных заказчиков можно не ждать – 5 простых шагов, чтобы обойти конкурентов в нише и устроиться в хорошую компанию даже будучи начинающим разработчиком – Какие проекты и фичи разрабатывать, чтобы произвести приятное впечатление на рекрутеров Об этом, а также о том, как искать лучшие вакансии в IT, сделать портфолио идеальным для работодателя и получить желанный оффер от 100 000 рублей - на онлайн-эфире от FAANG School. Полезные подарки уже доступны: - Подробный гайд «Как найти работу в IT» - Пошаговый Roadmap по Java - Шпаргалка «Hotkey JetBrains IDE» - Шпаргалка по Rest API Переходите и узнайте, как устроиться в Сбер, Тинькофф, Яндекс и Вконтакте.

2048 Игра "2048" на GSAP. 👉 @sWebDev

Управление элементами DOM @ViewChildren и @ContentChildren - это декораторы Angular, используемые для доступа к дочерним компонентам. Ключевое отличие: @ViewChildren предоставляет доступ к дочерним компонентам, которые напрямую определены в шаблоне, и изменения отражаются немедленно. @ContentChildren обеспечивает доступ к дочерним компонентам, которые проецируются из родительского компонента, и изменения не отражаются до завершения проекции. Пример:

@Component({
  selector: 'app-parent',
  template: `<ul *ngFor="let child of children">{{ child.name }}</ul>`
})
export class ParentComponent {
  @ViewChildren('viewChildren') children: QueryList<ChildComponent>;
}

@Component({
  selector: 'child-component',
  template: `<p>{{ name }}</p>`
})
export class ChildComponent {
  name = 'Child';
}

👉 @sWebDev

Коллеги, почему слетел доступ? 👉 @sWebDev | #юмор

Инициализация состояния Что представляет initialState в вызове useActionState? Забыли? Вернитесь к посту от 29.04.2024, в котором мы разбирали работу этого хука. 👉 @sWebDev

GSAP bubbly bath Анимация кошки в ванной на GSAP. 👉 @sWebDev

Сыграем? 3 кадра — 3 месяца фильмов и сериалов за 0 ₽! Проверьте себя и откройте возможность провести 90 вечеров с любимыми фильмами и сериалами всего за 0 ₽! Бонусы после прохождения теста: — Кинопоиск и Яндекс Музыка на 3 месяца за 0 ₽. — Доступ к вашей подписке для трёх близких людей. Предложение ограничено до 31.05.2024. Играть #реклама 18+ kinopoisk.ru О рекламодателе

Blob Интерактивная анимация формы фигуры на Three.js. 👉 @sWebDev

Ну все! Теперь не нужно тратить деньги на топовые курсы и книги по программированию — их выложили в Telegram бесплатно Все найденные курсы собирают тут — @portalToIT По этим курсам выучить любой язык за 7 дней вообще не проблема, находка для начинающих программистов.

Как оптимизировать размер Angular Bundle Статья описывает методы оптимизации размера сборки в Angular. Автор обсуждает важность минимизации размера сборки для улучшения скорости загрузки и SEO, предлагает инструменты для анализа размера и приводит примеры оптимизации, включая ленивую загрузку и исключение ненужных зависимостей. Основное внимание уделено практическим советам по использованию инструментов анализа и управлению зависимостями для сокращения лишнего кода в сборке. 👉 @sWebDev

Letterfall Объёмная анимация дождя из букв на Three.js. 👉 @sWebDev

Ответ на вопрос и Музыка ваша 90 дней бесплатно Яндекс Музыка 90 дней бесплатно (вместо 299 ₽ в месяц) для вас и 3-х ваших близких. Попробуйте сейчас! Попробовать #реклама 16+ music.yandex.ru О рекламодателе

KeyUX KeyUX — это библиотека JavaScript, разработанная для улучшения пользовательского интерфейса клавиатуры веб-приложений. Она предназначена не только для доступности, но и для создания профессиональных инструментов, где предпочтительнее использование клавиатуры. Особенности KeyUX включают добавление горячих клавиш, отображение активного состояния кнопок при нажатии горячей клавиши, навигацию с помощью клавиш стрелок в списках с role="menu" и другие функции для удобного управления фокусом. Библиотека не имеет зависимостей и занимает 2 КБ после минификации и сжатия Brotli. KeyUX совместима с любым фреймворком, включая React, Vue и Svelte. 👉 @sWebDev

Было? ❤️ - Не давите на больное. 🤔 - Я люблю созвоны. 👉 @sWebDev | #юмор

Parallax Depth Cards Интерактивные карточки на Vue.js. 👉 @sWebDev

Frontend meetup 1. Хоп, хлоп, и MVP готов — Дмитрий Карловский, HyOO Нарисуем полноценный фронтенд без чат-ботов. Поднимем базу данных без сервера. Задеплоим всё на статический сервер без боли. И будем наслаждаться результатом без тормозов. 2. Причины деградации перформанса фронтенда — Денис Басковский, МТС Диджитал Почему скорость железа не успевает за веб-приложениями. Причины большого количества JS-кода на сайте. SPA по 20мб уже действительность. Инструменты куда мы смотрим чтобы найти про лесы большого размера сайта. Графики скорости и восприятие клиентов. Почему скорость браузерной страницы лагает на 4090ti, а Cyberpunk идет на максималках. 3. Serverless - уже можно? — Андрей Лаврентьев, NDA Опыт запуска проекта на cloudflare pages и трудности, с которыми пришлось столкнуться на каждом шаге. Модератор Григорий Петров, Devrel, Evrone Эксперт Глеб Михеев, Руководитель ПК, FrontendConf ➖➖➖ 🗓 22 мая, начало в 19:00 мск, Среда 🌐 ОНЛАЙН ✅ Регистрация на мероприятие