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

Освоение обработки ошибок в Angular: подробное руководство В статье автор рассказывает о том, как обрабатывать ошибки в Angular приложениях. Он рассматривает четыре простых и наиболее распространенных стратегии обработки ошибок: - Обработка исключений в синхронном и асинхронном коде. - Обработка HTTP ошибок. - Использование сервисов ошибок. - Обработка ошибок в компонентах. 👉 @sWebDev

Diorama - ThreeJS Пример реализации трехмерной диорамы на Three.js. 👉 @sWebDev

Джентельменский набор трушного фронтендера Опытные Frontend-разработчики собрали самые востребованные и бесплатные каналы, без которых не обойдется ни один настоящий фронтендер. Макеты для верстки — самый крупный канал с макетами для верстки. Первоисточник всех макетов в Telegram. Полезная вËрстка — канал с готовыми решениями повседневных задач: слайдеры, анимация, навигация и т.д. JavaScript заметки — образовательный канал с ежедневными практическими заметками по языку. codepen.js — готовые коды: реализованные на css и js анимации, скрипты и интерфейсы. Оживи статичные макеты Figma Start — каждый день выпускаем крутые макеты для верстки. Выбери самый интересный и удиви рекрутеров! Развивайся с нами, ведь так проще!

Директива для создания сложных макетов в Angular Директива ng-template-outlet позволяет вставлять шаблоны в другие шаблоны. Это может быть полезно для создания более сложных макетов. Директива имеет один атрибут: name - имя шаблона, который будет вставлен. Пример использования ng-template-outlet:

<div>
  <ng-template-outlet name="header"></ng-template-outlet>
  <ng-template-outlet name="content"></ng-template-outlet>
</div>

<ng-template #header>
  <h1>Заголовок</h1>
</ng-template>

<ng-template #content>
  <p>Контент</p>
</ng-template>

В примере ng-template-outlet используется для вставки двух шаблонов в один контейнер. Шаблон с именем header будет вставлен в верхнюю часть контейнера, а шаблон с именем content будет вставлен в нижнюю часть контейнера. 👉 @sWebDev

Обнаружение локальных изменений в Angular 17 В Angular 17 разработчики могут использовать стратегию обнаружения изменений OnPush для указания, что компонент должен перерисовываться только при изменении определенных свойств. Это может помочь повысить производительность приложения, поскольку Angular не будет проверять все свойства компонента при каждом изменении. Статья также рассматривает использование сигналов для управления локальным обнаружением изменений. Сигналы позволяют разработчикам передавать информацию между компонентами, не вызывая повторного рендеринга. 👉 @sWebDev

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

Циклическое отображение элементов массива в Angular Какой синтаксис используется для циклического отображения элементов массива с помощью директивы ngForOf? 👉 @sWebDev

Fuse.js это библиотека для реализации полнотекстового поиска и ранжирования, написанная на JavaScript. Она предоставляет простой и эффективный API для поиска по массиву данных, основанный на алгоритмах fuzzy-search. 👉 @sWebDev

Apple Tear Strip Интеративная анимация скретч-кода на GSAP.js. 👉 @sWebDev

Создание дизайн-системы с помощью React и Web Components Статья о том, как использовать React и Web Components для создания набора унифицированных и повторно используемых компонентов пользовательского интерфейса. 👉 @sWebDev

Глитч эффект на Anime.js Пример анимации глитча Anime.js. 👉 @sWebDev

Radix Primitives Это открытая библиотека компонентов пользовательского интерфейса (UI), написанная на основе React. Библиотека содержит набор низкоуровневых компонентов, которые могут быть использованы для создания высокопроизводительных, доступных и настраиваемых веб-приложений. 👉 @sWebDev

9 плохих привычек в React, от которых нужно избавиться Статья о том, как писать более качественный React-код, избегая распространенных ошибок. 👉 @sWebDev

Untitled Пример анимации текста в пространстве на Anime.js. 👉 @sWebDev

erid: 2Vtzqwza9zW Эти собесы я хочу забыть. Три года назад я слил мидл-должности в топ-компаниях: Гуглу не ответил, кем буду через 5 лет. В Яндексе не понял шутку про телефонные индексы. В Тинькофф экал, когда спросили о прошлой работе. Теперь мой единственный совет айтишникам: качайте софт-скиллы. Они спасут, даже если HR из ада. Ответы на любые каверзные вопросы — в канале «Выше вилки». А ещё там свыше 50 переговорных стратегий для мидлов, которые гарантируют оффер от ₽300 тыс. Авторы — экс-айтишники Яндекса и Касперского, а также HR из кадрового агентства SpiceIT. За 30 лет суммарного опыта они поняли, как расположить к себе. Теперь бесплатно рассказывают коллегам! Читайте закреп, чтобы офферы сыпались с неба: @above_the_range реклама. рекламодатель ИП Шишков Илья Иванович ИНН: 575206903941

Реактивные объекты в Vue.js Функция reactive() в Vue.js позволяет преобразовать обычный объект в реактивный. Реактивный объект - это объект, который отслеживает изменения своих свойств и уведомляет об этих изменениях. Принимает обычный объект в качестве аргумента и возвращает реактивный объект. Например:

const obj = {
  name: "John Doe",
  age: 30,
};

const reactiveObj = reactive(obj);

Код создаст реактивный объект reactiveObj, который будет отслеживать изменения свойств name и age объекта obj. reactive() также может принимать массив в качестве аргумента. В этом случае будет создан реактивный массив, который будет отслеживать добавление, удаление и изменение элементов массива. Например:

const arr = [1, 2, 3];

const reactiveArr = reactive(arr);

Получим реактивный массив reactiveArr, который будет отслеживать изменения элементов массива arr. 👉 @sWebDev

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

Генератор библиографии из закладок браузера: как это работает Туториал о том, как создать программу, которая преобразует закладки браузера в список библиографических ссылок. Программа использует простой алгоритм, который извлекает из закладок браузера следующие данные: заголовок закладки, URL закладки и описание закладки. Затем программа создает библиографическую ссылку для каждой закладки и сохраняет ее в файле. 👉 @sWebDev

Как готовиться к собеседованию? Вы знали, что большинство работодателей готовятся к собеседованиям по открытым источникам, а многие вопросы повторяются? Как найти такие вопросы, чтобы подготовиться наиболее эффективно и увеличить свои шансы на оффер? В канале progway вы можете найти самые популярные вопросы с собеседований с их подробным разбором: — Как оценить алгоритм? — Откуда методы у примитивов? — Какая структура у HTTP запроса? — Что такое cookies? — и ещё более 150 вопросов Помимо теории, в канале можно найти разборы популярных задач, простое описание сложных концепций с нуля и рекомендации по составлению резюме и прохождению интервью! Автор канала — Денис, разработчик с опытом менторинга и подготовки к собеседованиям более 4 лет. Подписывайся и готовься к собеседованию эффективно! @prog_way_blog