Дисклеймер: в статье описывается субъективное мнение автора. Советы, техники и наставления не работают на 100% и никому не гарантируют оффер в Google после прочтения.

Тебе могут не понравиться мои выводы, может показаться, что я что-то или кого-то осуждаю, но нет, я пишу только со своей колокольни, как я видел: что работает, а что нет.

Я собрал здесь максимум информации, которую знаю на протяжении своего профессионального опыта, и которая помогает мне находить работу достаточно быстро.

Начнём!

Предисловие

Я решил написать эту статью-гайд, так как продолжаю видеть очень большое количество резюме, которые я бы отложил в далекий ящик, потратив на них 5-10 секунд времени. Хороших программистов могли динамить из-за плохого резюме.

Я видел также множество прекрасных примеров резюме. Лично у меня в этом плане всё далеко не идеально, но тем не менее я неоднократно получал хорошие сообщения от HR и других людей, потому что моё CV крутое/прикольное/милое/нестандартное, хотя у меня и по сей день сейчас это просто страничка в Notion. Есть в общем куда расти. Всем.

Что я видел в работающих резюме

Напишу список, который разберу в подробностях:

1. Портфолио
2. Опен-сорс
3. Педантичность
4. Продаваемость
5. Манера
6. Краткость

Я расположил пункты в порядке приоритета. Конечно, возглавляют строчки списка всё, что связано непосредственно с самой профессией — разработкой.

Портфолио

Портфолио... очень важная вещь. Везде. В нашем случае в качестве портфолио может выступить

1. Твой сайт
2. Твой GitHub
3. Сайты, которые ты делал для кого-то (естественно, с исходниками)
4. zip архивы с проектами, или грубо говоря "куски кода" (ну, так тоже можно в принципе)

Начну разбор с последнего пункта.

Куски кода

Я давно активно не смотрел на рынок, но год назад либо общаясь с HR, либо в самой вакансии можно было встретить строчку "предоставьте кусок кода". Возможно я предвзято отношусь к этому, но что может сказать о программисте кусок кода, особенно в расцвет LLM? Я могу написать ChatGPT — сгенерируй мне хорошо структурированный кусок кода, и вуаля: я крутой программист? Я в 99% случаев обходил такие вакансии стороной.

Пет-проект может многое сказать о компетенции программиста, но никак не кусок кода. Я бывало сидел думал: "а из какого файла вы хотите кусок кода-то?"

Сайты на заказ

Важная штука. Можно существовать без портфолио в виде сайта, без GitHub, но если у тебя есть опыт в крутых проектах — это козырь. В начале особенно лучше не брезговать тематикой проектов, а браться за всё (ну, кроме того, к чему совсем душа не лежит).

GitHub

О, это место, куда любой человек может зайти и посмотреть на твой код. Супер крутой инструмент, чтобы показать насколько ты хорош. Человеку даже не надо писать тебе в личку, чтобы ты ему скинул проекты, которые ты делал. Тыкнул — и любуешься, как человек код пишет и что у него в голове бывает.

Портфолио

Жемчужина списка. GitHub на максималках, и вот почему — если в GitHub полезет обычно только программист, то по ссылке на твое портфолио может перейти любой ребенок, не говоря уже об HR. Ты показываешь всё, что у тебя в голове в виде портфолио. Можно проявить креатив, воображение и что угодно. По моему мнению, это самая интересная и работающая техника. Ты можешь понравиться людям просто по тому, как ты себя представил.

Да и еще, какой веб-разработчик без портфолио в виде веб-сайта? Может выглядеть, как юрист, никогда не бывавший в суде. Именно "может", потому что отсутствие портфолио не ставит под сомнение профессионализм разработчика.

Мораль: портфолио — это очень важный пункт в резюме, который поможет найти работу быстрее, чем другие кандидаты без портфолио.

Опен-сорс

Я поставил этот пункт за портфолио, потому что активное участие в опен-сорс разработке может быть большим плюсом, так как показывает, что человек не просто работает от зарплаты до зарплаты, но и живет кодингом. Живет идеей. Я думаю, CEO в восторге, когда его коллега живет идеей и кайфует от разработки. И опять же, как в случае с портфолио, полное отсутствие зеленых квадратиков в GitHub не означает, что разработчик плох. Пока разбирал опен-сорс, вспомнил это видео.

Мораль: опен-сорс это круто, и круто, когда на него есть время.

Педантичность

Под педантичностью я не имею ввиду перфекционизм. Мне очень мешал перфекционизм. Это стремление "сделать все идеально" в итоге не доводило ни одну мою идею до MVP, не говоря уже о том, чтобы идея увидела свет. Ещё говоря про педантичность в этом контексте, я не имею ввиду, что мне всегда нужно было излишнее внимание к мельчайшим деталям. Внимание должно быть, но не излишнее.

Например, я часто встречал резюме/портфолио с грамматическими ошибками, явным отсутствием симметрии в вёрстке, не очень внятным UX (но это совершенно легко можно списать на грейд разработчика), а что ещё хуже — вовсе не работающими кнопками или ссылками.

Причём я встречал это не только у Junior разработчиков, но и у Middle+.

Мораль: просто будь внимателен без фанатизма. Упускать что-то нормально, все мы люди.

Продаваемость

О, дошли до денег. Наверное сейчас самое интересное.

Давай сравним два резюме:

1. Привет! Я разработчик с [...] навыками и опытом X месяцев. Ожидания по зарплате: $3 в час/рад поработать за идею. Вообще я горю разработкой, я её очень люблю! Писать сюда -> @ruburi
2. Привет! Я разработчик с [...] навыками и опытом X месяцев. Ожидания по зарплате: $10 в час. По выходным не работаю. Писать сюда -> @ruburi

Я посмотрел бы на эти два резюме, будучи CEO продукта, и мне конечно стало бы интересно, на что способен второй разработчик, который задвигает аж в 3 раза больше, чем первый.

Во втором случае человек явно выставляет границы и дает понять, что он ценит свое время и не готов его разбазаривать куда угодно, несмотря на то, что он недавно начал профессиональный путь в разработке. Я бы не сказал, что это говорит об ответственности за своё время, но кто-то может так посчитать.

Если рассмотреть строчку "Вообще я горю разработкой, я её очень люблю!" — ну, я думаю тут палка о двух концах. HR это может обрадовать, мол вот смотри — тут разработчик любит кодить и вообще он так горит этим! С другой стороны, это может походить на конфетно-букетный период у молодых влюблённых, когда человек только начал и его прёт, а потом бах — и первое выгорание! Осознание того, что жизнь — тлен, а программирование — не моё. И вот ушёл с проекта. А потом еще окажется, что лид не смотрел за джуном. Ой.

Что я хочу этим сказать? Нет, не то, что если человек пишет, что он любит разработку, значит он плохой. Просто скорее всего, если человек пишет об этом, скорее всего он это докажет, если это действительно так (например, тем же опен-сорс). Не путать с тем, что человек пишет, например — создаю крутые интерфейсы, которые нравятся людям. Тут скорее можно увидеть подход к разработке.

Мораль: цените своё время и нервы, пытайтесь продавать себя дороже, чем вы себя оцениваете — только так покоряются новые вершины, на уверенном.

Манера

Манера — коротенький пункт. Под манерой я имею ввиду манеру "коммуникации" с внешним миром через резюме. Никому не будет приятно читать хабалистую или наглую писанину. Я предпочитаю общаться с людьми через резюме. Так и в статьях. Я пишу так, как будто я сижу и общаюсь с человеком в реальной жизни. Кому-то это может не нравиться, может вызвать споры между тыканьем и выканьем, формальностями и бюрократией, но мне так просто комфортно.

Краткость

Краткость — сестра таланта. Когда-то давно я услышал слова: "HR неинтересно, занимаешься ты плаванием или прочитал 100 книг, если ты не принесешь пользы или денег."

Цитата, конечно, грубоватая, но в целом это так. Пункт не про то, что никому неинтересны твои достижения, нет. Просто я стараюсь не заполнять резюме/CV информацией, не связанной с профессией. О том, сколько я книг прочитал можно рассказать коллеге в курилке, если ему станет интересно.

Мораль: не переполнять резюме лишним шумом.

Заметки и мини-разбор других резюме

Сейчас я открою несколько сервисов для поиска работы и возьму оттуда парочку резюме. Разберём на примерах, чтобы было яснее, и возможно, я вспомню что-нибудь ещё интересного.

1 заметка

Важно оценивать себя адекватно. В продаваемости я написал, что надо ценить своё время, но важно также уметь оценить свои навыки адекватно. Чтобы не было такого, что человек просит $5000 и прикрепляет в примеры работ To-Do лист. Ну вы поняли.

2 заметка

Префаернул по 2 заметке. Человек опубликовал своё резюме в Google Disk -> переходим -> нет доступа.

Старайся публиковать резюме там, где его легко достать и удобно читать. И не забудь открыть его в паблик.

3 заметка

Есть тут один красный флаг, если можно так выразиться. Избегай оценки своих навыков в процентах. Что-то в духе знаю JavaScript на 50%, а HTML на 100% — моветон. Честно признаться, я сам таким маялся когда только учился.

4 заметка

Стиль резюме тоже решает. Главное, чтобы при просмотре резюме у человека не случился приступ от переизбытка смайликов, ярких цветов и прочего, отвлекающего фокус.

5 заметка

Английский — решает. Всё новое, что я изучаю эти 3 года как минимум — ресурсы и материалы на английском.

6 заметка

Когда будешь писать о своём опыте в проектах, пиши конкретно, что ты делал, какие были у тебя обязанности и что тебя радовало в процессе работы. Я не использую слово "гордишься", ну потому что иногда это прямо звучит очень резко. Можно работать в компании, где не происходило ничего выдающегося, зато ты просто стабильно выполнял свою работу качественно.

7 заметка

LinkedIn — мастхев, если ищешь работу за рубежом.

8 заметка

Иногда я замечаю, как люди перечисляют софт-скиллы и пишут: я добрый, трудолюбивый, хороший. Ну в общем такие софт-скиллы, как будто бы для кого как. Как будто сочинение школьное пишешь о том, какой ты у мамы получился. Тут есть тонкая грань между тем, что перечислять, а что нет. Поэтому не пойми неправильно. На вкус и цвет.

9 заметка

Помнишь я говорил про продаваемость?

Приверженность? Выведем Ваш бизнес на новый уровень? Одним разработчиком клиентской части?

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

10 заметка

Отзывы и рекомендации решают. Тут шатаут @workwor за наставление. Круто, когда за тебя могут замолвить слово другие разработчики.

Заключение

Ну вот и подошла к концу статейка. Что могу сказать? Учись, разрабатывай, пили проекты себе в кайф и не забывай отдыхать. Надеюсь, я помог тебе, анон.

Отзыв

Если заметил где-то ошибку, или что-то не складывается в голове — ты всегда можешь обратиться за вопросом ко мне в Telegram @rubyuroboros

Мой канал — https://t.me/ruburi

с первым днем весны! (у рубури это так на момент написания этой строки)

предоставляю тебе альманах как написать бота в телеге простыми словами без заморочек

если ты давно хотел написать своего бота в телеге — щас самое время для того чтобы научиться это делать!

давай накатаю тебе план действий то есть что мы будем делать:

ниже я оставлю ссылочки для навигации по определенным частям статьи. надеюсь ты подхватишь какие нибудь интересные техники или любую другую интересующую тебя инфу из этой статьи! погнали!

как читать эту статью?

в целом все просто

ты можешь читать все разом, либо просто перейти к интересующему тебя разделу (например, слава бот или бот агрегатор)

в обоих разделах ты найдешь для себя что то новое, я постарался расписать какие то интересные техники и новые концепты

основы

создаем бота в BotFather

весь код будет на js. начнем с того что мы создадим самого бота через BotFather

нас интересует команда /newbot

после чего вводим имя бота, в нашем случае — "Абузим гем"

и наконец юзернейм, необходимо чтобы юзернейм заканчивался словом bot

после чего в сообщении мы получаем токен бота, который будет использован для того чтобы мы могли взаимодействовать с ботом по API

разворачиваем среду обитания бота

если ты не знаешь что такое nodejs или у тебя не установлен Node.js либо yarn: проходи сюда в раздел "Подготавливаем среду обитания нашего скрипта"

создаем папку, создаем файл index.js, заходим в нее в редакторе, открываем консоль и пишем:

yarn init -y
yarn add node-telegram-bot-api
yarn add --dev nodemon

для разработки бота мы будем использовать библиотеку node-telegram-bot-api

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

заходим в package.json и вставляем туда следующее содержимое:

{
  "type": "module",
  "name": "telegram-bot",
  "private": true,
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "dependencies": {
    "node-telegram-bot-api": "^0.61.0"
  },
  "scripts": {
    "dev": "nodemon ./index.js" // <<<<<
  }
}

в помеченной строке мы создаем скрипт dev который будет за нас вызывать команду nodemon ./index.js, мы будем включать бота так — yarn dev

в скрипте мы говорим nodemon чтобы он следил за обновлениями файла index.js

пишем первого простецкого бота

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

import TelegramBot from 'node-telegram-bot-api';

const TELEGRAM_BOT_TOKEN = "...";
const bot = new TelegramBot(TELEGRAM_BOT_TOKEN, { polling: true });

bot.on('message', async (msg) => {
  const {
    chat: { id },
    text
  } = msg;
  
  await bot.sendMessage(id, text);
});

