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

Сравнение значений входных данных в ɵNgOnChangesFeature Как ɵNgOnChangesFeature определяет, что значение входных данных изменилось? 👉 @sWebDev

Выходные заканчиваются, вы такие «Мааало, давайте ещё» ...И снова утро субботы! Календарь так не работает. А вот сервис Яндекс Путешествия попросили продлить акцию «Туристический кешбэк» — и они продлили. Бронируйте отель до 27 апреля, отдыхайте хоть на майские, хоть под Новый год — и вам вернётся до 20% баллами Плюса. Максимум — 3000 баллов. Выбрать #реклама travel.yandex.ru О рекламодателе

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

💎 Тест по Solidity для работы с DeFi (децентрализованными финансами) 💎 Ответьте на 15 вопросов и проверьте, насколько вы умеете решать задачи по разработке на Solidity/Rust и на сколько готовы к обучению на курсе — «Разработка децентрализованных приложений». За 5 месяцев курса вы: - Изучите архитектуру децентрализованных приложений - Разовьёте навыки написания кода на Solidity - Освоите Rust для блокчейна Время прохождения теста ограниченно 25 минут 👉 ПРОЙТИ ТЕСТ — https://vk.cc/cwqBP0 💣 Пройдете тест, получите спец. цену на курс, и курс по Git в подарок. Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru erid 2SDnjcr91uB

Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: свойство display Статья о ключевых словах, влияющих на внешний и внутренний типы отображения, а также о том как управлять отображением элементов с помощью ключевых слов и значений contents и none. 👉 @sWebDev | #собес

Ленивые бесконечные списки на основе Deferrable Views Статья о реализации списков на основе Deferrable Views, недавно появившихся в Angular 17. 👉 @sWebDev

Bouncy Balloon Интерактивная анимация шаров на Three.js. 👉 @sWebDev

Обучаем Java-разработчиков оплата после выхода на работу В Kata Academy можно выучиться на Java-разработчика бесплатно, а заплатить уже после трудоустройства по специальности из фактической зарплаты. Если задуматься, то все в выигрыше: — ты получаешь работу в Москве или Санкт-Петербурге с хорошей зарплатой, мы получаем процент за инвестиции в тебя; — в наших интересах научить тебя так, чтобы твоя зарплата была как можно выше; — мы прокачиваем твои навыки еще 2 года после курса: проводим выездные мероприятия и мастер-классы — и доходы наших выпускников растут; — мы не зависим от банков и их рассрочек — кризис не повлиял на доступность курсов. Чтобы попасть на курс, нужно выполнить небольшое тестовое задание. Переходи по ссылке и оставляй заявку! Узнать больше #реклама 18+ kata.academy О рекламодателе

Firebolt Firebolt — это новый фреймворк для React, который обещает повысить продуктивность разработчиков. В сочетании со встроенным в Firebolts CSS-in-JS и интуитивно понятным роутингом это позволяет вам создавать все, что угодно, от посадочной страницы до полноценного SaaS, просто создавая и компонуя компоненты React. 👉 @sWebDev

Вечная классика. 👉 @sWebDev | #юмор

Alfa Frontend Meetup #3 Митап frontend-сообщества про архитектуру. Поговорим про webpack module federation, рассмотрим статический анализ кода и попробуем применить этот подход к статическому анализу зависимостей с помощью программирования в ограничениях, обсудим плюсы и минусы монорепозиториев. Когда: 25 апреля, 19:00. Где: Москва, пр. Андропова, д. 18, к. 3 и онлайн. Вас ожидают доклады спикеров:  ▪️Алексей Охрименко, техлид в Yandex Cloud Tracker, расскажет о статистическом анализе зависимостей. ▪️Алексей Николаев, Teamlead в Sendsay.ru, разберёт плюсы и минусы монорепозиториев. ▪️Степан Иваньков, главный frontend-разработчик в «Альфа-Банке», расскажет о том, как перевести 45 приложений на webpack module federation и ничего не сломать. Регистрируйтесь Больше полезного в комьюнити @alfa_frontend erid: LjN8K9SWk Реклама. АО «Альфа-Банк». ИНН 7728168971.

