Простой классовый компонент на 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 — пишем первое приложение» »

Хук componentDidMount() в React JS

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

Метод componentDidMount является одним из методов жизненного цикла React компонента. Этот метод вызывается один раз, сразу после того, как компонент монтируется на странице. В этом методе обычно выполняются действия, которые необходимо выполнить один раз при инициализации компонента. Как и все методы жизненного цикла, componentDidMount вызывается автоматически React-ом, поэтому не требует явного вызова. Давайте рассмотрим пример … Read More «Хук componentDidMount() в 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 — действуй чужими руками» »

«Слышь, типа…»: быть или не быть TypeScript

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

TypeScript — это язык программирования, который построен на базе JavaScript, но расширен статической типизацией и другими возможностями. Он становится все более популярным среди разработчиков в последние годы, но какие же плюсы и минусы сопутствуют использованию TypeScript? Одним из главных преимуществ TypeScript является его статическая типизация. Это позволяет выявлять ошибки еще на этапе написания кода, что … Read More ««Слышь, типа…»: быть или не быть TypeScript» »

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

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

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

Живи по полной: полноэкранный режим в JavaScript

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

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

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

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

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

Операторы и выражения в JavaScript

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

Операторы и выражения — это основные элементы JavaScript, которые позволяют создавать и изменять значения. Операторы могут быть унарными, бинарными или тернарными в зависимости от количества операндов. Например, оператор «+» может быть использован для сложения двух чисел или для объединения двух строк. Выражения в JavaScript представляют собой любое вычисляемое значение, которое может включать операторы, переменные, литералы … Read More «Операторы и выражения в JavaScript» »

Переменные и типы данных в JavaScript для начинающих

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

Переменные и типы данных являются основными понятиями в Javascript. Переменная — это место в памяти, где можно хранить и использовать данные. В Javascript существуют три способа объявления переменных: let, const и var. Переменная, объявленная с помощью let, может изменяться, переменная, объявленная с помощью const, не может изменяться, а переменная, объявленная с помощью var, может изменяться … Read More «Переменные и типы данных в JavaScript для начинающих» »