давай по порядку:

import TelegramBot from 'node-telegram-bot-api';

import — директива которая запрашивает доступ к какой-либо библиотеке. здесь мы запрашиваем библиотеку node-telegram-bot-api через import

имей ввиду что import и export не работают если не указать в package.json "type": "module"

const TELEGRAM_BOT_TOKEN = "...";

сюда тебе надо вставить токен который ты получил у BotFather. имена констант почти всегда пишутся капсом и используя snake_case

const bot = new TelegramBot(token, { polling: true });

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

сам "конструктор" бота включает в себя 2 аргумента:

1. токен бота
2. различные опции. полный список опций можно посмотреть тут

bot.on('message', async (msg) => {});

с помощью метода on у бота ты можешь реагировать на различные обновления, будь-то обновления аватарки в канале, новый мембер в канале, новая гифка в личку бота и так далее. обновление в последующем я буду называть ивент. щас мы с тобой будем обрабатывать каждое сообщение которое приходит боту в лс с помощью ивента message. ивент message будет срабатывать каждый раз когда пишут боту в лс либо пишут в канал где есть бот

метдо on принимает два аргумента:

1. ивент на который мы хотим реагировать
2. колбек функция (она будет вызвана как только мы получим какой то апдейт по нашему ивенту, например, юзер написал сообщение - выполняется колбек функция). в моем случае она асинхронная (async), об этом позже

колбек функция хранит в себе один аргумент — это само сообщение юзера msg с дополнительной информацией

const {
  chat: { id },
  text
} = msg;

деструктуризируем объект msg и получаем оттуда chat id и текст сообщения

await bot.sendMessage(id, text);

и наконец отправляем сообщение, повторяющее текст юзера используя метод sendMessage

метод sendMessage принимает три аргумента:

1. chat id — идентификатор чата которому бот отправит сообщение. когда юзер пишет боту, и на бота навесили обработчик сообщений, в объекте msg из функции обработчика всегда есть chat id, то есть идентификатор юзера который написал это сообщение
2. текст сообщения
3. опции отправки сообщений от бота, но об этом позже

запускаем бота с помощью команды yarn dev и идем писать боту

вуаля! бот должен повторять все сообщения которые ты ему пишешь

пишем славу бот

итак, давай набросаем логику для бота:

погнали!

создаем бота в BotFather

здесь все дефолтно и уже знакомо. просто создаем бота и получаем токен

создаем приветственное сообщение

как только юзер вводит команду /start мы будем показывать ему приветственное сообщение о том как пользоваться ботом

import TelegramBot from 'node-telegram-bot-api';

const TELEGRAM_BOT_TOKEN = '...'; // токен
const bot = new TelegramBot(TELEGRAM_BOT_TOKEN, { polling: true });

const welcomeMessage = `привет\! я бот для чека курсов криптовалют \- клон славы
как это работает?
\> ты пишешь <code>1 eth</code>
\> бот отвечает
Ethereum <code>(ETH)</code>:
<code>$ 1,641</code>
<code>₽ 124,716</code>`;

bot.onText(/\/start/, (msg) => {
  const {
    chat: { id }
  } = msg;
  
  bot.sendMessage(id, welcomeMessage, {
    parse_mode: 'HTML'
  });
});

не забудь вставить свой токен в переменную token

двигаем дальше

bot.onText(/\/start/, (msg) => {
  //...
});

тут я говорю боту — поставь обработчик если юзер написал текст /start

как видишь здесь я тоже ставлю обратный слэш, это еще один из примеров использования escape character

bot.sendMessage(id, welcomeMessage, {
  parse_mode: 'HTML'
});

затем я просто отправляю сообщение с единственной помаркой. я указал в опциях parse_mode: 'HTML'

это нужно для того чтобы бот отформатировал сообщение используя HTML, так как мы используем HTML форматирование в нашем сообщении. если не указать эту опцию получится вот это:

теперь если указать обратно:

пишем логику обработки ввода от юзера

нам нужно сделать так чтоб бот умел преобразовывать пользовательский ввод в вид данных с помощью которого мы сможем получать информацию из биржи, а точнее:

если юзер написал 1 eth, мы должны дать понять боту где количество монет, а где символ монеты

bot.on('message', (msg) => {
  const {
    text
  } = msg;
  
  const [strAmount, symbol] = text.split(' ');
  const isAmountValid = !/\D/g.test(strAmount);
  if (isAmountValid) {
    const amount = parseFloat(amount);
    // amount - количество монет, symbol - тикер монеты
  }
});

процедура обработчика ничем не поменялась, все знакомо. давай дальше

const [strAmount, symbol] = text.split(' ');

здесь мы используем метод split у строки. работает это следующим образом:

const isAmountValid = !/\D/.test(strAmount);

разве мы можем доверять юзеру? конечно нет. он может ввести туда случайно не цифру, а что то другое. и чтобы наш бот не ломался, нам нужно определить точно ли юзер ввел цифру в начале. здесь получилась на первый взгляд страшная конструкция, но ща я разберу тебе ее и все прояснится

/\D/g.test(strAmount)

if (isAmountValid) {
  const amount = parseFloat(amount);
  // amount - количество монет, symbol - тикер монеты
}

если цифра корректная, мы преобразуем строку в число с которым можно проводить математические операции используя parseFloat

почему parseFloat, а не parseInt? parseFloat учитывает знаки после запятой (например, 3.5 sol), тогда как parseInt округляет число до целого

оп, вот мы и получили нужные данные от юзера!

пишем логику получения данных о монете

мы с тобой будем использовать CoinMarketCap API для получения инфы о цене. как это вообще работает? ну, твоему боту нужно получать данные из внешнего мира, хранящиеся на чьих-то серверах, да не просто на чьих-то, а на серверах тех, кто еще и предоставляет API для доступа к данным. API — это то благодаря чему ты можешь взаимодействовать с серверами, также API описывает как эти данные получать и в каком виде ты их будешь получать. часто для API бывает нужен API ключ, который ты получаешь допустим на нужном сайте, который принадлежит владельцу API. с помощью API ключа сервер дает тебе возможность делать запросы, без него это было бы невозможно

гуглим CoinMarketCap API, переходим по этой ссылке, жмем GET YOUR API KEY NOW

получаем ключ (он должен быть в твоем дашборде после регистрации бемс демс) и едем дальше

нам нужно разобраться как пользоваться этим API и как получить цену на нужную нам крипту используя документацию

открыв ссылку и пролистав до Quick Start Guide мы видим примеры запросов на разных языках программирования

здесь в примере используется библиотека axios, поверхностно у нее мало отличий от got, который мы будем использовать. эти библиотеки нужны для того чтобы связываться с сервером, проще говоря HTTP клиент (типа fetch в js, только круче)

await axios.get('https://sandbox-api.coinmarketcap.com/v1/cryptocurrency/listings/latest', {
  headers: {
    'X-CMC_PRO_API_KEY': 'b54bcf4d-1bca-4e8e-9a24-22ff2c3d462c',
  }
});

окей с тем как делать запрос разобрались, давай теперь найдем нужный нам эндпоинт!

полистав немного вниз в документации API, мы можем найти вкладку Cryptocurrencies, а внутри эндпоинт Quotes Latest v2 — то что нам нужно!

небольшое примечание

на самом деле можно и правильнее будет использовать эндпоинт OHLCV Latest v2, так как нам нужны лишь цены, но дело в том что он заблокирован для использования простыми смертными

внутри мы видим URL по которому мы можем обратиться к эндпоинту, а также пролистав ниже мы видим параметры которые мы можем передать ему

среди них мы видим параметр symbol — это то что нам нужно для того чтобы получать цену на определенную крипту

создавай файл api.js где ты будешь хранить всю логику связанную с API

затем открывай консоль и давай подтянем нашу библиотеку got

yarn add got

с помощью этого зверька мы сможем делать запросы к любому API

пишем код:

import got from 'got';

const COINMARKETCAP_API_TOKEN = '...'; // твой токен

const client = got.extend({
  prefixUrl: 'https://pro-api.coinmarketcap.com/v2',
  headers: {
    'X-CMC_PRO_API_KEY': COINMARKETCAP_API_TOKEN
  }
});

export const getCoinQuotes = async (symbol) => {
  const { data } = await client
    .get('cryptocurrency/quotes/latest', {
      searchParams: new URLSearchParams({
        symbol
      })
    })
    .json();

  const quote = data[symbol.toUpperCase()][0].quote;
  return quote;
}

здесь мы инициализируем нашу библиотеку для запросов к серверу используя метод extend

const client = got.extend({
  prefixUrl: 'https://pro-api.coinmarketcap.com/v2',
  headers: {
    'X-CMC_PRO_API_KEY': COINMARKETCAP_API_TOKEN
  }
});

-> документация got на github

extend принимает объект с опциями, из которых мы используем:

prefixUrl — здесь мы прописываем ссылку на API CoinMarketCap, чтобы не вставлять ее постоянно каждый раз когда мы хотим сделать запрос (библиотека будет вставлять его за нас). к примеру если эндпоинт выглядит так:

https://pro-api.coinmarketcap.com/v2/cryptocurrency/listings/latest

то prefixUrl будет являться https://pro-api.coinmarketcap.com/v2

headers — наши заголовки

export const getCoinQuotes = async (symbol) => {
  const { data: usd } = await client
    .get('cryptocurrency/quotes/latest', {
      searchParams: new URLSearchParams({
        symbol
      })
    })
    .json();
  const coin = usd[symbol.toUpperCase()][0];
  const usdQuote = coin.quote.USD;

  const { data: rub } = await client
    .get('cryptocurrency/quotes/latest', {
      searchParams: new URLSearchParams({
        symbol,
        convert: 'RUB'
      })
    })
    .json();
  const rubQuote = rub[symbol.toUpperCase()][0].quote.RUB;

  const name = coin.name;
  return {
    name: 
    usd: usdQuote,
    rub: rubQuote
  };
}

здесь мы объявляем функцию с помощью которой мы будем получать цены на введенный пользователем символ монеты

const data = client.get('...');
console.log('aboba');

const data = await client.get('...');
console.log('aboba');

const { data } = await client
  .get('cryptocurrency/quotes/latest', {
    searchParams: new URLSearchParams({
      symbol
    })
  })
  .json();

конструкция совсем не отличается от той что была в примере. единственное отличие — опция searchParams и вызов функции json после метода get

мы используем searchParams для того чтобы указать те самые параметры которые ты видел в доке (id, symbol и тд)

создать эти параметры в удобном виде нам поможет URLSearchParams

работает это просто, в качестве аргумента мы кладем объект с параметрами

затем мы по цепочке вызываем метод json для того чтобы преобразить ответ сервера в объект, который мы можем использовать для манипуляции с данными

из ответа сервера нам нужен объект data поэтому мы его сразу деструктуризируем

сохраним данные по монете в переменную coin, затем сохраняем подробности о цене, объеме и тд в долларах в переменную usdQuote

const coin = usd[symbol.toUpperCase()][0];
const usdQuote = coin.quote.USD;

здесь мы получаем информацию о монете в долларах, также ниже мы делаем еще один запрос, только в этот раз добавляем опцию в URLSearchParams:

convert: 'RUB'

для конвертации цены в рубли

у них странно работает API в этом плане, потому что я должен делать два запроса для того чтобы получить инфу в долларах и в рублях, но да ладно, не страшно

и наконец, сохраняем полное имя монеты в переменную name:

const name = coin.name;

надеюсь ты не запутался, потому что мы сделали два вызова, один для долларового эквивалента, другой для рублевого. информация по монете (то есть имя) хранится по сути в обоих объектах, я просто решил достать полное имя из первого вызова (coin.name)

в конечном итоге если мы вызовем нашу функцию с аргументом ETH, то получим следующий объект:

ну теперь мы можем ответить юзеру!

отвечаем юзеру котировками пон

прежде чем мы допишем код для бота давай подумаем как форматировать цифры которые мы будем отображать юзеру, потому что числа в объекте с ценой и тд очень громоздкие (например,  122526.61682949228)

давай создадим файл utils.js и в нем напишем функцию форматирования наших чисел в более менее удобочитаемый вид:

const SMALL_NUMBER_DECIMALS = 4;

export const formatNumber = (number, decimals) =>
  parseFloat(
    number.toFixed(number < 10 ? SMALL_NUMBER_DECIMALS : decimals)
  ).toLocaleString('en-US');

внутри функции мы сначала приводим в порядок числа после запятой. если число меньше 10, нам нужно 4 (SMALL_NUMBER_DECIMALS) знака после запятой как минимум, если число больше, то приводим как будет указано при вызове функции

после того как мы привели в порядок числа после запятой, мы используем функцию parseFloat чтобы убрать лишние нули в конце, если они есть

(1.1).toFixed(5) // = "1.10000" Wtf?

и наконец, мы используем toLocaleString('en-US') чтобы жиэс добавил за нас запятые после каждого числового разряда

выглядит это так:

(1500).toLocaleString('en-US') // "1,500" good

теперь возвращаемся в index.js

импортируем обе наши функции (иначе мы не сможем получить к ним доступ из другого файла)

в самом верху после импорта node-telegram-bot-api пишем

import { getCoinData } from './api.js'
import { formatNumber } from './utils.js'

теперь мы можем продолжить дальше

