Рубрика: How to

Как установить, реализовать, исправить

Ускоряем React и Vue-разработку с Vite

Posted on By Den Bezyzvestnykh
How to, React JS, Vuetify, Фреймворки и библиотеки JavaScript, Фронтенд-разработка на JavaScript

С развитием веб-технологий и появлением все более сложных веб-приложений, разработчики ищут способы улучшить эффективность и скорость своего рабочего процесса. В этой статье мы рассмотрим Vite — инструмент, который позволяет ускорить процесс разработки и достичь высокой производительности. Узнаем, что такое Vite, как он работает и какие преимущества он предлагает разработчикам. Что такое Vite? Vite — это … Read More «Ускоряем React и Vue-разработку с Vite» »

Нейросеть определяет жанр игры

Posted on By Den Bezyzvestnykh
How to, Основы JavaScript

Часть 1 Привет, меня зовут Ярослав, мне 8 лет и Владимир, мне 12 лет. Мы изучаем программирование и сегодня расскажем как мы обучили нейросеть определять жанр игры по скриншоту. Наш папа поставил перед нами задачу — для сайта о компьютерных играх создать программу, которая будет автоматически создавать описания для картинок-скриншотов. Например описание к такому скриншоту: … Read More «Нейросеть определяет жанр игры» »

Webpack — упаковщик web-приложений

Posted on By Den Bezyzvestnykh
How to, React JS, Бэкенд-разработка на JavaScript - NODE.JS, Продвинутый JavaScript, Фреймворки и библиотеки JavaScript, Фронтенд-разработка на JavaScript

Webpack — это инструмент для сборки JavaScript-приложений, который позволяет объединять все модули и зависимости вашего приложения в один файл, который можно загрузить в браузере. Он обрабатывает и компилирует различные типы файлов, такие как JavaScript, CSS, изображения, шрифты и многое другое. Вы можете настроить Webpack под любой проект, это может быть как просто, так и сложно, … Read More «Webpack — упаковщик web-приложений» »

Оптимальное обновление — метод shouldComponentUpdate в React JS

Posted on By Den Bezyzvestnykh
How to

React компоненты имеют жизненный цикл, который включает несколько методов. Один из таких методов — shouldComponentUpdate — вызывается перед обновлением компонента и позволяет определить, нужно ли обновлять компонент. В этой статье мы рассмотрим, как работает shouldComponentUpdate и как его использовать в функциональных компонентах. Что такое shouldComponentUpdate? shouldComponentUpdate — это метод жизненного цикла React компонента, который позволяет … Read More «Оптимальное обновление — метод shouldComponentUpdate в React JS» »

Как создать колоду для ANKI: учимся учиться

Posted on By Den Bezyzvestnykh
How to, Основы JavaScript

Anki — это программное обеспечение для создания и использования электронных колод карточек, которые используются для обучения и запоминания информации. Программа предоставляет возможность создавать карточки с вопросами и ответами, включать в них изображения, звуки и видео, а также настраивать время повторения карточек в зависимости от уровня их знания. Anki использует алгоритм повторения, который помогает эффективнее запоминать … Read More «Как создать колоду для ANKI: учимся учиться» »

Простой классовый компонент на React JS

Posted on By Den Bezyzvestnykh
How to, Основы JavaScript, Фреймворки и библиотеки JavaScript, Фронтенд-разработка на JavaScript

Начнём сразу с примера: Constructor — это метод жизненного цикла компонента React, который вызывается при создании экземпляра компонента. Он используется для инициализации состояния и привязки методов к экземпляру. В конструкторе компонента React можно инициализировать состояние и привязать методы к экземпляру компонента. Например, вы можете создать состояние, которое будет использоваться для хранения данных, а также связать … Read More «Простой классовый компонент на React JS» »

React JS — пишем первое приложение

Posted on By Den Bezyzvestnykh
How to, Основы JavaScript, Фреймворки и библиотеки JavaScript, Фронтенд-разработка на JavaScript

React JS является одним из наиболее популярных фреймворков для создания веб-приложений. Если вы новичок в React, то создание простой страницы может быть отличным способом начать изучение этого фреймворка. В этой статье я покажу вам, как последовательно создать простую страницу на React, которая будет содержать надпись «Приложение на React JS» и кнопку «Привет JavaScript.study!», при нажатии … Read More «React JS — пишем первое приложение» »

Remote Procedure Call — действуй чужими руками

Posted on By Den Bezyzvestnykh
How to, Бэкенд-разработка на JavaScript - NODE.JS, Продвинутый JavaScript

RPC (Remote Procedure Call) — это протокол взаимодействия клиента и сервера, который позволяет вызывать процедуры на удаленном компьютере так, как будто они вызываются на локальной машине. С помощью RPC клиент может вызвать удаленную процедуру, передав ей параметры и получив результаты ее выполнения. RPC абстрагирует клиентский код от деталей сетевого взаимодействия, таких как установление соединения, передача … Read More «Remote Procedure Call — действуй чужими руками» »

Поймай меня, если сможешь: как осуществить видеозахват из браузера

Posted on By Den Bezyzvestnykh
How to, Продвинутый JavaScript, Фронтенд-разработка на JavaScript

Screen Capture API — это новое API, которое предоставляет возможность захватывать экран устройства и записывать видео с экрана. Это очень полезный инструмент для различных приложений, таких как онлайн-курсы, демонстрация продуктов, видео-обзоры и т.д. API предоставляет два метода: «getDisplayMedia» и «getUserMedia». «getDisplayMedia» используется для захвата с экрана, а «getUserMedia» — для захвата с веб-камеры или микрофона. … Read More «Поймай меня, если сможешь: как осуществить видеозахват из браузера» »

Хочешь жить — умей вертеться: Screen Orientation API:

Posted on By Den Bezyzvestnykh
How to, Продвинутый JavaScript, Фронтенд-разработка на JavaScript

Screen Orientation API — это API браузера, который позволяет веб-разработчикам узнавать и управлять ориентацией экрана устройства. Это API позволяет детектировать, какая ориентация экрана используется в данный момент, и реагировать на изменения ориентации экрана. Ориентация экрана имеет важное значение для многих веб-приложений, включая игры, видео- и фото-редакторы, приложения для чтения и другие. Поэтому использование Screen Orientation … Read More «Хочешь жить — умей вертеться: Screen Orientation API:» »