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

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

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

React: разрабатываем кастомный useEffect В данной статье вы найдете туториал по разработке кастомного хука, функционал которого будет аналогичен функционалу встроенного хука useEffect, за исключением того, что наш useEffect будет повторно выполняться только при изменении его зависимостей любого типа (неважно, примитивы это или объекты). 👉 @sWebDev

Я ПРОТИВ ПЛАТНЫХ КУРСОВ Я самоучка, прошел весь путь до Senior Frontend разработчика совершенно бесплатно и без профильного образования. У себя на канале рассказываю: - Где брать опыт и как искать работу? - Как освоить сложную теорию? - Какие ресурсы использовать для обучения? Изучайте Frontend правильно ✈️ Telegram Reactify — сложные темы простым языком. Теория, советы, истории с работы. 📹 YouTube Reactify — изучаем JavaScript, TypeScript, React, CSS. Создаем приложение новостей или курса криптовалюты. 🎓 Academy Reactify - платформа для обучения. Бесплатные курсы, тесты, практика и экзамены. [СКОРО]

5-Way Gradient Generator Интерактивный пятисторонний градиент на Vue.js. 👉 @sWebDev

​​​​HTML, CSS, JS, Node.JS, 🤯 - пора бы всё объединить! Все для изучения веба 👉 Фронтенд - самый большой канал для изучения фронта 👉 Верстка - все о верстке 👉 Node.JS - для тех кто хочет писать бэк на JS Собрано всё, проверяй🔥

Использование useState() для создания динамического состояния Хук useState() используется для создания статического состояния, которое не меняется во время работы компонента. Однако его также можно использовать для создания динамического состояния, которое может изменяться в зависимости от внешних факторов. Пример:

  function DynamicState() {
  const [state, setState] = useState(0);

  useEffect(() => {
    // Получаем данные из внешнего источника
    const data = fetch("https://example.com/data").then(response => response.json());

    // Обновляем состояние с помощью данных из внешнего источника
    setState(data.state);
  }, []);

  return (
    <div>
    <p>Текущее состояние: {state}</p>
    </div>
  );
  }

В этом примере мы используем хук useEffect() для получения данных из внешнего источника. Затем мы используем эти данные для обновления состояния компонента с помощью хука useState(). 👉 @sWebDev

❓Как разработчику на 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