if (isAmountValid) {
  const amount = parseFloat(strAmount);
  
  if (amount > 0) {
    const {
      name,
      usd: { price: usdPrice, percent_change_24h: usdPercentChange24h },
      rub: { price: rubPrice, percent_change_24h: rubPercentChange24h }
    } = await getCoinData(symbol);
    
    await bot.sendMessage(
      id,
      `${amount} ${name} (<code>${symbol.toUpperCase()}</code>):
<code>$ ${formatNumber(usdPrice * amount, 1)} | ${usdPercentChange24h.toFixed(2)%</code>
<code>₽ ${formatNumber(rubPrice * amount, 0)} | ${rubPercentChange24h.toFixed(2)}%</code>
      `,
      {
        parse_mode: 'HTML'
      }
    );
  }
}

прежде чем делать какие то конвертации, надо убедиться что юзер не ввел 0 eth или -1 eth

в связи с этим я добавил правило if (amount > 0) в код для того чтобы проверять что юзер вводит натуральное число

const {
  name,
  usd: { price: usdPrice, percent_change_24h: usdPercentChange24h },
  rub: { price: rubPrice, percent_change_24h: rubPercentChange24h }
} = await getCoinData(symbol);

здесь мы вызываем нашу функцию из api.js и передаем туда символ который ввел юзер, после чего деструктуризируем результат функции и получаем имя и рублевые/долларовые цены на данный момент + изменения цены за сутки

не забываем await иначе бот не дождется результата вызова API и возникнет ошибка

await bot.sendMessage(
  id,
  `${amount} ${name} (<code>${symbol.toUpperCase()}</code>):
<code>$ ${formatNumber(usdPrice * amount, 1)} | ${usdPercentChange24h.toFixed(2)%</code>
<code>₽ ${formatNumber(rubPrice * amount, 0)} | ${rubPercentChange24h.toFixed(2)}%</code>
  `,
  {
    parse_mode: 'HTML'
  }
);

и здесь мы наконец пишем ответ юзеру, используем нашу утилиту formatNumber, преобразовываем введеный юзером символ в капс методом toUpperCase() и прибираем порядок числа после запятой у процентных соотношений. все это мы уже с тобой прошли. естественно, не забываем указать parse_mode

тестируем!

все збс работает, но есть одно но. юзер может ввести не только не натуральное число, но еще и несуществующий символ типа запросто

если щас попробовать с ботом что то в духе 1 dolbaeb то хорошим ничем для него это не закончится

поэтому давай сделаем так что если пользователь вводит несуществующую монету то просто не будем ничего выводить. нам нужно добавить обработчик потенциальной ошибки в то место где мы запрашиваем данные о символе

if (amount > 0) {
  try {
    const {
      name,
      usd: { price: usdPrice, percent_change_24h: usdPercentChange24h },
      rub: { price: rubPrice, percent_change_24h: rubPercentChange24h }
    } = await getCoinData(symbol);
    
    await bot.sendMessage(
      id,
      `${amount} ${name} (<code>${symbol.toUpperCase()}</code>):
<code>$ ${formatNumber(usdPrice * amount, 1)} | ${usdPercentChange24h.toFixed(2)%</code>
<code>₽ ${formatNumber(rubPrice * amount, 0)} | ${rubPercentChange24h.toFixed(2)}%</code>
      `,
      {
        parse_mode: 'HTML'
      }
    );
  } catch (e) {
    console.error(e);
  }
}

используем try...catch конструкцию (подробнее про это читать тут) для того чтобы отловить ошибку в момент ее возникновения тем самым предотвратив падение бота. ошибка просто высветится в консоль

поздравляю! ты написал почти клона славы!

в целом бота можно даже добавить в свой чат, конечно же его надо будет подправить чтоб он не сьедал и не пытался конвертировать каждое попавшееся сообщение типа "20 бананов" или "я гей" в общем ты понял

мои большие поздравления если у тебя удалось все написать! 🎉

весь код доступен здесь -> https://file.io/LonWaVbNBHQ5

пишем бот агрегатор каналов

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

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

приступим!

получаем API ID и хэш

переходим на https://my.telegram.org и логинимся

жмем API Development tools

устанавливаем App title (название бота) и Short name (типа никнейм)

выше будут твой id и hash, ты будешь использовать их чтобы бот получил доступ к аккаунту

готовим окружение

в целом все то же самое как и с клоном славы, единственное что вместо node-telegram-bot-api мы установим telegram и input

yarn add telegram input

telegram — это сама библиотека gramjs

input — будет использоваться для того чтобы залогиниться в аккаунт, а точнее чтобы мы могли ввести номер, пароль, код для аутентификации

коннектим бота к аккаунту

в файле index.js прописываем:

import { TelegramClient } from 'telegram'
import { StringSession } from 'telegram/sessions/index.js'
import input from 'input'

const apiId = 666666; // сюда пишешь API ID
const apiHash = 'hash'; // сюда API hash
const stringSession = new StringSession(''); // это объясню ниже

(async () => {
  const client = new TelegramClient(stringSession, apiId, apiHash, {
    connectionRetries: 5
  });

  await client.start({
    phoneNumber: async () => await input.text('Введи номер телефона телеги: '),
    password: async () => await input.text('Введи пароль: '),
    phoneCode: async () => await input.text('Введи полученный код от телеги: '),
    onError: (err) => console.log(err)
  });
  console.log(client.session.save());
})();

начнем с того как мы инициализируем клиент

const client = new TelegramClient(stringSession, apiId, apiHash, {
  connectionRetries: 5
});

мы вызываем конструктор TelegramClient с аргументами сессии, API ID, API hash и объектом опций

немного выше я прописал переменную stringSession. она нам понадобится как только мы залогинимся для того чтобы вставить туда токен сессии, чтобы не логиниться каждый раз заново. переменная stringSession будет использоваться в инициализации клиента

теперь разберемся что дальше

await client.start({
  phoneNumber: async () => await input.text('Введи номер телефона телеги: '),
  password: async () => await input.text('Введи пароль: '),
  phoneCode: async () => await input.text('Введи полученный код от телеги: '),
  onError: (err) => console.log(err)
});

используя метод start мы можем законнектиться к аккаунту. метод start принимает объект свойств, а именно:

1. phoneNumber — номер телефона по которому логиниться
2. password — пароль от аккаунта
3. phoneCode — код который приходит на телефон (обычно в телеграм, можно сделать также код в смс)
4. onError — просто колбек чтобы повесить обработчик в случае если произошла ошибка

чтобы получить номер телефона, пароль и код уведомления мы используем библиотеку input чтобы мы могли вводить что то в консоль, то есть получать пользовательский ввод извне. также сразу бросается в глаза то, что перед input.text стоит await, что означает что скрипт должен ждать до тех пор пока юзер что то не введет

console.log(client.session.save());

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

запускай код, тебе будет предложено ввести номер телефона, вводи все данные, логинься. после успешного входа тебе выйдет сообщение что то типа "Signed in successfully", в телегу придет уведомление о новом логине и в девайсе можно будет увидеть название твоего бота

нас интересует строка которая отобразилась в консоли после всего, а именно длиннющая строка обозначающая токен сессии. копируй ее и вставляй в переменную stringSession следующим образом:

const stringSession = new StringSession('...token');

после чего мы можем убрать конструкцию с client.start и client.session.save и написать логику подключения проще, тк у нас есть уже токен сессии по которому мы можем входить в аккаунт

import { TelegramClient } from 'telegram'
import { StringSession } from 'telegram/sessions/index.js'

const apiId = 666666;
const apiHash = 'hash';
const stringSession = new StringSession('...token');

(async () => {
  const client = new TelegramClient(stringSession, apiId, apiHash, {
    connectionRetries: 5
  });

  await client.connect();
})();

и о чудо! мы изи коннектимся к акку и готовы теперь манипулировать канальчиками и постами

если у тебя возник вопрос откуда я взял эти функции, методы и тд, то этот пример можно свободно посмотреть в гитхабе библиотеки, в самом начале README, раздел How to get started, так что если что, читай внимательно и будь внимателен вообще — экономит время

получаем инфу о постах в канале

для того чтобы получить какую то инфу нужно покопаться в документации какой либо штуки, помнишь? почти у всех технических штучек есть документации, поэтому не стесняйся гуглить. гуглить — мастхев. старайся уменьшать усилия, мы живем в мире где в интернете есть почти все что ты хочешь написать!

листаем гитхаб gramjs ниже и видим раздел с документацией

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

правильный ответ — channels.GetMessages

если получилось — ты крут менчик! а если нет, то не парься, ведь все еще впереди, главное опыта набираться!

давай разберемся как работает метод channels.GetMessages

в доке мы видим что метод принимает свойство channel где будет находиться ник канала, а также массив id, в который мы будем класть ID сообщения, контент которого хотим получить

давай создадим тестовый канал, где будем делать посты, которые бот будет пересылать в другой канал

вместо нашего новосозданного канала позже мы будем парсить другие паблики

возвращаемся к методу channels.GetMessages, а точнее параметру id

прежде чем что то переслать, нам нужно получить айди сообщения. сделать это можно скопировав ссылку на сообщение, в моем примере ссылка будет выглядеть так: https://t.me/testruburibotchannel/3, где testruburibotchannel — ник паблика, 3 — айди последнего сообщения

давай попробуем получить контент поста, используя метод channels.GetMessages

import { Api, TelegramClient } from 'telegram' // импортируем Api
// ...код
const result = await client.invoke(
  new Api.channels.GetMessages({
    channel: 'testruburibotchannel',
    id: [3]
  })
);
console.log(result);

сначала импортируем модуль Api, там хранятся методы для работы с аккаунтом, затем вызываем метод GetMessages как описано в документации, только с измененными параметрами и выводим результат в консоль

выводится большой объект с сообщениями, юзерами, чатами, топиками (это для супергрупп, где есть треды и тд)

нас интересует только массив messages в котором мы видим текст, время и остальная инфа о первом посте

давай вытащим наше сообщение из массива messages

// ...код
const result = await client.invoke(
  new Api.channels.GetMessages({
    channel: 'testruburibotchannel',
    id: [3]
  })
);
const post = result.messages[0].message;
console.log(post);

супер! мы получили текст нужного нам поста!

пересылаем пост из канала в канал

давай создадим канал агрегатор, в моем случае это — https://t.me/aggregatorruburi

у бота (или аккаунта) обязательно должен быть доступ к постам в канале, иначе переслать сообщение не получится

ищем в документации gramjs что то связанное с forward message и находим следующий метод:

читаем пример и параметры. в целом все что нам нужно это параметры fromPeer, id, toPeer

в целом там есть много интересных параметров, советую почитать если интересно

пишем код для пересылки сообщения:

// ...код
await client.invoke(
  new Api.messages.ForwardMessages({
    fromPeer: 'testruburibotchannel',
    id: [3],
    toPeer: 'aggregatorruburi'
  })
);

запускаем бота, и вуаля:

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

настраиваем автоматическую пересылку из одного канала

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

помнишь, как мы копировали ссылку на сообщение? самый недавний пост был с айди 3, значит боту надо дать понять, что все посты начиная с 4 мы пересылаем

окей, тут разобрались

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

мысль следующая: мы можем проверять не пустой ли пост с id последнего поста + 1

то есть, если крайний пост был 3, боту надо проверять появился ли пост с id 4

давай попробуем написать код, который проверяет несуществующий пост с id 4 в нашем примере

const result = await client.invoke(
  new Api.channels.GetMessages({
    channel: 'testruburibotchannel',
    id: [4]
  })
);
console.log(result);

получаем следующий вывод в консоли и смотрим на массив messages, где хранятся полученные сообщения:

смотри, в массиве messages действительно есть сообщение, хотя его вроде по факту нет. но если посмотреть внимательнее, можно увидеть свойство className со значением MessageEmpty. так телега помечает пустые сообщения (а если сообщение пусто, значит его нет)

таким образом мы можем понять появился ли новый пост в канале!

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

setInterval(() => {
  console.log('RUBURI');
}, 1000);

const interval = setInterval(() => {
  console.log('RUBURI');
}, 1000);

setTimeout(() => {
  clearInterval(interval);
}, 10000);

давай условимся, что бот будет проверять новый пост в канале каждые 2 секунды

давай выведем текст в консоль, что появился новый пост, как только он появится

// ...код
let lastMessageId = 3;
setInterval(async () => {
  const result = await client.invoke(
    new Api.channels.GetMessages({
      channel: 'testruburibotchannel',
      id: [lastMessageId + 1]
    })
  );
  
  const message = result.messages[0];
  if (message.className !== 'MessageEmpty') {
    lastMessageId++;
    console.log('появился новый пост!');
  }
}, 2000);

все расписали как и хотели. проверяем не равно ли message.className строке MessageEmpty

запускаем код и постим что то в канал за которым следим:

а затем смотрим в консоль:

постим еще раз, смотрим еще раз, все работает! то что нужно!

теперь давай сделаем так чтобы пост пересылался каждый раз как он появлятеся в наш канал агрегатор

если ты писал новые посты, помни что нужно обновить lastMessageId с id крайнего поста чтобы все работало

// ...код
let lastMessageId = 5;
setInterval(async () => {
  const result = await client.invoke(
    new Api.channels.GetMessages({
      channel: 'testruburibotchannel',
      id: [lastMessageId + 1]
    })
  );
  
  const message = result.messages[0];
  if (message.className !== 'MessageEmpty') {
    lastMessageId++;
    await client.invoke(
      new Api.messages.ForwardMessages({
        fromPeer: 'testruburibotchannel',
        id: [lastMessageId],
        toPeer: 'aggregatorruburi'
      })
    );
  }
}, 2000);