Где создавать красивые и удобные сайты с кэшбеком до 50%? В LANDY24. Главный принцип LANDY24 — код для дизайна, а не дизайн для кода. - 100+ готовых шаблонов и множество параметров для настройки. - Создавайте лендинги и сложные многостраничные сайты. - Каждый блок, даже готовый, можно полностью разобрать на “атомы” — огромный простор для творчества! - Добавляйте свой код (HTML, CSS, JavaScript). - Адаптивная верстка — сайт будет красиво смотреться на любых устройствах. - Зеленая зона в Google Speed Insights и весь необходимый seo-инструментарий. А еще это российский конструктор, который точно никуда не уйдет. Попробуйте бесплатно, у нас есть free тариф. Реклама: ООО "ССП", ИНН: 7701416828

Infinitely drawing icons Анимированная SVG иконка на anime.js. 👉 @sWebDev

🔥 Здесь собраны актуальные вопросы к собеседованиям на позицию Frontend Разработчика. Каждый вопрос имеет уровень сложности, короткий и полный ответ, а также ссылки на ресурсы для изучения. Канал ведут опытные Frontend Разработчики, которые будут еженедельно проводить публичные собеседования среди подписчиков.

Отображение элементов в Angular NgSwitchCase - это директива, которая используется в Angular для отображения разных элементов в зависимости от значения переменной. Синтаксис:

<div [ngSwitch]="variable">
  <ng-container *ngSwitchCase="case1">
    </ng-container>
  <ng-container *ngSwitchCase="case2">
    </ng-container>
  <ng-container *ngSwitchDefault>
    </ng-container>
</div>

В этом примере: [ngSwitch] - директива, которая связывает выражение variable с директивой. ngSwitchCase - директива, которая определяет case-выражения. ng-container - используется для определения шаблона для каждого case-выражения. ngSwitchDefault - директива, которая определяет шаблон по умолчанию. Пример:

<div [ngSwitch]="user.role">
  <ng-container *ngSwitchCase="'admin'">
    <h1>Администратор</h1>
  </ng-container>
  <ng-container *ngSwitchCase="'user'">
    <h1>Пользователь</h1>
  </ng-container>
  <ng-container *ngSwitchDefault>
    <h1>Неизвестная роль</h1>
  </ng-container>
</div>

👉 @sWebDev

Любите своего CEO? 👉 @sWebDev | #юмор

Аргументы useSyncExternalStore Какие аргументы принимает useSyncExternalStore? 👉 @sWebDev

MistCSS MistCSS - это новаторская библиотека, которая позволяет создавать атомарные компоненты React, используя только CSS. Она реализует концепцию "JS-из-CSS", где стили CSS напрямую преобразуются в компоненты React, без необходимости писать код JavaScript. 👉 @sWebDev

Курс по Java-разработке с гарантией трудоустройства Если ты не найдешь работу, берем все расходы за обучение на себя. Поступи и начни карьеру разработчика уже через 9 месяцев! Обучение в Kata Academy построено по принципу win-win: — ты получаешь работу в Москве или Санкт-Петербурге с хорошей зарплатой, мы получаем процент за инвестиции в тебя; — в наших интересах научить тебя так, чтобы твоя зарплата была как можно выше; — если ты потеряешь работу, мы поможем найти новую; — мы не зависим от банков и их рассрочек — кризис не повлиял на доступность курсов. Мы не работаем на поток, для поступления нужно сделать тестовое задание. Этим ты покажешь, что действительно готов учиться и хочешь работать. Оставь заявку по ссылке! Узнать больше #реклама 18+ kata.academy О рекламодателе