🥺 Решил я погрузиться в мир tg apps (пожалел 10 раз)

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

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

👍 Проблема первая - документацию писала мартышка левой пяткой (есть еще вариант что я тупой)

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

😑 Проблема третья - на своем локалхостике ты не можешь ничего делать, тебе нужно обязательно хостить хотя бы локально свой фронт и бек и уже URL для наружи засовывать в бота (для бека тоже нужен публичный урл потому что на локалхост не будет работать). Тут еще всплывет проблема туннелирования, потому что нормальных инструмента я нашел 2, ngrok - супер, но если больше одного урла хостишь плати деньги либо мучайся с конфигом и http запросы там не получится делать (только для шейринга), localtunnel - отличный тул, работает как надо но по крайней мере у меня иногда любит вылетать.

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

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

👀 Я думаю что по этому проекту выйдет еще несколько постов, расскажу про стек, возможно про другие трудности. Следующим постом будет подбор материалов по tg apps которым поделился Владилен Минин.

Всем добра!

😑 Здарова работяги. Я считаю хороший врыв в новый рабочий год, и это только 12 часов дня.

Как у вас там дела, делитесь

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

👀 Даю небольшую прикормку для JS/TS разрабов

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

НО черезвыйно важно не скатываться до алго кодинга, это дно.

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

Задача на каррирование

function curry(func) {
  // code here
}

const carriedSumThree = curry(sumThree);

console.log(carriedSumThree(1, 2, 3));
console.log(carriedSumThree(1, 2)(3));
console.log(carriedSumThree(1)(2, 3));
console.log(carriedSumThree(1)(2)(3));

Интересная задача на промисы

function allSettled(iterable) {
 // code here
}

allSettled([1, Promise.resolve(2), Promise.reject(3)]).then(([v1, v2, v3]) => {
console.log(v1); // {status: 'fulfilled', value: 1}
console.log(v2); // {status: 'fulfilled', value: 2}
console.log(v3); // {status: 'rejected', reason: 3}
})

У на давайте делитесь кто сколько иксов сделал на TRUMP 📈📈📈

🥰 Я смотрю вам зашла рубрика с задачами с реальных собесов.

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

Несложная задача на TS

const X = { a: 1, b: 2, c: 3, d: "41" }
const Y = { k: 1, l: '2', m: true, n: 4 }

function getProperty(obj, key) {
    return obj[key]
}

const a = getProperty(X, 'a'); // должен выводить тип строго
getProperty(X, 'm') // должен ругаться

Задача на деструктуризацию

const {
    foo: {
        baz: [bar, ...asd],
    },
    bar: [bat],
} = { foo: { baz: [0, 1] }, bar: [{ bat: 3 }] };

console.log(bar) //
console.log(asd) //
console.log(bat) //

Просто таска на переваривания одной структуры в другую

//Имеется исходный массив из объектов пользователей
const users = [
    { id: 1, age: 20, isAdmin: false, name: "Иван", city: "Moscow", registred: false },
    { id: 2, age: 30, isAdmin: false, name: "Дима", city: "Omsk", registred: false },
    { id: 3, age: 20, isAdmin: true, name: "Леха", city: "Moscow", registred: true },
    { id: 4, age: 20, isAdmin: false, name: "Леха", city: "Omsk", registred: false },
    { id: 5, age: 30, isAdmin: false, name: "Иван", city: "Moscow", registred: true },
    { id: 6, age: 30, isAdmin: false, name: "Леха", city: "Moscow", registred: true },
    { id: 7, age: 20, isAdmin: true, name: "Дима", city: "Omsk", registred: true },
];
// Необходимо перобразовать исходный массив в структуру,
// где данные пользователя будут сгруппированы по одному из полей объекта user (кроме поля id)
// Внутри софрмированной группы должен лежать объект (или Map),
// ключами в котором должно быть поле "id"
// а значением, объект из исходного массива с соответствующим полем "id" (не включая само поле id)
// Один из вариантов результата (для поля age)
const result = {
    20: {
        1: { age: 20, isAdmin: false, name: "Иван", city: "Moscow", registred: false },
        3: { age: 20, isAdmin: true, name: "Леха", city: "Moscow", registred: true },
        4: { age: 20, isAdmin: false, name: "Леха", city: "Omsk", registred: false },
        7: { age: 20, isAdmin: true, name: "Дима", city: "Omsk", registred: true }
    },
    30: {
        2: { age: 30, isAdmin: false, name: "Дима", city: "Omsk", registred: false },
        5: { age: 30, isAdmin: false, name: "Иван", city: "Moscow", registred: true }
    }
}

Вот так вот делай два раза в день и оффер твой

👀 Ловите один из лучших роадмапов по изучению алгосов.

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

https://neetcode.io/roadmap

😑 Яндекс спустя 100 конференций решил расщедриться и дать билетик на конфу. Я счиатю это победа.

👅 Я считаю это должен знать каждый обладатель макбука.
Как я без этого жил все это время. Спасибо Егор!

https://news.1rj.ru/str/plzhldr/154

🤪 Пора закрыть холивар на чем лучше писать бек.

Сразу ссылку на материал
https://youtu.be/shAELuHaTio?si=4z9VOowkaR0_Gr3p

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

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

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

Задача сделать функцию delay

const delay =  (n) => {
   ...
}

delay(1000).then(() => alert('Hello!'));

Задача на реализацию Promise.all

const promiseAll = (promises) => {
        ...
}

Консоли лог на эвент лупу

async function f() {
  console.log(1);
  const promise = new Promise((resolve) => {
    console.log(2);
    setTimeout(() => {
      console.log(3);
      resolve('готово!');
      console.log(4);
    });
  });
  console.log(5);
  
  const result = await promise;
  console.log(6);
  console.log(result);
  return 'Result';
}

f();
console.log(7);

// написать порядок вызова

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

😊 Вот вопрос чисто жизненный, на устройство вселенной.

На черной одежде вроде бы не сильно видно грязь, но на ней жесть как видно собачью/кошачью шерсть.
А на светлой одежде вроде бы не сильно видно шерсть, но грязь только так.

Где баланс ?