запускаем, постим, смотрим

все кайфи работает йоу! бот успешно пересылает все новые посты из канала в агрегатор. но что если каналов не один, а два?

пересылаем посты из нескольких каналов

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

{
  "testruburibotchannel": 5,
  "kurilka": 1
}

то есть мы храним в ключе ник канала, а в значении — id крайнего поста в нем

в остальном логика абсолютно одинаковая, единственное что, в интервале нам нужно будет проходиться по всем каналам (по всем ключам в объекте) и чекать посты во всех каналах

прежде чем начнем писать код, создай второй канал. имей ввиду, что после создания нового канала, id первого поста будет 2, а не 1, так как сообщение Channel created тоже является своеобразным постом

ник второго канала в моем случае — @testruburos

теперь давай я напишу весь код заново с нововведениями, и объясню тебе непонятные моменты:

import { TelegramClient } from 'telegram'
import { StringSession } from 'telegram/sessions/index.js'

const apiId = 666666;
const apiHash = 'hash';
const stringSession = new StringSession('...token');

const AGGREGATOR_USERNAME = 'aggregatorruburi';
const db = {
  testruburibotchannel: 7,
  testruburos: 2
};

(async () => {
  const client = new TelegramClient(stringSession, apiId, apiHash, {
    connectionRetries: 5
  });

  await client.connect();
  setInterval(() => {
    Object.keys(db).forEach(async (channel) => {
      const lastMessageId = db[channel];
      const result = await client.invoke(
        new Api.channels.GetMessages({
          channel,
          id: [lastMessageId + 1]
        })
      );

      const message = result.messages[0];
      if (message.className !== 'MessageEmpty') {
        db[channel]++;
        await client.invoke(
          new Api.messages.ForwardMessages({
            fromPeer: channel,
            id: [lastMessageId + 1],
            toPeer: AGGREGATOR_USERNAME
          })
        );
      }
    });
  }, 2000);
})();

по сути это весь код для бота агрегатора, давай разбираться построчно

const AGGREGATOR_USERNAME = 'aggregatorruburi';

здесь я сохраняю в константу ник канала агрегатора для удобства

const db = {
  testruburibotchannel: 7,
  testruburos: 2
};

здесь я создаю нашу "базу данных", куда сохраняю каналы за которыми я хочу следить, и id их самых свежих постов

