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

❓Как разработчику на JavaScript оптимизировать некоторые задачи? Узнайте на бесплатном открытом уроке «Построение графических приложений с применением библиотеки Konva.js» от OTUS. На вебинаре: - научимся использовать konva; - разработаем небольшое приложение; - разберём отличия в разработке приложений на основе vdom и без него; - научимся сочетать оба подхода к разработке фронта. Занятие пройдёт 11 декабря в 20:00 мск и будет приурочено к старту курса «JavaScript Developer. Professional». После урока вы сможете продолжить обучение в рассрочку на специальных условиях. Для бесплатного участия пройдите короткое тестирование прямо сейчас: https://vk.cc/ct2D0Z Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru Erid: 2SDnjd1GNAk

TypeScript: разработка WebAssembly-компилятора В данной статье автор расскажет, как разработать компилятор для WebAssembly на TypeScript через разработку языка программирования для рендеринга множества Мандельброта. 👉 @sWebDev

Как правильно объявить переменную в <script setup>? Какой из следующих вариантов является правильным синтаксисом для объявления переменной в компоненте <script setup> ? Вариант 1: export const count = ref(0); Вариант 2: var count = ref(0); Вариант 3: const count = ref(0); Вариант 4: let count = ref(0); 👉 @sWebDev

Canvas Particles w/ GSAP.js Анимированные пузыри выполненные на Gsap.js. 👉 @sWebDev

🔥 Разыгрываем Станцию Дуо Макс! Это первая колонка Яндекса с камерой и сенсорным экраном — флагман новой линейки устройств. Что делать? Подпишитесь на телеграм-каналы @yandex и @techno_yandex, а потом нажмите кнопку «Участвовать» под этим постом. 15 декабря в 13:00 бот рандомно выберет победителя из числа участников. ▶️ А как производят и тестируют умные устройства Яндекса на заводе в Гуанчжоу, смотрите в мини-сериале YaC 2023 — на Кинопоиске и YouTube.

Реклама. ООО "Яндекс" ИНН 7736207543 Erid LdtCKfwJx\

Cheerio Cheerio - это библиотека для работы с HTML, написанная на JavaScript. Она представляет собой реализацию ядра jQuery, специально предназначенную для работы с сервером. Преимущества Cheerio: 1. Производительность: очень быстрая библиотека, которая может обрабатывать большие HTML-документы. 2. Легкость в использовании: имеет простой и понятный API, который основан на jQuery. 3. Универсальность: поддерживает как HTML, так и XML. 👉 @sWebDev

Ищу помощницу по дизайну интерьеров. Пост для тех, кто хочет работать удаленно, занимаясь творческой профессией. Работа заключается в создании уютных пространств и стильных интерьеров. Можно работать из дома за ноутбуком. - Для работы достаточно несколько часов в день, вам не придется сидеть в офисе с 9 до 17. - Высшее образование не требуется, всему научу сама. - На обучение достаточно 1-2 часа в день, так как вся информация структурирована и очень доступно изложена. Я помогу вам разобраться в профессии дизайнер интерьеров, объясню с чего начать и покажу весь процесс работы от и до. Дам первых клиентов и скрипты продаж. Учеников много не набираю, чтобы была возможность уделить внимание каждому. Успевайте зарегистрироваться, пока места еще есть. Начать обучение можно по ссылке «Зарегистрироваться». Зарегистрироваться #реклама udesignschool.ru О рекламодателе

Никаких больше If/Else: Лучшие советы для разработчиков Angular Структуры if/else или условные операторы хоть и необходимы, но их чрезмерное использование может привести к проблемам. Чтобы решить эти проблемы, необходимо использовать более структурированный и специфичный для Angular подход к обработке условной логики в приложениях. 👉 @sWebDev

Anime.js logo animation Анимация лого на Anime.js. 👉 @sWebDev

Babel Babel - это транскомпилятор JavaScript, который преобразует код, написанный на новых версиях JavaScript, в код, который может быть выполнен в старых браузерах или средах. 👉 @sWebDev

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

Научитесь Программировать на C++. Курс от Яндекса Создадите действующие сервисы и добавите 3+ проекта в портфолио Более 10 000 выпускников уже нашли новую работу Перейти на сайт #реклама 16+ practicum.yandex.ru О рекламодателе

♥️ Все наши каналы по JS / PHP / Python, подпишись ♥️ @seniorFront - всё про фронтенд, практика, примеры кода, интересные статьи @frontendInterview - подготовка к собеседованиям по фронтенду @web_craft - php, Laravel, фронтенд @python_practics - всё про Python, обучающие материалы, полезные советы и статьи

Bboy Evolution Морфинг анимация картины "Evolution of the B-boy Dancer". 👉 @sWebDev

Привет, подписчики, есть крутое предложение! Мой друг Андрей, профессиональный 3D дизайнер, создал свой канал в тг. Там он показывает как выполняет заказы, обучает и делится секретами фриланса. С ним вы сможете зарабатывать сидя дома, выполняя интересную работу. Все бесплатно и в прямом эфире Хочешь тоже создавать 3D модели и зарабатывать на этом? Тогда подписывайся - @asmirnov_school

useMutableSource: подключаем React к изменяемому источнику данных Хук useMutableSource позволяет React компонентам безопасно читать из изменяемого источника данных. Полезно для приложений, отображающих данные в реальном времени. useMutableSource принимает два аргумента: 1. Config: объект, содержащий функции для чтения и подписки на источник данных. 2. InitialData: начальное значение данных, которое будет использоваться в случае ошибки при чтении источника данных. Пример useMutableSource:

  const MyComponent = () => {
  const [data, setData] = useState(null);

  const { read, subscribe } = useMutableSource({
    url: "https://example.com/data",
    // ...
  });

  useEffect(() => {
    // Подписываемся на источник данных
    subscribe(data => {
    setData(data);
    });
  }, []);

  return (
    <div>
    {data && <p>Data: {data.count}</p>}
    </div>
  );
  };

👉 @sWebDev

Экспорт макетов из Figma в готовое React приложение Авторы статьи сравнили инструменты для генерации кода из Figma двух типов: 1. Плагины, которые генерируют код прямо в Figma. 2. Плагины, которые экспортируют макеты в веб-приложение. 👉 @sWebDev