Category : javascript

javascript
Создание плагина кнопки редактора в Joomla 4

Статья о том, как удобно расширить пользовательские возможности при редактировании или создании контента в Joomla. Для начала небольшое отступление, которое пригодится начинающим разработчикам или разработчикам, незнакомым с нутром Joomla. Если Вы опытный пользователь или разработчик - можете перейти сразу к разделу статьи Как добавить кнопку редактора в Joomla со своим функционалом?Что такое плагин в Joomla?В терминологии Joomla "плагин" - это расширение, которое предоставляет функции…

  • вторник, 20 июня 2023 г. в 00:00:15
javascript
Книга «React. Быстрый старт, 2-е изд.»

Привет, Хаброжители! Незаменимая книга по React — технологии с открытым исходным кодом для быстрого создания многофункциональных веб-приложений. Второе издание, обновленное с учетом последней версии React, показывает, как создавать компоненты React и организовывать их в удобные для сопровождения крупномасштабные приложения. Если вы знаете синтаксис JavaScript, то сразу можете приступать к работе. По ходу чтения разработчики и программисты создадут полноценное приложение. Вы быстро поймете, …

  • вторник, 20 июня 2023 г. в 00:00:14
javascript
Cмарт-контракт. Solidity + Ganache

Транзакция на создание смарт-контрактаВ данной статье мы познакомимся с тем, как задеплоить очень простой смарт-контракт на локальный блокчейн Ganache. После развёртывания смарт-контракта, мы научимся взаимодействовать с ним путём отправки транзакций в его адрес. Для простоты я буду использовать фреймворк Truffle, так как он упрощает деплой и взаимодействие со смарт-контрактом.В качестве контракта мы создадим самый простой Faucet. В реальных условиях Faucet используется как хранилище криптовал…

  • суббота, 17 июня 2023 г. в 00:00:15
javascript
RSC с нуля. Часть 1: серверные компоненты

В этом техническом "глубоком погружении" (deep dive) мы с нуля реализуем очень простую версию серверных компонентов React. Данный туториал будет состоять из трех частей (написана пока только эта). Серьезно, это глубокое погружение! Этот туториал не объясняет преимуществ серверных компонентов React или как разработать приложение с помощью RSC, или как разработать фреймворк с их помощью. Вместо этого, оно проведет вас через процесс их "изобретения" с нуля. Эта статья предназнач…

  • пятница, 16 июня 2023 г. в 00:00:18
javascript
Как я создал игру совместно с Chat GPT: история игры Чубрики

Вот уже прошла неделя с момента публикации моей игры, и я получил 7 500+ установок за первые семь дней. Ранее я не публиковал игры, так что это мой первый опыт в качестве разработчика игр, хоть и только одной. Но, как говорят, с чего-то нужно начинать. Все началось с того, что я стал активно использовать Chat GPT в своей работе веб-разработчика, в частности, для создания простых функций, таких как генерация паролей и других подобных задач. У меня сложилось некоторое впечатление о работе с Chat…

  • среда, 14 июня 2023 г. в 00:00:20
javascript
Новые возможности ECMAScript 2021-2023

Привет, я Мельникова Ирина - frontend разработчик в компании Астрал-Софт.Сегодня я хотела бы поговорить об обновлениях ECMAScript, традиционно публикуемых в июне. Буквально недавно версия стандарта 2023 года перешла в статус freezed, что означает, что никакие изменения в нее вноситься уже не будут.Поэтому сейчас самое время обсудить что нового произошло в стандарте за последние годы и что нас ожидает уже в этом году.ES5, ES2016, ECMAScript 2019 — как разобраться во всем этом?ECMAScript new pro…

  • среда, 14 июня 2023 г. в 00:00:20
javascript
Учим PixiJS на играх

В статье описал разработку 13-ти игр на PixiJS. Около 70% текста - это описание механики игр, остальное - реализация на PixiJS. Получилось много текста, т.к. описывать советы для PixiJS интереснее с примером из игр.Самая последняя игра будет самой сложной и интересной.На чём рисовать?Если мне нужно что-то нарисовать в HTMLCanvasElement у меня есть несколько опций:Использовать библиотеку или фреймворк.Использовать контекст рисования напрямую 2d или webgl в виде API браузера CanvasRenderingConte…

  • среда, 14 июня 2023 г. в 00:00:19
javascript
Как сделать кастомный Semi Donut Chart с помощью SVG

Всем привет! Недавно мне нужно было сделать Semi Donut Chart, я поискал реализации в интернете те, которые мне подходили были в библиотеках по типу Chart.js, а библиотеки мне очень не хотелось тащить, так как они сильно влияют на размер бандла и производительность сайта.И тут я решил сделать свою. У меня было два варианта:Реализовать график с помощью cssРеализовать график с помощью svgТак как я давно хотел попробовать на что способен svg, решил выбрать именно этот вариант. И первое с чего я на…

  • вторник, 13 июня 2023 г. в 00:00:17
javascript
Какие уроки я извлёк из создания расширения VSCode с помощью GPT-4

В последнее время я много экспериментировал с написанием кода при помощи LLM (Large Language Model, большая языковая модель). На мой взгляд, эти инструменты отлично справляются с генерацией небольших самодостаточных фрагментов. К сожалению, что-то большее уже требует человеческого участия для оценки результата LLM и предоставления дальнейших инструкций. В большинстве случаев, когда кто-то утверждает, что «GPT написал X», человек выступает для LLM в роли своеобразного REPL (Read-Eval-Print Lo…

  • вторник, 13 июня 2023 г. в 00:00:16