Category : javascript

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
javascript
JavaScript Live-Coding: Мастерство решения типовых задач на собеседованиях

Искусство live-coding в JavaScript становится все более важным для успешной карьеры веб-разработчика. Если ты стремишься преуспеть на собеседованиях и проявить свои навыки в реальном времени, то эта статья для тебя. Я предлагаю тебе углубиться в мир типовых задач на собеседованиях в разделе live-coding, где ты сможешь проявить свои знания JavaScript. В этой статье мы рассмотрим популярные задачи, подходы к их решению и дам полезные советы, которые помогут тебе справиться с этим вызовом. Давай …

  • понедельник, 12 июня 2023 г. в 00:00:16
javascript
Remote Console для трассировки web-приложений

Я очень сильно уважаю отладчик (debugger) - он даёт возможность лучше понимать код, с которым ты работаешь. Даже если ты сам этот код и написал. Но отладчик - это очень низкоуровневый инструмент, зачастую хватает трассировки хода выполнения web-приложения (логирования). Самый простой способ логирования - console.log(). Он позволяет вывести сообщение на консоль браузера (DevTools по F12 в Chrome). Но что делать, если приложение отрабатывает в среде, где консоль для разработчика недоступна? Напр…

  • воскресенье, 11 июня 2023 г. в 00:00:11
javascript
Телеграм-боты на NodeJS

ПредысторияНесколько месяцев назад как-то больше по приколу написал телеграм-бота с интеграцией GPT. Это было, кстати, ещё до того, как весь телеграм утонул в этих ботах. После этого решил, что можно попробовать эту область на фрилансе. За эти месяцы сделал миллион всяких телеграм-ботов с GPT, другими нейронками с доступным API (и даже недоступным в случае с Midjourney), всякие магазины и тому прочих ботов. Этот опыт позволил прошариться немного за телеграм-ботов и в этом материале расскажу об…

  • воскресенье, 11 июня 2023 г. в 00:00:11