🖥 Untrusted — интересная головоломка, в которой нужно решать задачи, используя JavaScript

💡 По сюжету вам необходимо вытащить главного героя из параллельной реальности, исправляя JavaScript код в каждом уровне. При этом редактировать позволено только определенную часть документа, что усложняет прохождение

🔐 Лицензия: CC-BY-NC-SA

🔗 Ссылка: *клик*
▪️Github

@javascriptv

🖥 Полное руководство по JavaScript — с нуля до про! (2024) 🔥

🌟 Этот огромный бесплатный курс полностью обучит вас языку JavaScript с самых основ и до продвинутых тем!

🕞 Продолжительность: 22:15:56

🔗 Ссылка: *клик*

@javascriptv

🖥 Proton — простая и легковесная JS библиотека для создания анимаций частиц!

🔍 Свойства:

🌟 Простота использования: для создания эффекта анимации частиц требуется всего лишь несколько строк кода.
🌟 Множество эффектов: используйте Proton для создания пламени, фейерверков, пуль, взрывов и многого другого.
🌟 Любая среда выполнения: вы можете использовать библиотеку в таких фреймворках, как react, vue, angular, и pixi.js, Phaser, и т. д.
🌟 Эффективный рендеринг: эффективность рендеринга очень высока, вы можете визуализировать десятки тысяч частиц на странице.
🌟 Моделируемая физика: Proton может моделировать различные физические свойства, включая гравитацию и броуновское движение.
🌟 Несколько рендереров: Proton предоставляет множество рендереров, конечно, вы также можете настроить свой собственный рендерер

🔐 Лицензия: MIT

🔗 Ссылка: *клик*
▪️Github

@javascriptv

🖥 Gridstack.js — это JavaScript-библиотека для создания адаптивных сеток с функцией перетаскивания и изменения размеров элементов. Она идеально подходит для создания интерактивных панелей и виджетов

🌟 Библиотека поддерживает гибкую систему сеток, различные точки останова и динамическое обновление элементов

🌟 Gridstack.js использует HTML5 drag-and-drop API и легко интегрируется с такими фреймворками, как jQuery и Angular. Основные возможности включают настройку сеток и адаптивный дизайн для удобного создания пользовательских интерфейсов.

🔐 Лицензия: MIT

▪️Github

@javascriptv

👩‍💻 Простой совет: Оптимизация с помощью React.Fragment

💡 В React часто нужно группировать элементы без добавления дополнительных HTML-оберток. Для этого используется React.Fragment, который помогает избежать ненужных <div> или других контейнеров в DOM-структуре. Это особенно полезно, если нужно рендерить несколько элементов внутри компонента, но при этом не нарушать структуру HTML.

Пример использования:

import React from 'react';

function MyComponent() {
  return (
    <React.Fragment>
      <h1>Заголовок</h1>
      <p>Текст</p>
    </React.Fragment>
  );
}

🌟 Короткая запись: <></>. Это улучшает производительность и упрощает код

@javascriptv

🖥 Lodash — это современная библиотека для JavaScript, предоставляющая утилиты для работы с массивами, объектами, числами и строками. Она упрощает выполнение типичных задач программирования, таких как итерация, клонирование объектов, глубокое сравнение и манипуляция данными

🌟 Lodash помогает писать более чистый и эффективный код, улучшая производительность и модульность приложений. Широко используется в веб-разработке и поддерживает различные среды, включая браузеры и Node.js

▪️Github

@javascriptv

🖥 FacePoke — это приложение на JS для интерактивной трансформации лиц в реальном времени.

Пользователь может загружать портреты и перемещать головы персонажей по клику, изменяя их положение.

Для достижения наилучших результатов рекомендуется использовать собственное оборудование (например, GPU).

Проект использует алгоритмы из LivePortrait и предназначен для работы на локальной машине или через Docker

🖥 Язык: JavaScript

🔐 Лицензия: MIT

▪️Github

@javascriptv

🖥 25 проектов на JavaScript за 9 часов!

💡 Полезный курс с практическими примерами применения кода! Отлично подойдет для новичков

🔗 Ссылка: *клик*

@javascriptv

👩‍💻 Свежий курс по созданию настольных приложений с помощью Electron, React и TypeScript!

💡 Узнайте, как использовать Electron, React и TypeScript для создания настольных приложений. В ходе этого курса вы узнаете все: от настройки среды разработки до внедрения расширенных функций, таких как визуализация данных, безопасная связь и настраиваемые оконные фреймы, обеспечивая при этом бесперебойный пользовательский опыт!

🕞 Продолжительность: 3:33:19

🔗 Ссылка: *клик*

@javascriptv

🖥 React Discord Clone

Проект React-Discord-Clone представляет собой копию Discord, созданную с применением технологий React, Node.js, Express, Socket.io и MySQL.

Эта копия может служить полезным учебным материалом для тех, кто хочет изучить создание приложений на основе этих технологий.

▪️ Github

@react_tg

🖥 Это веб-приложение с использованием JavaScript подключается к ближайшим Bluetooth-устройствам и получает информацию, например, об уровне заряда батареи, непосредственно с них. Оно полезно для мониторинга и взаимодействия с Bluetooth-устройствами, такими как фитнес-трекеры или гаджеты IoT через веб-браузер!

@javascriptv