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

Создание дизайн-системы с помощью 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

Группировка элементов без создания нового элемента DOM Чтобы улучшить производительность, можно использовать директиву Angular, которая позволяет группировать элементы без создания нового элемента DOM. Как называется эта директива? 👉 @sWebDev

MathJax MathJax - это кросс-браузерная библиотека JavaScript, которая отображает математические обозначения в веб-браузерах с использованием разметки MathML, LaTeX и AsciiMathML. MathJax используется различными известными сайтами, включая ArXiv, Stack Overflow, Math Stack Exchange и Wikipedia. 👉 @sWebDev

Интеграция Битрикс24 от 7 дней. Обучение, сопровождение Добро пожаловать в волшебный мир системы Битрикс24! Благодаря нашим умным решениям вы сможете оптимизировать свою работу, увеличить продажи, улучшить взаимодействие как внутри команды, так с клиентами. Мы готовы стать вашим надежным партнером и помогать вам в достижении ваших бизнес-целей. Начните пользоваться преимуществами Битрикс24 уже сегодня, почувствуйте разницу, и получите месяц лицензии Битрикс24 в подарок! Консультация бесплатно Узнать больше #реклама 4prodazh.pro О рекламодателе

Satisfying curly cursor Интерактивный волнистый курсор на JavaScript. 👉 @sWebDev

Видеоаналитика для бизнеса Видеоаналитика на основе нейронных сетей. Разработка и внедрение систем видеоаналитики по распознаванию объектов на фото и видео. Использование передовых технологий и алгоритмов. Индивидуальный подход и гарантия качества. Узнать больше #реклама neuro-core.ru О рекламодателе

Click to Add Flowers Интерактивный холст на Three.js. 👉 @sWebDev

Самый простой способ создать свой первый пакет NPM В статье автор рассказывает о том, как создать свой первый пакет NPM. 👉 @sWebDev

Бесплатный практический вебинар для всех возрастов: Профессия «Frontend-разработчик». ⏰ Когда: 25 января в 19:00 по мск. Вы узнаете о типичных рабочих задачах программиста и напишете мини-игру, которая работает прямо в браузере. Под капотом немного HTML+CSS и базовые конструкции JS. Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе. Какие JS фреймворки учить: Vue, React, а может, Angular? 🎁 Всем, кто зарегистрировался — Карта компетенций начинающего Frontend-разработчика, а каждому участнику — Гайд «Как заговорить на сленге IT-специалистов» и Гайд «Как опубликовать страницу в интернете при помощи GitHub Pages». Реклама. АНПОО "ХЕКСЛЕТ КОЛЛЕДЖ". ИНН 7839056670.

Материалы из этого канала дают на платных курсах Frontend Portal — настоящий портал для тех кто хочет стать востребованным frontend-разработчиком. Полезные ресурсы, шпаргалки, разбор вопросов с собеседований, задачи, викторины и многое другое 👉 Присоединяйтесь к @FrontendPortal и станьте частью дружного frontend-комьюнити!