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

Вредные советы для React-разработчиков Недавно британские ученые открыли, что на свете бывают непослушные разработчики, которые все делают наоборот. Им дают полезный совет: «Не подключай целую библиотеку ради одной функции», — они берут и подключают. Им говорят: «Будь внимателен на код-ревью», — они тут же начинают апрувить все подряд. Ученые придумали, что таким разработчикам нужно давать не полезные, а вредные советы. Они все сделают наоборот, и получится как раз правильно. На самом деле, по ссылке находится ряд советов для разработчиков, благодаря которым можно углубить понимание библиотеки и улучшить свой код. 👉 @sWebDev

Smoke Three.js Во время загрузки происходит рандомное создание элементов, создающих анимацию на странице. Создано с использованием библиотеки Three.js. 👉 @sWebDev

Как создать игру Tetris с помощью Three.js Подробный гайд по созданию тетриса на библиотеке Three.js. Данный проект будет особенно полезен разработчикам, которые только начинают знакомство с данной библиотекой. 👉 @sWebDev

JS Framework qooxdoo Фреймворк Qooxdoo подходит для создания кроссбраузерных, многофункциональных приложений. По словам разработчиков для этого не понадобится знание CSS, HTML, DOM. Фреймворк имеет объектно-ориентированную архитектуру. Работает со всеми современными браузерами. 👉 @sWebDev

Scrolling Image Effects Еще один из вариантов создания эффектного скролла для ваших проектов. Реализовано на CSS и GSAP.js 👉 @sWebDev

Руководство по повторному рендерингу React Подробное руководство по повторному рендерингу React. Рассмотрим повторный рендеринг, в каком случае он необходим, а в каком нет. А также, что может вызвать повторный рендеринг компонента React. 👉 @sWebDev

Ghost Card Карточка с анимацией, выполненная на CSS и Three.js 👉 @sWebDev

dhtmlxSuite Библиотека предназначена для создания кроссбраузерных веб и мобильных приложений. Из преимуществ отметим возможность использования компонентов dhtmlxSuite по отдельности, низкий порог вхождения и совместимость с иными языками программирования. Виджеты совместимы с Java, ColdFusion, Ruby, Grails и другими серверными технологиями. Есть поддержка JSON, TypeScript, Promise API. Отметим и доступно написанную документацию, на освоение JavaScript фреймворка уйдет минимум времени. 👉 @sWebDev

Что нужно освоить Fullstack-разработчику JavaScript? Начните изучать необходимые технологии на открытых уроках практического онлайн-курса «JavaScript Developer. Professional» от OTUS. 1 сентября в 20:00 — «Обзор технологий для построения API». Рассмотрим несколько протоколов клиент-серверных приложений и на примере посмотрим на их сильные и слабые стороны. Регистрация - https://otus.pw/vsQg/ 15 сентября в 20:00 — «Кодогенерация Typescript». Научимся писать программы, которые пишут код на Typescript за нас, а также попробуем в действии несколько библиотек и приобретем навык чтения абстрактного синтаксического дерева. Регистрация - https://otus.pw/sE3E/ Не упустите возможность попробовать обучение на курсе познакомиться с преподавателем. Ведет занятие Арсений Высоцкий, тимлид в международной компании с опытом более 10 лет в веб-разработке. ‼️ Для участия нужно пройти вступительный тест и зарегистрироваться: https://otus.pw/kzZG/

Использование шаблонов проектирования группы GoF в React Шаблоны проектирования позволяют создать повторно используемые и надежные решения распространенных проблем при разработке программного обеспечения. Использование шаблона проектирования может значительно сэкономить время при разработке и помочь быстрее внедрить новый элемент в производство. Чтобы повысить производительность процесса, разработчикам важно понимать принципы работы шаблонов проектирования и особенности их использования. В этой статье мы обсудим шаблоны проектирования группы Gang-of-Four и способы их реализации с помощью библиотеки React. 👉 @sWebDev

Paper Cut Text Effect! Анимированный объемный текст, сделанный при помощи SCSS и Babel.js 👉 @sWebDev

Как сделать много форм, не сделав ни одной. React и Node.js Мы постоянно имеем дело с формами: регистрация, заполнение анкеты, составление отзыва. Первое, что нам хочется сделать как разработчикам,— максимально выделить общие компоненты, чтобы как можно меньше дублировать код. Допустим, мы можем сделать простые компоненты вроде инпутов или составные, типа окна с формой. Но всё равно бы пришлось постоянно собирать такие композиции во всех местах, не говоря уже о разном бэкенде для всех форм. На самом деле есть другое решение. И об этом данная статья. 👉 @sWebDev

Паттерны и антипаттерны в Node.js Node.js — это серверная среда выполнения JavaScript, построенная на движке V8 в Chrome, который по своей природе является асинхронным и событийным. С помощью Node.js относительно несложно создать REST API и использовать такие фреймворки, как Express.js. Простота обеспечивает большую гибкость. Но, при создании масштабируемых сетевых приложений, можно запутаться в том, каким шаблонам следовать. В статье рассматриваются лучшие практики, которых стоит придерживаться при создании приложений на Node.js 👉 @sWebDev

Лоадер на Gsap Интересные лоадеры делают приложение насыщеннее и колоритнее. По ссылке можно ознакомиться с кодом данного проекта, а после небольших оптимизаций внедрить его в свое веб-приложение. 👉 @sWebDev

Отрисовка в реальном времени с Vue, NodeJS и socket.io По ссылке руководство с подробным описанием использования Vue, NodeJS и socket.io для отрисовки элементов. 👉 @sWebDev

Pts Библиотека для визуализации точек в пространстве. Из особенностей: возможность работы с геометрическими фигурами, цветами; не конфликтует с другими библиотеками; малый вес. 👉 @sWebDev

😮 Добавлена новая база слитых курсов на 800ГБ: Программирование: https://t.me/+CU_bP-l4U_BhYWVi Frontend и Web: https://t.me/+j52VHr3Ass82NzNi Python: https://t.me/+_6KGyL3igC0xM2Fi Графика и дизайн: https://t.me/+JuB_FlhaPuNlMzMy

React Product Slides Пример применения слайдера React для карточки товара. 👉 @sWebDev