Object.keys(db).forEach(async (channel) => {

const obj = {
  a: 1,
  b: 2
};
console.log(Object.keys(obj));
// выведет ["a", "b"]

используя Object.keys в нашем кейсе, я получаю в массиве ники всех каналов за которыми мы следим, затем идет метод массивов forEach

const arr = ["a", "b"];
arr.forEach((value, index, array) => {
  console.log(symbol, index, array);
});
// выведет:
// a 0 ["a", "b"]
// b 1 ["a", "b"]

подытоживая этот кусочек кода, я получаю массив ников всех каналов за которыми мы следим, и прохожусь по каждому нику используя forEach

мне нужно проходиться по каждому нику, чтобы я проверил есть ли новое сообщение в том или ином канале

Object.keys(db).forEach(async (channel) => {
  const lastMessageId = db[channel];

получаем id крайнего сообщения каждого канала из базы данных и сохраняем его в переменную lastMessageId

в конструкции db[channel] вместо channel будет подставляться каждый ник из тех за которыми мы следим

const message = result.messages[0];
if (message.className !== 'MessageEmpty') {
  db[channel]++;
  await client.invoke(
    new Api.messages.ForwardMessages({
      fromPeer: channel,
      id: [lastMessageId + 1],
      toPeer: AGGREGATOR_USERNAME
    })
  );
}

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

db[channel]++

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

грац! вот так мы с тобой написали бота агрегатора!

если ты хочешь добавить больше каналов, просто добавляй ник канала и id крайнего сообщения в объект db и бот будет за ними следить

поздравляю! ты написал бот агрегатор каналов!

не ну ты ваще молорик йомайо!

весь код доступен здесь -> https://file.io/s3sIXxURRiHC

как сделать так, чтобы бот работал всегда?

для этой цели тебе понадобится дедик или VPS. суть в том, чтобы запустить бота на дедике — он будет работать всегда (только если дедик не упадет)

единственное, бота надо будет запустить фоном. для того чтобы запускать какие то скрипты фоном (чтобы они не закрывались при дисконнекте с сервера) нужна ютилита типа screen

заключение

спасибо за то что прочитал статью!

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

можно сказать что в эту статью я вложил также немного продолжения статьи по JS так как мы с тобой здесь разбирали больше различных концептов

я буду еще писать о разных технических штуках, так что подписывайся на рубури!

можешь не беспокоиться если чето не запомнилось, это нормально. не отступай и иди к цели. когда я учился я хотел бросить люто масштабно два раза... но не останавливался пон!!!!! я не остановился и ща работаю дворничком (шутка конечно мужики я во вкусно и точка)

ебашьте и все будет ахуенно

благодарности

спасибо тебе за прочтение, спасибо тем кто ставит реакции, подпищекам, рыжему, сс ресерч, моей девочке, френдли тагу 52 нгг и всем остальным кто пон мотивирует ебашить люто жоска

и удачи тебе в пути кодинга еба!

отзыв

если в каком то примере ошибка, или что то не получается вы всегда можете обратиться за вопросом в телегу к рубурику @rubyuroboros или написать прямо в комментариях

мой канал — https://t.me/ruburi

привет мой дорогой подпищек! 💙

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

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

за эти 3 месяца что я веду рубури дао я билдил и билжу свое видение в крипте, делюсь классным контентом с подпищеками и просто мы все хорошо проводим время в чатике. ничего особенного или выдающегося пока что не произошло, ключевое слово пока что, все еще впереди!

спасибо всем кто поддерживает, спасибо всем подпищекам рубури дао! плотный салам летит карочи

мое мнение о некст буллране

я постараюсь изложить все свои мысли о крипте, о рынке и так далее под этим заголовком

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

банк

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

как говорится, готовь сани летом и не прогадаешь

темки

на данный момент я рассматриваю следующие возможности поднять грина в крипте:

• нфт, флипы
• ретродропы
• ноды
• перспективные монеты
• команда
• продажа знаний ака приватки либо софт

нфт, флипы

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

ретродропы

кто то сказал ретродропы? — VALIX

валик гем если ты хочешь знать что то про ретродропы и это не реклама а личная рекомендация

ретродропы — гем, ведь пока кто то дегенит, мало кто хочет сжигать деньги на газ. и хоть в первые квесты оптимизма залетело больше 100к человек, с каждым последующим квестом их все меньше и меньше. мало людей кто делает ретродропы грамотно и с душой. размеры дропов — сами знаете

ноды

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

все достаточно просто, ты покупаешь дедик (сервер), ставишь туда ноду, запрашиваешь токены с крана и тд — вуаля, ты нодер!

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

а что там по секрету? знай, что поставить ноду по гайду и сидеть ждать наград — не всегда достаточно. я бы даже сказал не часто. тебе нужно мониторить соцсети проекта, не проебывать различные квесты, плюшки, формы, обновления и так далее

формы? формы это гем. ведь кто не заполнил форму в аптос не получил дроп, не так ли?

например в космофорках (происходящих на основе cosmos) есть активный сет валидаторов. это список нод которые 100% валидируют транзакции, участвуют в сети. а представь теперь что ты просто поставил ноду, вроде бы создал валидатора, но он неактивен. как думаешь, скольким проектам из 10 будет резон дропать тем кто просто смотрел на то как работает блокчейн? особенно если участников десятки, сотни тысяч? пища для мозга

перспективные монеты

все еще проще. делаешь ресерч, покупаешь монету, следишь, и если ты попал в точку то год-два-три и пришли неплохие иксы. но все же по моему мнению лучше залетать в ранние активности новых проектов (например тестнеты) и получать монеты таким образом, нежели чем покупать их напрямую

команда

ты не сможешь хэндлить кучу дел в крипте. для этого нужна будет команда. безусловно, для команды нужны деньги. хоть какие то финансы. поэтому это темка для тех у кого есть более менее какой то банк. с помощью команды, в которой, например, есть артеры ты можешь лутать влы в различные проекты. если у тебя есть копирайтер, загоняй писать его треды в твиттер либо какие то интересные статьи (привет OpenAI)

нанимай людей чтобы загоняли акки в рафлы, преминты и так далее. это гем возможность. пытаться удержать все яйца в корзине соло = рект + выгорание

продажа знаний ака приватка ака софт

если ты прогер то можно делать софт и продавать его

если ты крутой криптан то кроме всех активностей можно продавать свои знания через приватку

все просто

мои планы / предикты / мувы в крипте

нфт

на данный момент я холжу Applied Primate Scientist Keycard и 1 Kubz

это два основных проекта (+ YogaPetz) на которые я буду делать упор в ближайший квартал

я планирую докупить еще 2 Kubz чтобы получить вл в YogaPetz

тем самым на основе этого мое портфолио ближе к концу весны будет выглядеть так:

• 3 Kubz + возможно кучка сундуков (relics)
• 1 YogaPetz
• 1 Applied Primate Scientist Keycard

на данный момент фп кубз в районе 0.7-0.75e, карта получила неплохой буст в цене в последние дни (+40%) и ее фп составляет около 0.7e без трейтов

ноды

холжу 50 серверов с различными нодами. из интересного на данный момент — Ironfish, Shardeum, Exorde, Nibiru (но глим уже заполнили >10k человек, пока подумываю насчет этого)

остальное стоит в ожидании инсентив фаз и форм

ретродропы

планирую крутить все ретродропы которые валик любезно публикует в свой паблик

команда

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

продажа знаний ака приватка ака софт

у меня нет планов делать приваток, есть планы продавать софт офк

психология / отдых

основной двигатель прогресса — стабильность, дисциплина. если в один день тобой движет невероятная мотивация а на следующий день ты высохший, либо ты засыпаешь с крутыми мыслями а просыпаешься с не очень, пора поменять зону комфорта, поменять привычки. попробуй отказаться от вредных привычек, попробуй внести новые и полезные. если ты не ходишь в зал — попробуй. казалось бы это так очевидно — "зона комфорта", но сколько же действительно меняется вокруг тебя когда меняешься ты. иногда высасывать энергию могут люди, и вместо того чтобы в очередной раз проебланить час времени на катку в доте, сядь и поразмышляй о своей жизни. о прошлом, о настоящем и о будущем. вот просто проскролль все моменты в своей жизни, проанализируй людей вокруг себя. насколько они для тебя полезны, насколько ты правильно поступал в тех или иных ситуациях, почему ты фомоебил, почему упускал, а в том или ином моменте почему все делал вовремя. часто ответ находится внутри нас самих. все вышесказанное можно подытожить одним словом — медитация

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

мантра / благодарность

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

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

заключение

спасибо тебе за прочтение этой статьи. в этот раз получился душевный разговор от души душевно в душу 💙

надеюсь ты почерпнул для себя что то полезное или интересное, увидимся в следующей статье!

мой канал — https://t.me/ruburi

привет другалек! наконец у меня дошли руки написать статью по селениуму. как большинство просило - показать использование селены на реальном примере! бери чипсики чаек плюшки печеньки там шо кушаешь и лфг читать!

приступим!

что такое селениум и для чего его юзать

если обьяснять коротко - селениум это инструмент для того чтобы ты мог абузить какую то хуйню или перефразируя автоматизировать дефолт рутинные действия в браузере на кучу акков в любых количествах

с помощью селениума можно абузить формы, преминты, в общем бля все что можно делать в браузере дефолт юзеру можно делать с селениумом (ну или почти все)

подготавливаем среду обитания нашего скрипта

ты уже должен быть знаком с тем что такое редактор, жиэс и так далее. если ты не знаком прошу любить и жаловать — сюда

убедись что у тебя установлен nodejs и npm (с nodejs автоматически поставляется и npm)

и если у тебя все еще нет пакет менеджера yarn то установи его

npm i -g yarn

открывай любимый редактор, открывай терминал и директорию с проектом, затем вводи в терминал:

yarn init -y
yarn add selenium-webdriver webdriver-manager

и создаем файлик index.js

и вписываем туда базовую базу:

const { Builder } = require('selenium-webdriver')

const driver = new Builder().forBrowser('chrome').build()
;(async () => {
  await driver.get('https://google.com/ncr')
})()

запускаем скриптик node index.js

и у нас открывается браузер с гуглом — ахуенно

базовые базы селениума

щас не будет сходу абуз какого то проекта, давай поиграемся с гуглом

например ты хочешь чтобы бот вводил за тебя в гугле "заряд от ахмеда расулова" и нажимал поиск

давай попробуем это сделать и разберемся с тем как работать с селеной

чтобы ввести какой то текст, надо найти элемент в DOM

как найти элемент в DOM?

все просто. жмешь правой кнопкой мыши по желаемому элементу и нажимаешь "Просмотреть код" (это на маке, на винде может быть типа просмотреть код элемента и тд)

после того как ты нажал на нужный пункт открывается следующая ебанина

имей ввиду что имбовее всего искать элементы юзая консоль хром браузера (не оперы или не дай бог амиго)

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

для того чтобы ты мог ввести какой то текст в элемент тебе нужно искать именно элемент input и никакой другой (ну разве что textarea, или кастомизированные div в которые можно вводить текст, такие есть у твиттера, но пока не вдавайся в подробности о них)

я нашел инпут, как заставить бездушную машину ввести текст в него?

окей это круто ты нашел инпут, теперь нам нужно получить указатель на этот элемент в дереве DOM. сделать это можно кликнув правой кнопкой по элементу в консоли и выбрав Copy -> Copy selector

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

const { Builder, By } = require('selenium-webdriver')

const driver = new Builder().forBrowser('chrome').build()
;(async () => {
  await driver.get('https://google.com/ncr')
  const searchInput = await driver.findElement(
    By.css(
      'body > div.L3eUgb > div.o3j99.ikrT4e.om7nvf > form > div:nth-child(1) > div.A8SBwf > div.RNNXgb > div > div.a4bIc > input'
    )
  )
  await searchInput.sendKeys('заряд от ахмеда расулова')
})()

для того чтобы найти какой либо элемент в селениуме мы используем метод findElement у driver. в качестве аргумента мы должны указать путь до элемента. в данном случае мы ищем элемент по селектору (Copy selector). также можно найти элемент по XPath, classname, id, названию тега, тексту ссылки и тд

чтобы указать путь до элемента используя селектор мы вызываем метод css у класса By который помогает нам строить пути до элементов

метод By.css помогает найти элемент используя селектор, в качестве аргумента передаем непосредственно сам селектор

вот мы нашли элемент, сохранили его в переменную, теперь давай сделаем так чтобы бот написал туда текст, а здесь мы будем использовать метод sendKeys у найденного элемента, в качестве аргумента передаем текст который мы хотим ввести

запускаем скрипт, тестируем и вуаля

ну, тут осталось только нажать поиск!

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

чтобы нажать ентер после того как мы ввели текст в инпуте мы просто добавляем

await searchInput.sendKeys('заряд от ахмеда расулова', Key.RETURN)

Key.RETURN вторым аргументом и все готово! не забудь только добавить класс Key в импорте селениума

const { Builder, By, Key } = require('selenium-webdriver')

запустив скрипт ты увидишь что поиск пошел!

ну и закончим раздел базовых баз тем что мы кликнем на первую попавшуюся ссылку. тут мы будем задействовать клик следственно алгоритм такой:

лфг!

нам нужна первая ссылка, соответственно нажимаем правой кнопкой по первой ссылке и идем искать нужный элемент

в дереве дом мы видим элементом выше тег a который отвечает за ссылку в html. в целом нам нужна ссылка, но мы можем кликнуть также на дочерние элементы (элементы которые входят в тег a, то есть ссылки на которую мы хотим кликнуть)

проделываем те же действия

;(async () => {
  ...code
  
  const firstLink = await driver.findElement(
    By.css(
      '#rso > div:nth-child(1) > div > div > div.Z26q7c.UK95Uc.jGGQ5e > div > a > h3'
    )
  )
  await firstLink.click()
})()

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

маскируем нашу селену

ddos guard выше скорее всего оттого что ты юзаешь прокси из датацентра (не резидент) или проще говоря хуевое прокси. соответственно нам нужно подключить не палевное прокси

для того чтобы нам замаскировать каждый вход/сессию в селене нам нужно периодически менять user agent, proxy, выключить опции которые определяют наш браузер как автоматизированное по, сменить платформу (win/mac/linux), отключить детект WebRTC и тд

const PROXY = {
  host: 'zaryadotahmedarassulova.com', // proxy host
  port: 1337, // proxy port
  username: 'ahmedrassulov', // proxy username (если прокси приват)
  password: 'zaryad228' // proxy password
}

const getProxyConfig = (host, port) => {
  mode: 'fixed_servers',
  rules: {
    singleProxy: {
      scheme: 'http',
      host,
      port
    },
    bypassList: ['localhost'] // не стучим с прокси в локалхост
  }
}

chrome.proxy.settings.set({
  value: getProxyConfig(PROXY.host, PROXY.port),
  scope: 'regular'
}, () => {})

chrome.webRequest.onAuthRequired.addListener(
  () => ({
    authCredentials: {
      username: PROXY.username,
      password: PROXY.password
    }
  }),
  { urls: ['<all_urls>'] },
  ['blocking']
)

{
  "version": "1.0.0",
  "manifest_version": 2,
  "name": "Chrome Proxy",
  "permissions": [
    "proxy",
    "tabs",
    "unlimitedStorage",
    "storage",
    "<all_urls>",
    "webRequest",
    "webRequestBlocking"
  ],
  "background": {
    "scripts": ["background.js"]
  },
  "minimum_chrome_version": "22.0.0"
}

после чего сжимаем в zip файл эти два файла и переименовываем в proxy.zip

расширение с прокси готово

yarn add fake-useragent

теперь код

пишем код для маскировки селены (нинзя пон тип 🥷)

const { Builder, Capabilities } = require('selenium-webdriver')
const { Options } = require('selenium-webdriver/chrome')
const fakeUseragent = require('fake-useragent')

// сетапаем наши новые опции
const options = new Options()
  // маскируемся под человека отключая режим автоматизации в хроме
  .excludeSwitches('enable-automation')
  .addArguments(
    'disable-popup-blocking', // отключаем блок попапов
    'disable-notifications', // отключаем уведомления
    'no-sandbox', // отключаем "песочницу"
    `user-agent=${fakeUseragent()}`, // меняем user agent,
    'start-maximized' // запускаем браузер в фулл экране
  )
  // добавляем наши расширения
  .addExtensions(['proxy.zip', 'webrtc-control.zip'])
    
const capabilities = Capabilities().chrome()
  // отключаем возможность устанавливать automation расширения
  // типа CaptureScreenshot и тд
  .set('useAutomationExtension', false)

const driver = await new Builder()
  .forBrowser('chrome')
  .setChromeOptions(options) // < добавляем
  .withCapabilities(capabilities) // < добавляем
  .build()
;(async () => {
  await driver.get('https://whatismyip.com') // тестим ip
})()

вот так ты замаскировал селену!

пробуем запускать весь код теперь:

const { Builder, Capabilities, By, Key } = require('selenium-webdriver')
const { Options } = require('selenium-webdriver/chrome')
const fakeUseragent = require('fake-useragent')

// сетапаем наши новые опции
const options = new Options()
  // маскируемся под человека отключая режим автоматизации в хроме
  .excludeSwitches('enable-automation')
  .addArguments(
    'disable-popup-blocking', // отключаем блок попапов
    'disable-notifications', // отключаем уведомления
    'no-sandbox', // отключаем "песочницу"
    `user-agent=${fakeUseragent()}`, // меняем user agent,
    'start-maximized' // запускаем браузер в фулл экране
  )
  // добавляем наши расширения
  .addExtensions(['proxy.zip', 'webrtc-control.zip'])
    
const capabilities = Capabilities().chrome()
  // отключаем возможность устанавливать automation расширения
  // типа CaptureScreenshot и тд
  .set('useAutomationExtension', false)

const driver = new Builder()
  .forBrowser('chrome')
  .setChromeOptions(options) // < добавляем
  .withCapabilities(capabilities) // < добавляем
  .build()
;(async () => {
  const searchInput = await driver.findElement(
    By.css(
      'body > div.L3eUgb > div.o3j99.ikrT4e.om7nvf > form > div:nth-child(1) > div.A8SBwf > div.RNNXgb > div > div.a4bIc > input'
    )
  )
  await searchInput.sendKeys('заряд от ахмеда расулова', Key.RETURN)

  const firstLink = await driver.findElement(
    By.css(
      '#rso > div:nth-child(1) > div > div > div.Z26q7c.UK95Uc.jGGQ5e > div > a > h3'
    )
  )
  await firstLink.click()
})()

const options = new Options()
  .setUserPreferences({
    'intl.accept_languages': 'es,es-ES' // испанский
  })

абузим хуйню?

наша цель — вайтлист в obligate

ты можешь быстренько пройтись по флоу join waitlist и ты увидишь что там форма где надо что то вводить, что то тыкать, и там где вводишь — жать ентер после ввода (мы уже с тобой это изучали). в конце есть кнопка сабмит которую просто тыкаем и мы заджойнились в вайтлист. чем не лфг? флоу выглядит просто

давай автоматизируем действия для одного акка — Ahmed Rassulov

для упрощения я не буду переписывать весь код который был до этого

для начала тебе надо перейти на сайт и нажать на кнопку Join waitlist, ты уже знаешь как найти ее, соответственно пишем:

await driver.get('https://obligate.com')
const joinWaitlistButton = await driver.findElement(
  By.css(
    'body > div.hero.wf-section > div.html-embed.w-embed.w-iframe.w-script > a'
  )
)
await joinWaitlistButton.click()

после этого начинается загрузка формы

прикол в том что нам нужно ждать. кто знает сколько ждать? в целом есть два пути — императивный и декларативный. можно сказать грубый и элегантный. но элегантный путь не всегда работает. в селенимуе можно ждать до тех пор пока элемент появится в зоне видимости (учитывая то что он уже есть в DOM):

await driver.wait(until.elementIsVisible(el))

код выше будет ждать пока элемент не появится в поле видимости "юзера"

императивный путь гласит так: мы ждем определенное количество секунд пока прогрузится форма. я так подсчитал что 15 секунд хватает для того чтобы форма прогрузилась (если конечно же у тебя не зафейлится прокси). так как заставить браузер ничего не делать 15 секунд?

await driver.sleep(15000) // ждет 15000 мс = 15 сек

вот это кайф, продолжаем

казалось бы все просто? ща ищем инпут, и просто юзаем sendKeys.. казалось бы

дело в том что так сделать не получится потому что прежде тебе нужно переключиться на нужный iframe

как определить что элемент находится внутри iframe?

показываю на примере

листаем выше пока не находим такую замечательную конструкцию

await driver.switchTo().frame(0) // в нашем случае индекс iframe = 0

заполним мыло, нажмем кнопку ентер и подождем секунду:

const emailInput = await driver.findElement(
  By.css(
    '#block-dbda6309-71fd-49f4-83b0-a8486f031018 > div > div > div.Root-sc-__sc-1esu8nk-2.beLakw > div > div > div > div > div.SpacerWrapper-sc-__sc-4rs8xl-0.kOpjPh > div.InputWrapper-sc-__sc-26uh88-1.iLBPjJ > input'
  )
)
await emailInput.sendKeys('ahmed_rassulov@mail.ru', Key.RETURN)
await driver.sleep(1000) // 1000 мс = 1 секунда

затем нажмем кнопочку о том что мы простолюдин, а не компания:

const individualButton = await driver.findElement(
  By.xpath(
    '//*[@id="block-3ab48cdb-19d6-4eb7-a953-2eb72c9864be"]/div/div/div[2]/div/div/div/fieldset/div[2]/div/div[1]/div/div/div[1]/div/div/div[2]/div'
  )
)
await individualButton.click()
await driver.sleep(1000)

если ты заметил здесь я ищу элемент по XPath. это просто демонстрация того что ты можешь получать элемент по XPath (выбирая Copy XPath вместо Copy selector в меню элемента в консоли)

в целом дальше флоу абсолютно понятен и идентичен. в конце ты просто жмешь кнопку Submit и вуаля, Ахмед Рассулов заполнил форму

я прибрался в коде, полную имплементацию можно скачать здесь

не забудь запустить yarn install до запуска кода чтоб подтянуть нужные зависимости

заключение

спасибо за то что прочитал мою статью мужичок/девчонка! схватил приподнял обнял до хруста отпустил 💛

я думаю у этой статьи, как и в случае статьи с соланой будет продолжение. в продолжении я научу тебя загонять кучу мыл, создавать логи по успешным абузам/зафейленным абузам, чтобы ты мог наблюдать и анализировать сколько акков загнал и скок не загнал и тд. в общем сделаю по красоте для тебя любимый читатель!

я буду еще писать о концептах селены более подробно и емко, так что подписывайся на рубури!

можешь не беспокоиться если чето не запомнилось, это нормально. не отступай и иди к цели. когда я учился я хотел бросить люто масштабно два раза... но не останавливался пон!!!!! я не остановился и ща работаю дворничком (шутка конечно мужики я во вкусно и точка)

ебашьте и все будет ахуенно

благодарности

спасибо тебе за прочтение, спасибо тем кто ставит реакции, подпищекам, рыжему, сс ресерч, моей девочке, френдли тагу 52 нгг и всем остальным кто пон мотивирует ебашить люто жоска

и удачи тебе в пути кодинга еба!

отзыв

если в каком то примере ошибка, или что то не получается вы всегда можете обратиться за вопросом в телегу к рубурику @rubyuroboros

мой канал — https://t.me/ruburi

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

если ты давно хотел понять как же сука с соланой играться юзая джс то эта статья для тебя! у соланы есть кукбук так шо если у тебя возникнут вопросы ты всегда можешь обратиться к кукбуку либо к рубурику. практически все шо есть в статье есть в кукбуке — здесь я просто разжую основные концепты

подготавливаем среду разработки

если у тебя все еще нет nodejs (проказник) скачай его тут

если у тебя не установлен yarn — установи его следующей командой в терминале

npm i -g yarn

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

теперь давай установим нужные пакеты и модули для работы с соланой используя команды:

yarn init -y
yarn add bip39 bs58 @solana/web3.js @solana/spl-token

создавай файлик index.js

и наконец в файлике package.json прописываем type: "module" как на скрине

коннектимся к рпс

здесь нам нужна рпс ноды соланы. достать можно в alchemy

но есть и паблик нода:

https://solana-mainnet.g.alchemy.com/v2/QY6qW6UrMVDw8DINgQLqyDZJgAOdJOt2

а теперь лфг писать код

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

import { Connection } from "@solana/web3.js";

(async () => {
  const connection = new Connection(
    "https://solana-mainnet.g.alchemy.com/v2/QY6qW6UrMVDw8DINgQLqyDZJgAOdJOt2",
    "confirmed"
  );
  console.log(await connection.getEpochInfo());
})();

затем запускаем код командой

node index

после этого у тебя в консоли должна отобразиться инфа о текущей эпохе епта

поздравляю! ты законнектился к ноде

учимся работать с кошаками

после того как мы законектились к ноде мы можем работать с чейном! но к сведению -- для создания коша сам коннект к ноде нам не нужен

как сгенерировать мнемонику

ты можешь сгенерировать новую мнемонику а соответственно новый кошелек используя bip39

import { generateMnemonic } from 'bip39';
const mnemonic = generateMnemonic();
console.log(mnemonic);

запустив этот код твоим глазам предстанет новая мнемоника! погнали дальше

как восстановить кош по мнемонике

для того чтобы восстановить кош по мнемонике нам нужно конвертнуть мнемонику в сид, а затем создать новую пару ключей (приватный и паблик ключ). так мы и получим наш восстановленный кошелек

import { Keypair } from '@solana/web3.js';
import { mnemonicToSeedSync } from 'bip39';

const mnemonic = 'ruburi dao ebashit'; // тут твоя мнемоника
const seed = mnemonicToSeedSync(mnemonic);
const keypair = Keypair.fromSeed(seed.subarray(0, 32));
console.log(keypair.publicKey.toBase58());

так ты получишь в консоли адрес своего коша

как восстановить кош по приватнику

все просто

import { Keypair } from '@solana/web3.js';

const keypair = Keypair.fromSecretKey(bs58.decode('xuipizda')); // вместо `xuipizda` твой приватник
console.log(keypair.publicKey.toBase58());

как подписать сообщение используя кош

для подписьки сообщений нам пригодятся еще два модуля:

yarn add tweetnacl tweetnacl-util

и мы good to go!

подписываем сообщение уже существующей парой ключей:

import { sign } from 'tweetnacl';
import { decodeUTF8 } from 'tweetnacl-util';

const keypair = ...
  
const message = 'ТЫ ЛУЧШИЙ! СПАСИБО ЗА ТО ЧТО ЧИТАЕШЬ СТАТЬЮ;)';
// превращаем нашу строчку в большие буфера (байты проще говоря)
const messageBytes = decodeUTF8(message);
  
const signature = sign.detached(messageBytes, keypair.secretKey);
const result = sign.detached.verify(
  messageBytes,
  signature,
  keypair.publicKey.toBytes()
);

// наше подписанное сообщение
console.log(result);

получаем баланс и нфт кошеля

получить баланс любого адреса можно используя конекшен к ноде. вспоминаем про наш коннект

import { Connection, LAMPORTS_PER_SOL } from "@solana/web3.js";

(async () => {
  const connection = new Connection(
    "https://solana-mainnet.g.alchemy.com/v2/QY6qW6UrMVDw8DINgQLqyDZJgAOdJOt2",
    "confirmed"
  );

  // получим баланс дегодс енджоера в лампортах
  const lamportBalance = await connection.getBalance(
    '5KrLikZiv39RNuz66azZqtHSoEiUHCa6oDWyMq64XSmh'
  );
  // конвертируем его в солану (поделив на количество лампортов в 1 соли)
  const solBalance = lamportBalance / LAMPORTS_PER_SOL;
  // отображаем
  console.log(`${solBalance} SOL`);
})();

так мы с тобой получили баланс дегодс енджоера. а шо по нфт?

для того чтобы получить нфт нам нужно преобразовать адрес аккаунта в паблик ключ. как это сделать? а вот как

import { Connection, PublicKey } from "@solana/web3.js";
import { TOKEN_PROGRAM_ID } from '@solana/spl-token'; 

(async () => {
  const connection = new Connection(
    "https://solana-mainnet.g.alchemy.com/v2/QY6qW6UrMVDw8DINgQLqyDZJgAOdJOt2",
    "confirmed"
  );

  const owner = new PublicKey('5KrLikZiv39RNuz66azZqtHSoEiUHCa6oDWyMq64XSmh');
  const { value: tokenAccounts }  = await connection.getParsedTokenAccountsByOwner(owner, {
    programId: TOKEN_PROGRAM_ID,
  });
})();

tokenAccounts — это список всех токенов аккаунта (в общем всего что не соль). это может быть нфт или любой другой токен. возникнет вопрос как отличить нфт от какого то щитка? все токены можно отфильтровывать по минт адресу. в массиве tokenAccounts можно получить минт адрес токена, сколько токенов на аккаунте и decimals (количество знаков после запятой у токена по дефолту, как у эфира допустим 18, тк 1 eth = 10**18 wei)

отличить более менее норм токен от щитка можно через @solana/spl-token-registry

щитки в моем понимании это токены без иконки, имени и тд. но насколько мне известно в регистри не записываются нфт типа дегодс. они обычно не состоят в регистри

давайте найдем дегодса #9382 у челика выше

import { Connection, PublicKey } from "@solana/web3.js";
import { TOKEN_PROGRAM_ID } from '@solana/spl-token'; 

(async () => {
  const connection = new Connection(
    "https://solana-mainnet.g.alchemy.com/v2/QY6qW6UrMVDw8DINgQLqyDZJgAOdJOt2",
    "confirmed"
  );

  const owner = new PublicKey('5KrLikZiv39RNuz66azZqtHSoEiUHCa6oDWyMq64XSmh');
  const { value: tokenAccounts }  = await connection.getParsedTokenAccountsByOwner(owner, {
    programId: TOKEN_PROGRAM_ID,
    mint: new PublicKey('qzHFrK32hhWQuPkaFSKKVwbuqWMB2qUK8cbHVZHKvy2')
  });
  if (tokenAccounts.length > 0) {
    const degod = tokenAccounts[0];
    console.log(degod.account.data.parsed.info.tokenAmount.amount);
  }
})();

выведет нам 1 (если конечно чел не продал все еще его). давай немного разберем код. мы ищем в tokenAccounts тот токен чей минт адрес совпадает с минт адресом DeGod #9382

ты можешь отфильтровать токены если ты ищешь определенный токен по минт адресу с помощью свойства mint в методе getParsedTokenAccountsByOwner

на выходе мы получаем массив, проверяем что дегодс на месте и выводим количество дегодсов (в данном случае 1)

как отправлять соляну и нфт на другие коши

как отправлять соляну

import {
  Connection,
  Transaction,
  SystemProgram,
  sendAndConfirmTransaction,
  PublicKey
} from "@solana/web3.js";

(async () => {
  const connection = new Connection(
    "https://solana-mainnet.g.alchemy.com/v2/QY6qW6UrMVDw8DINgQLqyDZJgAOdJOt2",
    "confirmed"
  );

  // keypair откуда отправляем
  const fromKeypair = ...
  
  // 1 - получаем хэш последнего блока в сети
  const blockhash = (await connection.getLatestBlockhash('finalized')).blockhash;
  // 2 - создаем транзу
  const transferTransaction = new Transaction({
    // здесь можно указать адрес который платит комсу, нужен именно паблик ключ
    // feePayer: fromKeypair.publicKey
    blockhash
  }).add(
    SystemProgram.transfer({
      fromPubKey: fromKeypair.publicKey,
      // publicKey кому мы отправляем солану (адрес вместо `wassup`)
      toPubKey: new PublicKey('wassup'),
      lamports: 100000000 // количество в лампортах (!)
    })
  );
  // 3 - подписываем и отправляем транзу
  await sendAndConfirmTransaction(connection, transferTransaction, [fromKeypair]);
})();

этого достаточно для того чтобы отправить соль на другой адрес. тебе нужно будет иметь keypair кошелька откуда ты отправляешь соль и публичный ключ аккаунта куда ты отправляешь

как отправить токен (нфт)

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

проверить создан ли у тебя токен аккаунт под определенный токен можно лишь вызвав getParsedTokenAccountsByOwner из предыдущей секции и получив существующие у тебя токен аккаунты на коше

 import {
  Connection,
  transferChecked,
  PublicKey,
  Keypair
} from "@solana/web3.js";
import { TOKEN_PROGRAM_ID } from '@solana/spl-token';
import { mnemonicToSeedSync } from 'bip39'; 

(async () => {
  const connection = new Connection(
    "https://solana-mainnet.g.alchemy.com/v2/QY6qW6UrMVDw8DINgQLqyDZJgAOdJOt2",
    "confirmed"
  );

  const mnemonic = 'ruburi dao ebashit'; // тут твоя мнемоника окда
  const seed = mnemonicToSeedSync(mnemonic);
  // keypair откуда отправляем нфт
  const owner = Keypair.fromSeed(seed.subarray(0, 32));
  const fromTokenAccount = new PublicKey('lolkek');
  const mintAddress = 'sosopaviashvilidao'
  const toTokenAccount = newPublicKey('scammer');
  const amount = 1, decimals = 1;
  
  const txHash = await transferChecked(
    connection, // наш коннкешен
    owner, // keypair кто платит комсу
    fromTokenAccount, // publicKey адреса токен аккаунта откуда отправляем
    mintAddress, // publicKey минт адреса отправляемого токена
    toTokenAccount, // publicKey адреса токен аккаунта куда отправляем
    owner, // keypair кошеля овнера токена
    amount, // количество токенов
    decimals // числа после запятых (можно получить в инфе из tokenAccounts)
  );
})();

создаем токен аккаунт если у коша его нет

import { ..., PublicKey, createAssociatedTokenAccount } from '@solana/web3.js';

(async () => {
  ...code
  
  const mint = new PublicKey('bulshitmintaddress');
  const ata = await createAssociatedTokenAccount(
    connection, // наш коннекшен
    feePayer, // keypair кто платит комсу
    mint, // publicKey (!) минт адреса
    owner.publicKey // publicKey (!) владельца нового токен аккаунта
  );
  console.log(ata.toBase58()); // выводим адрес нового токен аккаунта
})();

адрес нового токен аккаунта как раз таки и будет нужен тебе для отправки нужного токена, только не запутайся где publicKey а где keypair!

new PublicKey('ADDRESS')

заключение

вот в принципе все шо я хотел тебе сегодня рассказать и показать о солане на javascript!

скоро будет статья также по солане как создавать свой токен и минтить его, сжигать, как создавать candy machine, как туда вносить свои нфт и как минтить нфт через candy machine id. в общем будет оч оч гемно нахуй

я буду еще писать о концептах js более подробно и емко, так что подписывайся на рубури дао!

можешь не беспокоиться если чето не запомнилось, это нормально. не отступай и иди к цели. когда я учился я хотел бросить люто масштабно два раза... но не останавливался пон!!!!! я не остановился и ща работаю дворничком (шутка конечно мужики я во вкусно и точка)

ебашьте и все будет ахуенно

благодарности

спасибо тебе за прочтение, спасибо тем кто ставит реакции, подпищекам, рыжему, сс ресерч, моей девочке, френдли тагу 52 нгг и всем остальным кто пон мотивирует ебашить люто жоска

и удачи тебе в пути кодинга еба!

отзыв

если в каком то примере ошибка, или что то не получается вы всегда можете обратиться за вопросом в телегу к рубурику @rubyuroboros

мой канал — https://t.me/ruburi

привет друк!

сегодня мы с тобой продолжаем путешествие в мире кодинга пон! начинали мы со вступительной статеечки основ жиэса и отображения балика в эфире на своем сайте, а щас я оставлю здесь сколько смогу ресурсов для изучения жиэс (не то чтобы соберу солянку из ресурсов, оставлю именно те по которым я учился и которые мне дали знания которые щас уменя есть). в том числе книжки какие то оставлю

лфгггггг 🩸🪓

предисловие

я не претендую на звание суперпрепода или чела который 100% обладает всегда актуальной инфой в этом. в этой статье ресурсы по которым я когда то учился и которые по сей день не потеряли актуальности. ресурсы могут быть древними (но когда я изучал хтмл по хтмлбуку, он еще тогда считался древним и ничего)

еще важно:

пожалуйста, не лезь ни в какие курсы нетологий, гикбрейнсов, яндексов, хтмлакадеми и так далее (я про снг сегмент в целом). да, тебя чему то научат (не факт), но это не стоит 15000, 30000, 45000 и тд. по окончанию тебе дадут никому на хуй ненужный на рынке сертификат. даже корочка из шараги и то будет больше тя красить на собесе каком нибудь. ну баля 90% короче этих курсов полная хуйня

лучше вложи эти деньги в себя, в темки. если ты не можешь никак без курсов — freecodecamp, udemy, coursera, khan academy, в общем бери зарубежное (там даже много бесплатного)

HTML

htmlbook — древний сайт но оч полезный для того чтобы посмотреть какие теги есть в хтмл вообще и изучить каждый (в свое время я читал про абсолютно все теги что там есть, полезно)

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

разве что книги не всегда стоит читать, они гигантские, сухие, неинтересные. лучше бери любые видосы на ютубе, можешь даже взять хауди хо изучаем html за час пон (хауди хо это если что легенда инфобизнеса который учит питону за час , есть еще такой гений гоша дударь, но не будем отвлекаться)

CSS

также как и с хтмл, пооставляю не очень (очень) древних ресурсов где обьясняется css

база — mdn, htmlbook, html5css

можешь также смотреть видосы рандом инфу короче, лишнего ничего нет, кроме одного

наверняка в одном из древних ресурсов ты наткнешься на свойство float

изучи его, но не юзай для расположения блоков на странице! для этого изучи flex (флексим жоскии) и grid

после изучения основных основ можешь просто заходить сюда и смотреть все свойства которые есть (там их много, но why not, тоже будет ультраполезно)

JS

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

JavaScript roadmap — гем гемов правда на английском (я фанат роадмапов)

https://learn.javascript.ru/ — просто баля Saint Грааль пон ру туториалов. это просто гемчик который ебет жестко, кроме этого тебе больше ничего не надо пон (ну там реально дают понять что такое жаваскрипт от и до, изучив все ты спокойно сможешь отвечать на любые вопросы по жаваскрипту на собесах даже на высоком уровне)

TypeScript

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

jscamp — прикольный ресурс на русском в приятном цвете

metanit — древний ресурс по которому я изучал ts, может кому зайдет

typescript tutorial — ресурс на английском

книги

я не сильный фанат книг но книги которые я перечисляю ниже я читал и мне понравилось

после того как ты изучишь js (не ts) из сурсов выше

Выразительный JavaScript от Marijn Haverbeke — мастхев штука после которой я взорвал себе мозг и сильно бустанул свои знания в жиэсе. проверенных сурсов где ее достать у меня прям ща нет, загугли тыкни на удобную тебе ссылку (а то еще скажешь что я тебе тут трояны подкладываю)

Beginning Functional JavaScript: Functional Programming with JavaScript Using EcmaScript 6 от Anto Aravinth — заебатая книжечка о том что такое функциональное программирование. само фп поможет тебе мыслить неочевидным путем. написана для жиэсеров

продвинутый лвл

Грокаем алгоритмы от Aditya Bhargava — имба книжка про основные алгоритмы, особенно если хочешь устраиваться в яндекс, мыло и другие большие компании там ебут про алгоритмы прямо как знаешь как будто оказался на олимпиаде по инфе в 9 классе... ну не будем об этом. основные базовые алгоритмы полезно знать

Высоконагруженные приложения. Программирование, масштабирование, поддержка от Martin Kleppmann — ахуенная книга о том как проектировать и разрабатывать большие системы

Компьютерные сети от Andrew Tanenbaum — имба книга о том что такое http, https, tcp/ip, udp различные протоколы, osi модель, короче обо всем что происходит под капотом в интернете, вообще в компьютерных сетях. мастхев (но может наскучить)

остальное

про паттерны проектирования и архитектуру приложений

немного больше про паттерны проектирования

практика js

задачи из https://learn.javascript.ru/

codewars

hackerrank

leetcode

codingame

sandboxes, playgrounds

сандбокс или playground — место где ты можешь потыкать и попрактиковать js ( и не только) без необходимости запускать редактор или поднимать среду разработки

codepen

codesandbox

jsfiddle

общее

Frontend Roadmap — гем гемов опять же (инглиш нужен)

MDN — в целом и в общем ахуенный ресурс для того чтобы подсмотреть какие то штуки будь то в html, css или js (мдн регулярно обновляют и добавляют новые особенности, убирают старое и тд). у них даже есть ахуеный тутор по хтмл, ксс, жиэс

заключение

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

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

рубрика вопросы подпищеков

ну пон я ваще разное юзал в своей жизни... гаш меф (асуждаю)

спонтанно как то к js пришел ну а так, если подумать то по факту мне нравится веб разработка, на питоне ну ты напишешь сервак типа к сайту но не функциональный фронтенд

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

ну еще за рыночек питона не шарю, но мне кажется там похуже, да и чаще требуют какую нибудь computer science degree для устройства на работу. не знаю еще есть ли на питоне подобие тайпскрипта, но сам по себе он слабо типизирован (впрочем как и жс, который тайпскрипт спасает хотя бы)

ну еще в питон лезет каждый второй, с жсом также но все равно мне кажется жс тяжелее для понимания новичкам

благодарности

спасибо тебе за прочтение, спасибо тем кто ставит реакции, подпищекам, рыжему, сс ресерч, моей девочке, френдли тагу 52 нгг и всем остальным кто пон мотивирует ебашить люто жоска

и удачи тебе в пути кодинга еба!

отзыв

если в каком то примере ошибка, или что то не получается вы всегда можете обратиться за вопросом в телегу к рубурику @rubyuroboros

мой канал — https://t.me/ruburi

вступление

всем хаюшки мужичкки сегодня рубрика кодинг ака учим джавускрипт вместе с рубуриком ака учим давить жабу

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

какие то моменты были упрощены, я не вдаюсь в лютые подробности чтобы сильно не загружать в начале

и конечно же ставь реакции ведь когда я вижу их мое сердце тает damn 💜

это дает мне мотивацию делать для тебя больше контента

летс факин снюс гоу!!!!!! 🩸🪓

из чего состоят сайты и как их пилят

больший процент сайтов которые ты видишь в вебе это сочетание html + css + js

давай представим что твой сайт — это дом

ватафак ис html

html — язык гипертекстовой разметки. это не язык программирования

в примере с домом html — фундамент, бетон, цемент, двери (неоткрывающиеся, об этом позже) и тд. в общем все благодаря чем дом держится на земле матушке в общем

разрабы пишут там блоки, составляют фундамент страницы, что где будет расположено по смыслу и тд (пример — вот тут заголовок, там вот параграф, ниже картинка)

ватафак ис css

css — таблицы стилей. это не язык программирования

в примере с домом css — цвет дверей, цвет пола, форма окон, в общем все что связано с красотой и грацией визуала. без css дом скучный бесцветный и неинтересный

разрабы пишут там стили, придают тексту цвет, располагают блоки, дают отступы (например задают заголовку отступ от параграфа) и тд

ватафак ис js

вот вишенка на тортике 🍒

js — язык программирования, используемый в основе своей для того чтобы разрабатывать веб сайты, некоторые сайты можно называть приложениями (app). отсюда и название у веб3 сайтов — dapp — decentralized application

в примере с домом js — функциональность. то есть без js в доме нельзя открыть и закрыть дверь ведь мы не прикрепили функционал движения двери к ней (то есть дверь просто тупо статична). или же другой пример может быть получше — без js в доме не работало бы электричество. сам факт того что мы можем дернуть включатель и включится свет — js — функциональность

в конечном итоге соединяя html + css + js получается полноценный функционирующий крутой сайт

лфг в след этап твоего вступления в мир веба!

что такое js и его роль в веб разработке

возвращаясь к примеру с домом — если бы был только html и css то включатель был бы условно говоря розового цвета, и он сам существовал бы (его фундамент, благодаря html), но он не работает без js. потому что надо соединить электрическую цепь для лампы с включателем

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

теперь к более интересному — практике!

создаем сайт

перво-наперво тебе нужно скачать какой-нибудь редактор кода

два моих любимых варианта: vs code insiders и sublime text

но так то можешь юзать хоть виндос блокнот, хоть vim в unix, главное писать текст

в целом базовое использование двух перечисленных мной редакторов не требует быть хакером пентагона поэтому для этой статьи 100% разберешься как создать папку, открыть ее в редакторе, создавать файлы в редакторе

единственное что - тема. кому то она может показаться уебанской (как в сабламе так и в вс коде)

чтобы поменять тему жмешь на винде Ctrl + Shift + P, на маке Command + Shift + P

после вводишь в поле открывшегося окна "тема" или "theme" если вы из англии

после этого тебе откроется менюшка для выбора темки, выбираешь сочненькую для себя (если все говно, то надо будет инсталлить кастомную)

из кастомных имхо лучшие:

1. Dracula
2. Atom One Dark

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

создаем папочку, называешь ее как тебе угодно и создаешь в ней три файла:

1. index.html
2. style.css
3. script.js

ты такой подумал наверное ну ладно один файл называется стайл, потому что стили, другой скрипт потому что джиэс, а че хтмл называется индекс. так вот ответ — пошел нахуй (это шутка если что падпищеки я вас люблю не бейте лучше обосыте..)

index чаще всего в прогинге — обозначение главной программы, главного фундамента. в c++ есть main ну вот тут это типа того

создал значит да? крутышка епта прям как мороженка пон

index.html

наполняем наш файлик index.html контентиком по этой линке:

https://pastebin.com/pgXHHVQm (hastebin сука не работает 😞)

затем берешь и открываешь этот файлик в хроме или любом другом браузере пон. можно просто перетащить файлик во вкладку в браузере

и твоим глазам открывается нечто.....

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

script.js

вот он наш скриптик скриптичек наш жаваскриптик любименький кормящий...

здесь ты пишешь весь js для нашего сайта, не будем медлить и сразу напишем второй magic eden

начнем с самого простого, давай выведем какое нибудь сообщение будущему юзеру нашего сайта

пишем в скрипт:

alert('новиии гот к нам мчитса скора фсе случица сбудица шо снится пон');

сохраняешь обязательно, не забываешь сохранять изменения и бегом обновлять страницу с сайтиком и..... о боже..........

вывод в разных браузерах может быть разный, выше у меня хром. в сафари вообще по центру ебашит это сообщение

поздравляю! ты написал строчку жаваскрипта нах

давай дальше нах ✍️

основы синтаксиса и простейшие конструкции

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

давайте разберемся с тем как передать жаваскрипту что то кроме текста

типы данных в js

вот такие типы данных жаваскрипт может понимать от нас человеков

переменные

че такое переменные? переменка в школе ебать

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

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

let message = 'новиии гот к нам мчитса скора фсе случица сбудица шо снится пон';
alert(message);
alert(message);

на 1 строке кода мы объявляем переменную message в которой храним текст для вывода юзеру

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

видите как круто, вместо того чтобы писать два раза один и тот же текст

летс факин гоу ты уже знаешь что такое переменные!!

давай еще разок:

let firstNumber = 69;
let secondNumber = 420;
alert(firstNumber + secondNumber);

сохрани это и обнови страницу, ты увидишь..... 489!!!!!!!!! ахуеть мотемотичька вахуи

смотри, здесь мы создаем две переменные, называются они firstNumber и secondNumber

возникает резонный вопрос, почему я пишу с большой буквы второе слово в словосочетании "x number"

такая практика названия переменных называется camelCase. типа верблюжий горб пон. ей пользуются разрабы чтоб не ебаться с названием длинных сочетаний и не было такого типа letsfuckingsnusman а было letsFuckingSnusMan. согласитесь, второе намного читабельнее. также есть snake_case и kebab-case

после создания переменных мы в алерте складываем первое и второе числа

js пизже твоей школьной математички, он умеет выполнять все что связано с матешей

окей с арифметикой все давай разберемся для чего нужны булевы значения но прежде познакомимся с еще одной конструкцией похожей на alert

prompt

если алерт тупо выводил сообщение юзеру, то тут ты можешь получить от юзера какой то ввод в виде текста

let userNumber = prompt('Введите число');
alert(userNumber);

сохраняем, обновляем, получаем это:

после ввода числа и нажатия ОК о чудо — текст выводится в окошке

по факту мы сохраняем ввод юзера в переменную userNumber, но зачем нам нужна переменная? вот еще одна из ролей переменных — туда можно класть промежуточные данные которые ты получаешь от юзера, иначе они улетят в пизду (если их не сохранить)

если ты дахуя бунтарь и нажмешь кнопку отмена, то выскочит окошко с текстом null. вот тут то мы и приходим к типу данных null. типа жс юзер не ввел ничего — ничего = null

а что же такое все таки этот ваш undefined спросишь ты меня?

давай попробуем написать это:

let userNumber;
alert(userNumber);

сохраняем обновляем, получаем пизды

надеюсь понятно объяснил, идем дальше к нашему вводу юзера с числом

давайте выведем юзеру "Камасутра дао лфг" если он ввел число 69 why not

let userNumber = prompt('Введи число долбаеб');
if (userNumber == 69) {
    alert('Камасутра дао лфг');
}

обновляем страницу, вводим число 69 — получаем наш вывод крутой епта!

если (админДолбаеб) {
    alert('Отписка дизлайк');
}

давай преобразуем пример и будем прибавлять к числу юзера число 1337 и выводить результат

let userNumber = prompt('Введи число хуйло');
alert(userNumber + 1337);

казалось бы все так просто но запустив этот код вы получите какую то хуйню, а именно если я введу 69, то:

че за хуйня спросишь ты меня уже в сотый раз... объясняю на пальцах:

все что юзер вводит в текстовое поле хранится в переменной в типе данных string

соответственно даже если юзер ввел туда число 69, то в переменную сохраняется не 69, а "69"

самый прикол в кавычках! помнишь, все что в кавычках — это текст, а не числа

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

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

преобразования

строку можно преобразить в число, и наоборот. например строка "69" может быть преобразована в число 69 и так далее

есть два простых способа преобразовать число в строку:

let userNumber = prompt('Введи число хуйло');
// 1.
parseInt(userNumber, 10);
// 2.
+userNumber

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

давай короче починим наш код с прибавлением

let userNumber = prompt('Введи число хуйло');
let parsedUserNumber = parseInt(userNumber, 10);
alert(parsedUserNumber + 1337);

и летс факинг гоу, оно работает детка

давай немного упростим код выше:

let userNumber = prompt('Введи число хуйло');
alert(parseInt(userNumber, 10) + 1337);

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

let userNumber = parseInt(prompt('Введи число хуйло'), 10);
alert(userNumber + 1337);

вот так нагляднее. прикол в том что в жс все инструкции выполняются справа налево

то есть получается что сначала запрашивается ввод, потом он преобразуется в число (выполняется внутренняя инструкция первее)

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

давай перейдем к подключению кошелька епта мать его лфг

подрубаем веб3, коннектим метамаскич и отображаем свои миллионы эфиров на сайте 🤑

летс факин гоу быстро фастом раш б нахуй

тута нам надо немного попотеть и будут концептики которые сходу тебе трудно будет понять, но я дам направление для гуглинга

1. меняешь содержимое файла index.html на это
2. устанавливаешь Node.js (если у тебя его нет, проверить можно в консоли командой node --version — если вылезла версия значит все збс, устанавливать не надо
3. открываешь свой проектик в консоли (в вс коде можете нажать Ctrl + `)
4. вводишь npm init -y
5. вводишь npm i -g http-server
6. и наконец вводишь http-server

после этого закрываешь старую страницу, вводим в url браузера localhost:8080 и ты снова попадаешь на свой сайтик

погнали в наш скриптик, ща будем взламывать бинанс чтобы выкачать оттуда всю крипту и сизого!

(async () => { // 1
    if (typeof window.ethereum != 'undefined') { // 2
        const web3 = new Web3(window.ethereum); // 3
        const accounts = await window.ethereum.request({ method: 'eth_requestAccounts' }); // 4
        web3.eth.getBalance(accounts[0], (error, result) => { // 5
            if (!error) { // 6
                const balanceInEth = web3.utils.fromWei(result); // 7
                alert(`Твой баланс - ${balanceInEth} ETH`); // 8
            }
        });
    }
})();

ебать я тут насрал...

массив

массив это несколько чего нибудь, типа будь то строк или чисел.

выглядит так: [1, 2, 3, 4, 5]

в случае строк: ['hello', 'world']

получить какой либо элемент из массива можно такой конструкцией:

const numbers = [1, 2, 3, 4, 5];
alert(numbers[0]); // 0 индекс соответствует 1 элементу, запомни это

6 строка

!error — че за восклицательный знак, это че егэ по русскому ебать или че. в жиэсе (и вообще во многих яп) ! обозначает "не". типа !error = не ошибка

также и с не равно: != (в коде обозначается как !=)

8 строка

в жиэсе можно удобно вставлять переменные в строки

что почитать: конкатенация строк в javascript; косые кавычки в javascript

непонятные стрелки

можешь не вдаваться в подробности

что почитать: функции в javascript; способы объявления функций в javascript

короче попотели (ctrl + c и ctrl + v пон) и хватит, давай смотреть че получилось...

сохраняем обновляем иии...

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

заключение

красота получается ебануться! ебать ты молодец если ты все сделал дошел пон до этого моментика ты можешь гордиться ебать собой, в последнем разделе нихуя непонятно правда, но ничего я буду все объяснять в следующих статьях очень очень подробно

это лишь вступительная статья где мы сразу быренько намутили с тобой интересненький замут

я буду еще писать о концептах js более подробно и емко, так что подписывайся на рубури дао!

можешь не беспокоиться если чето не запомнилось, это нормально. не отступай и иди к цели. когда я учился я хотел бросить люто масштабно два раза... но не останавливался пон!!!!! я не остановился и ща работаю дворничком (шутка конечно мужики я во вкусно и точка)

ебашьте и все будет ахуенно

благодарности

спасибо тебе за прочтение, спасибо тем кто ставит реакции, подпищекам, рыжему, сс ресерч, моей девочке, френдли тагу 52 нгг и всем остальным кто пон мотивирует ебашить люто жоска

и удачи тебе в пути кодинга еба!

отзыв

если в каком то примере ошибка, или что то не получается вы всегда можете обратиться за вопросом в телегу к рубурику @rubyuroboros

мой канал — https://t.me/ruburi

Челы в феврале подняли 30 лямов, а это наскок мне известно наравне с Espresso Systems в которых зашли секвойя кэпитал. Говорят фаундеры душнилы, ну видно что они так медленно двигаются. В любом случае я ставлю ноды почти всех более менее живых проектов даже элементарно на случай антифомо. Нода керамика сильно не жрет, поэтому why not.

LFG!

Апдейтимся

sudo apt update

Устанавливаем screen, чтобы работать с нодой в фоне

sudo apt install screen -y
screen -S ceramic

Сетапаем nvm и nodejs

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
source .bashrc
nvm install 16

После этого маринуем сервак к установке нпм пакета керамика:

mkdir "${HOME}/.npm-packages"
npm config set prefix "${HOME}/.npm-packages"

NPM_PACKAGES="${HOME}/.npm-packages"
echo export PATH="$PATH:$NPM_PACKAGES/bin" >> .bash_profile
echo export MANPATH="${MANPATH-$(manpath)}:$NPM_PACKAGES/share/man" >> .bash_profile

source ~/.bash_profile

Устанавливаем ceramic-cli

npm install -g @ceramicnetwork/cli

Подтираемся после себя

nvm use --delete-prefix v16.18.1 --silent

Запускаем демона

ceramic daemon

Адекватные логи:

Выходим из screen — Ctrl + A + D

Дополнительно

Удаление ноды

npm uninstall -g @ceramicnetwork/cli

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

Мой канал — ruburi

big love💜CC RESEARCH fam🩸🪓

предисловие

в этой выжимочке я собрал следующую инфу:

• все ноды, которые стоят у меня
• ноды, которые я еще планирую ставить
• ноды, которые я буду жоска мультик делат

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

ресерчик какой то мб захуярю в некст статейку тк увидел интересные проектики

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

мой шаблон Notion для нод

https://striped-alfalfa-de4.notion.site/8cae50e37d164700aed4f6e0ade7a942

жмете Duplicate в правом верхнем углу и лфг 🪓

все ноды, которые стоят у меня

1. bundlr
2. minima
3. massa
4. sui
5. nibiru
6. oasys
7. celestia
8. subspace
9. gear
10. defund
11. espresso
12. chainflip
13. exorde
14. penumbra
15. gitopia

Инфа перед установкой

В основном все команды можете прям все копировать и вставлять, они будут выполняться сами (кроме последней скопированной команды, на ней надо будет нажать ентер она должна быть у вас в строке вставлена после выполнения всего остального)

Команды у которых на конце косая черта \ обязательно копируйте полностью все

Прежде чем качать снапшоты нод убедитесь что у вас есть место на диске командой:

df -H

Интересовать будет раздел /dev/sda3 Used/Avail

Bundlr

Гайд — https://cyberomanov.tech/bundlr?cda=#EG4a

Для крана нужен Twitter

Сделайте бэкап:

$HOME/bundlr/validator-rust/wallet.json

Minima

Гайд — https://teletype.in/@letskynode/Minima

Скипаем парт с андроидом нам сразу нужна вот эта часть и далее:

Привязывайте реварды через Terminal (не через Web Browser)

Реварды у вас должны отображться тут — https://incentive.minima.global/home/pages/rewards

Сутки после того как вы поставили ноду, должны обновиться реварды на +1 и так далее ежедневно

Massa

Гайд — https://teletype.in/@doubletop_slivky/TkSo5JZS5VP

Идите по гайду, игнорируйте какие то варнинги, в гайде все последовательно объясняется

Свой score чекать через дискорд бота массы командой info в личку боту

Sui

Не знаю, запустилась ли новая фаза, я просто поставил ее и она афк у меня

Гайд — https://nodes.guru/sui/setup-guide/en (скрипт для quick installation)

После установки прочекайте ноду командой Check Node из раздела Additional

Nibiru

Гайд — https://nodejumper.io/nibiru-testnet/installation

Ебашим строку из раздела Automatic Installation, после создаем кошель и регаем валидатора. Прежде чем просить токены из крана проверьте что нода засинкалась

После запроса денях из крана возможно надо подождать прежде чем появится балик, регаем валика

Если балик долго не появляется, скорее всего нода не может засинкаться. Если она долго не синкается, скачайте снапшот — https://nodejumper.io/nibiru-testnet/sync из раздела Snapshot

State Sync не трогаем, после снапшота должно быть все ок

Oasys

Гайд — https://nodera.org/oasys_installation_guide

Как настроите ноду не беспокойтесь о логах где нода пытается найти пиров, ща валика создать нельзя, так и должно быть (вроде как)

Celestia

Гайд — https://nodejumper.io/celestia-testnet/installation

Такая же темка как с Nibiru. Качаем снапшот если балик не показывается или нода не синкается

Subspace

Тут пока нет смысла ставить, ждем новую фазу, но на всякий:

Откройте порт 9955:

sudo ufw allow 9955

Гайд — https://blog.bombermine.xyz/subspace-node-docker

После установки чекайте телеметрию тут

Имя вашей ноды должно появиться в телеметрии (лично у меня пока тишина, возможно гайд неправильный или старый)

Gear

Гайд — https://teletype.in/@promint/GearNode

После подключения к серваку сразу идите в раздел с установкой

После установки убедитесь что ваша нода появляется в телеметрии (именно в Gear Staging Testnet 4)

Defund

Гайд — https://nodejumper.io/defund-testnet/installation

Такая же тема как с нибиру и целестией. Снапшот тут — https://nodejumper.io/defund-testnet/sync

Espresso

Гайд — https://talented-hawk-a5a.notion.site/Espresso-032bd5364ef9464591b6ddebfe673775

Chainflip

Гайд — https://teletype.in/@pronodes/bNbVr7SQysH

Exorde

Гайд — https://teletype.in/@smarthamster_bykulikova/OEWxVOVfSjc

Penumbra

Устанавливаем Rust если не установлен

curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh

Устанавливаем Go если не установлен

curl -O https://dl.google.com/go/go1.19.3.linux-amd64.tar.gz
sha256sum go1.19.3.linux-amd64.tar.gz
sudo tar -xvf go1.19.3.linux-amd64.tar.gz -C /usr/local
sudo chown -R root:root /usr/local/go
echo export GOPATH=\"\$HOME/go\" >> ~/.bash_profile
echo export PATH=\"\$PATH:\$GOPATH/bin\" >> ~/.bash_profile
source ~/.bash_profile
git clone https://github.com/tendermint/tendermint.git
cd tendermint
git checkout v0.34.23
make install
tendermint version # должно вывести версию тендерминта

Заходим сюда — https://guide.penumbra.zone/main/pcli/install.html

Выполняем команды для Linux до конца

Идем в пункт 1.2, генерируем кошель, получаем токены в дискорде

Далее идем сюда https://guide.penumbra.zone/main/pd/build.html

Нас интересует раздел Building pd и все

Идем сюда https://guide.penumbra.zone/main/pd/join-testnet.html

Выполняем Resetting state и Generating configs

После, убедитесь что вы в папке с репозиторием пенумбры и выполните:

docker-compose -f docker-compose.yml -f docker-compose.prod.yml up -d --build

Долго надо ждать, но потом поставится

Затем нас интересует раздел ниже Joining as a validator

Выполняем команды без \$

Когда вы получите вывод типа:

{ "identity_key": "penumbravalid1g2huds8klwypzczfgx67j7zp6ntq2m5fxmctkf7ja96zn49d6s9qz72hu3", "consensus_key": "Fodjg0m1kF/6uzcAZpRcLJswGf3EeNShLP2A+UCz8lw=", "name": "", "website": "", "description": "", "enabled": false, "funding_streams": [ { "address": "penumbrav1t1mw8270qtpgjy628fg97p2px45e860jtlw0nl3w5y7vq67qx697py9t8ppp3mhwfxv8kegg8wuny64nf60z966krx85cqznjpshqtngffpwnywtzqjklkg3qh7anxk368ywac9l", "rate_bps": 100 } ], "sequence_number": 0 }

, поменяйте identity_key на свой адрес валидатора, а также поставьте имя ноды, ну и любое описание. Поменяйте флаг enabled с false на true

Получите свой consensus_key на тот что выходит командой:

grep -A3 pub_key ~/.penumbra/testnet_data/node0/tendermint/config/priv_validator_key.json

Интересует поле value

После того как вы отредактировали в текстовом редакторе или в дискорде где угодно содержимое этого файлика:

nano validator.json

Уберите все содержимое оттуда и вставьте свое

После этого следуйте разделу Uploading a definition

Затем Delegating to your validator

Последний раздел можно не трогать

Вроде все, должно поставиться

Вопросы спрашивайте, нода капризная и дискорд полумертвый

Gitopia

Гайд — https://teletype.in/@lesnik13utsa/K4wEQmEMj3W

Переходите к разделу Подготовка сервера ниже и далее

После установки ноды я заполнял форму на валидатора — https://airtable.com/shrMQFJxcsMD0XV2M

Из опционального я ставил прунинг

После установки ноды также проверьте статус:

gitopiad status 2>&1 | jq ."SyncInfo"."latest_block_height"

Должна вылезти цифра не нулевая и не ошибка

Если будете выполнять тестнет, по статусу на вчерашний день у челиков не работает пуш в репозиторий, но рекомендую выполнить их тестнет. Проектик норм темка

Заключение

Скоро добавлю ноды Terp, Ceramic, Starknet, Nois и Zeeka

А также будет отдельный пост как делать бэкапы и как защитить серв от брутфорса и прочей херни которая может возникнуть

Если будут вопросы спрашивайте - @rubyuroboros