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

Календарь на Vue.js Проект управляемого календаря, выполненный с применением библиотеки Vue.js. 👉 @sWebDev

Еб@#&*ся, все платят за курсы, когда есть бесплатные архивы: 📚 Полка Разработчика — доступ к платным книгам по программированию; 📦 IT Помощник — слив самых популярных курсов по программированию; 📱 JavaScript — бесплатное обучение по JavaScript; 💻 Codepen Amazing — Codepen проекты на основе HTML, CSS и JavaScript; 🚽 IT Memes — нейросеть отбирает лучшие IT мемы; 🗞 3D News — актуальные новости из IT-индустрии.

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

Полное руководство по тестированию AngularJS По ссылке подробное руководство по тестированию AngularJS. Начнем знакомство с основ и завершим преимуществами и разными методологиями при тестировании. 👉 @sWebDev

Задачи, тесты и теоретические вопросы с собеседований. Можно быстро проверить себя и обсудить решение с другими разработчиками. 👉 JavaScript 👉 Фронтенду Публикуем на канале: ⚡️ребята делятся опытом разработки ⚡️фрагменты кода ⚡️интересные задачи с разбором решений ⚡️тренды разработки ⚡️свежие новости Проверь свои знания!

SVG clock UI Часы, выполненные на Gsap.js. 👉 @sWebDev

Удаляем пробелы на Vue.js Если необходимо, чтобы автоматически обрезались пробелы в начале и в конце строки, используйте модификатор trim для полей ввода, обрабатываемых через v-model: <input v-model.trim="msg"> 👉 @sWebDev

Только до конца месяца дарим 3 курса по IT за 0 рублей вместо 23 500! У тебя всегда 💡 много возможностей. Брать их или нет - решать тебе. Забирать свой пак можно тут 👌

Three JS background Анимированный бэкграунд, выполненный с помощью библиотеки Three.js. 👉 @sWebDev

Биндинг данных в React Материал в котором рассмотрим, как работать с разными элементами ввода и каких ошибок при этом стоит избегать. 👉 @sWebDev

Redwood Для описания данного фреймворка приведём цитату из его документации:"Redwood — своенравный, бессерверный фулстек фреймворк веб-приложений, позволяющий с легкостью создавать и развертывать приложения JAM-стека. Представьте себе React, статически поставляемый через CDN, который взаимодействует через GraphQL с вашим бэкендом, в свою очередь, работающим на AWS Lambdas по всему миру. И всё это развертывается с помощью git push. И это — Redwood." Подробный обзор доступен по ссылке. 👉 @sWebDev

Interactive particles Интерактивная сцена, выполненная с помощью библиотеки Three.js. 👉 @sWebDev

Typing text transition Анимация появления текста, выполненная на GSAP.js. 👉 @sWebDev

Ellipsis.js Ellipsis.js — это мини-библиотека для обработки многострочного многоточия. Используя эту библиотеку вы можете настроить обрезание текста в вашем веб-приложении. 👉 @sWebDev

Как создать бота Discord с Node.js, Discord.js и OpenAI GPT-3 В данном руководстве мы создадим умного бота Discord, который сможет отвечать на сложные вопросы и выполнять требуемые задания. Для этой цели воспользуемся Node.js, Discord.js и OpenAI API для GPT-3, одной из самых крупных и умных обученных нейронных сетей. 👉 @sWebDev

😎Освой продвинутые инструменты фронтенда — изучи React! 6 февраля в 20:00 мск пройдет открытый урок «Хуки и мемоизация» в рамках онлайн-курса «React.js Developer» OTUS. На занятии мы научимся эффективно использовать возможности React.js и избегать лишних рендеров. Занятие будет полезно frontend JavaScript разработчикам и начинающим React разработчикам. 👉 Пройдите вступительный тест для регистрации https://otus.pw/aZzT/

Фрагменты React Возврат нескольких элементов из компонента является распространённой практикой в React. Используя <React.Fragment>...</React.Fragment>, можно добавить родительский тег к элементам JSX без добавления дополнительного узла к DOM.

    render() {
    return (
        <React.Fragment>
        <ChildA />
        <ChildB />
        <ChildC />
        </React.Fragment>
    );
    }

👉 @sWebDev

Displacement Map Transition Анимированная смена изображений при скролле. Выполнено с применением библиотеки Three.js. 👉 @sWebDev