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

Ленивые бесконечные списки на основе 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 О рекламодателе

Vue Todo List Интерактивный список дел на Vue.js. Другой вариант реализации доступен по ссылке. 👉 @sWebDev

Способы копирования объектов в JavaScript Статья рассматривает различные способы копирования объектов в JavaScript. 👉 @sWebDev

В IT получают больше 250к только те, кто умеют вести переговоры Остальные сразу соглашаются на оффер, даже если он их не устраивает, потому что стесняются просить больше денег. Если это про тебя, подписывайся на канал Выше вилки. Достаточно прочесть в нём хотя бы пару приёмов переговоров — и вы сможете увеличить свой доход на 30%. Подписывайтесь: @above_the_range реклама. рекламодатель ИП Шишков Илья Иванович ИНН: 575206903941 erid: 2VtzqvwpLr2

Сombined Анимированная визитка на Anime.js. 👉 @sWebDev

Яндекс Маркет для продавцов Начните продавать топ-категории товаров на Маркете со скидкой 99% до 30 июня 2024 Узнать больше #реклама partner.market.yandex.ru О рекламодателе