Александр Белькевич </> Frontend вдохновляет

#frontend_mylife

Многое видел, но Voice Coding я еще не встречал 🫣😄😁

Ссылка на это извращение/магию/будущее (нужное подчеркнуть) https://voqal.dev/

#frontend_post

Чем заменить Moment.js?

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

We now generally consider Moment to be a legacy project in maintenance mode. It is not dead, but it is indeed done.

Когда-то Moment.js был стандартом для работы с датами в JavaScript. Но сейчас времена изменились, и использовать его больше не рекомендуется.

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

Во-вторых, Moment.js не является "immutable". Это означает, что объекты даты изменяются напрямую, что может привести к неожиданным результатам и багам в коде.

Вместо устаревшей библиотеки можно использовать альтернативы (кстати, их советуют разработчики Moment.js)

1. Day.js — практически полный клон Moment, но значительно легче по весу и быстрее. Если вы уже знакомы с Moment, переход будет максимально безболезненным.

2. date-fns — модульная библиотека. Удобно, что можно импортировать только те функции, которые нужны, а не тянуть все подряд.

3. Luxon — это библиотека от создателей Moment.js, но она более современная и использует возможности новых стандартов JavaScript.

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

Пример, как можно обойтись без сторонних библиотек:

const now = new Date();
console.log(now.toISOString()); // Текущая дата в ISO формате

const options = { year: 'numeric', month: 'long', day: 'numeric' };
console.log(new Intl.DateTimeFormat('ru-RU', options).format(now)); // Форматирование под локаль

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

❤️ - если узнал что-то новое

#frontend_useful

Для любителей Vue принес интересную библиотеку, о которой, вы, возможно, еще не слышали 🙂

VueUse — это коллекция утилит для Vue.js, которая предоставляет множество готовых к использованию функций (Composable), поддерживающих как Vue 2, так и Vue 3.

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

К примеру:
- Реактивное получение данных о размере экрана
- Работа с брекпойнтами
- Копирование текста
- Работа с файлами
- Drag&Drop
- Получение информации о курсоре
- localStorage/sessionStorage
- Встроенный clickOutside
- Получение информации об устройстве (батарея, память и т.д.)
- Легкая смена темной/светлой темы
- Работа с WebSocket
- Утилиты для работы с анимацией
- Упрощенная работа с v-model и слежением за переменными
- В целом удобные инструменты для работы с реактивностью
- Готовые реактивные функции для работы с массивами
- Форматирование даты и времени
- Debounce, Throttle

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

#frontend_mylife

Из рабочих моментов 🙂

На проекте мы используем функцию intl.NumberFormat.

Если кто не знает, то кратко расскажу.

Эта функция автоматически добавляет правильные разделители тысяч, точность до нужного количества знаков после запятой, а также валютные символы. Например, сумма в долларах США будет отображаться как $1,234.56, а в евро как 1.234,56 €, если указать нужную страну.

Пример:

const formatter = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD'
});

console.log(formatter.format(1234.56)); // Выведет: $1,234.56

Я работаю на P2P проекте и бизнес сказал, что необходимо добавить возможность обмена TON/STARS (валюта telegram).

Думали, что бэк справится: добавит нужные данные в БД, сделает обработку и так далее.

Но совсем забыли про такое форматирование с помощью функции.

В итоге при тестировании сломалось все, что могло сломаться.

Но самое сложное было понять, почему крашится веб-приложение, так как ошибки были по типу "У вас все сломалось, а почему - не скажу" 😁

В итоге распутывая клубок и копая все глубже и глубже нашел причину: Intl.NumberFormat крут, но в STARS, конечно же, он не умеет и пришлось делать дополнительную проверку.

Вы кстати, как? Любите править баги? 😀

❤️ - не, я ж не мазохист
👍 - почему бы и нет

#frontend_post

Почему soft skills важнее hard skills?

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

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

Я придерживаюсь такого же мнения и сейчас немного раскрою свою позицию.

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

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

Во-вторых, софт скиллы - это еще и про критическое мышление, легкую обучаемость и способность решать проблемы.

Есть разработчики, которые привыкли решать определенный пул задач (например, над frontend-разработчиками часто подшучивают, что мы только и умеем как json раскладывать в HTML-template 😁). И когда им дают что-то сложнее (работа с графиками, с картами или чем-то подобным) - получается полный ступор. Это не проблема до тех пор, пока разработчик хоть и долго, но пытается разобраться, как это сделать. А не говорит, что у него лапки и он делать не будет.

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

А у вас какое мнение? Пишите комментарии, делитесь опытом

❤️ - Софты важнее
🔥 - Харды предпочтительнее

https://t.me/boost/front_everyday

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

#frontend_post

Про токсичность в IT сообществе

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

Лет -надцать назад, когда я только начинал путь в IT, я сталкивался с тем, что задавая вопросы на специализированных форумах получал довольно грубые ответы по типу "гуглить не пробовал" или "уже задавали этот вопрос" (до сих пор вспоминаю https://www.cyberforum.ru/, который был очень популярен в то время).

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

Когда на заданный вопрос тебя начинают троллить - это вроде бы токсичность. С другой стороны, когда за день в канале задается по 50 вопросов с элементарными вопросы по типу "А как удалить элемент из массива?", то как тут спокойно к этому относиться?

Но есть и другие ситуации.

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

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

Смотришь контент автора, который сделал что-то бесплатно, но в комментариях обязательно встретится критика, которая выглядит не как попытка помочь, а как макнуть человека поглубже. Докопаются до чего угодно:
- Тему редактора выбрал не ту
- Ошибся в каком-то термине
- Линтер не по фен-шую код форматирует
- Написал функцию в 10 строк, хотя можно было бы сделать одну длинную колбасу в одну строку

Ну и так далее.

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

Все это лично мое наблюдение. Мне в этом плане повезло. Я очень редко получаю какие-то нелицеприятные комментарии здесь или на YouTube.

Но расскажите про свой опыт. Сталкивались с токсичностью? Или в целом все хорошо и все это надумано?

#frontend_post

Что-то меня занесло на тему курсов в последнее время, но сегодня продолжаю)

Почему курсы вам не помогут?

Странно слышать от человека, который сам преподает на своих курсах. Но все же.

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

Возьмем, к примеру, видеокурсы. Часто разработчики делятся на 2 лагеря:

Первые считают, что не могут без них ничего понять. Им надо, чтобы все разжевали и показали. И это НОРМАЛЬНО.

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

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

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

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

И вот там картина не совсем веселая.

Во-первых, у большого количества ребят пропадает мотивация и запал через некоторое время после начала обучения. У кого-то через неделю, у кого-то через месяц, у кого-то через 3 месяца. Тем, кто могут работать упорно долгий период времени - мое почтение. Именно такие в первую очередь находят хорошую работу.

Во-вторых, многие ждут "волшебную таблетку", которая решит все вопросы. А такого не бывает. За любым успешным человеком стоит огромное количество потраченного времени и приложенных усилий. Ментор не решит всех ваших проблем и не даст знаний, если вы сами не приложите к этому усилий.

Что реально работает?

1. Самостоятельная практика. Почему на тех же своих курсах я не преподаю теорию? Потому что теория - это клево, но если вы хотите добиться большего, то необходимо как можно больше пробовать набивать шишки и не бояться ошибиться. Без этого никуда.

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

3. Понимание того, что путь может быть долгим. IT - это уже давно не про "Как стать мидлом за полгода и получать зарплату в 2000$?". Сейчас все намного сложнее и если вы к этому не готовы - нет смысла тратить свое время.

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

#frontend_news

Notion - все с 9 сентября, если вы регистрировались как пользователь из России.

Я, кстати, понял, что мне в 99% случаев хватает стандартных заметок из iOS/MacOS. Иногда нужна сортировка таблиц, но в целом и без этого жить можно. Хотя, бесспорно, Notion - прекрасен и знаю тех, кто использует тот комбайн на полную.

А вы что используете? Есть альтернативы на примете?

#frontend_mylife

Наткнулся тут на очередной конструктор лендингов и сайтов.

Внешне все плюс-минус стандартно (а-ля Tilda), но заинтересовал AI-генератор)

Суть в том, что вводишь примерные данные, как на скрине, а он тебе генерирует с помощью ChatGPT-4o контент, текст, берет стоковые картинки и так далее)

Результат моей генерации тут 😁

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

P.S. Картинки, правда, берет не совсем по теме, от этого становится смешнее 😁

#frontend_mylife

В районе 80 часов отбегал (а точнее отплавал) в инди-проекте Dave The Diver.

БОльшую часть времени необходимо будет плавать под водой и ловить рыбу. Но все не так просто как кажется. Сложности временами встречаются.

Не особо какие-то ожидания были, но получил большое удовольствие.

- Довольно интересный сюжет для такого проекта
- Огромное количество мини-игр
- Приятная фоновая музыка

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

В общем моя оценка 8 дайверов из 10.

Из минусов (но это лично мои загоны) - пара трофеев рандомных. Можно получить за час, а можно за 10.

Трейлер прикрепил ниже

https://youtu.be/p85VHMpE0to?si=ugVN77rsNYHUqtcD

#frontend_post

Почему пиратство - не мой путь?

В продолжение вчерашнего небольшого поста.

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

Udemy - это компания, которая сделала, на мой взгляд, крысиный поступок. Да, вы можете перестать принимать оплату по российским картам, так как SWIFT отрубили, но выворачивать это под соусом «Мы за мир, поэтому русским отрубаем возможность учиться» - это верх лицемерия.

В принципе, тоже самое можно сказать про многие компании. К примеру, Sony, которая отключила магазин игр для PlayStation. О да, все происходящее очень быстро кончится, если отрубить возможность играть 🤡

Но я отошел от темы.

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

За 2 года я купил там 4 курса. 3 раза просто списался с авторами и мы нашли выход. Последний раз описал в прошлом посте.

Во-первых, покупая курс, вы поддерживаете автора.

Во-вторых, вы получаете обновления курса. К примеру, я когда только начинал изучение Vue2, так же купил курс. Он мне очень помог при поиске работы. Сейчас эра Vue3, курс полностью обновился, но его не надо было заново покупать.

А вообще есть лайфхак: не можешь купить курс - можно пойти в документацию) отличное действенное решение 😃

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

Когда я активно вел инстаграмм, я наткнулся на профиль, который 90% своей ленты создает из моего контента. Посты были слово в слово. Мы разобрались с этим между собой, но от этого жесть как бомбило. Ты тратишь время на подготовку контента, а кто-то это просто присваивает себе.

А ты на какой стороне?
❤️ - пиратство в моей крови
👍 - приложу максимум усилий для покупки нужного курса

Ну и можете свое мнение писать в комментах 🙃

#frontend_useful

Не реклама, а личная рекомендация.

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

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

Обратился к @rus_udemy. Да, с небольшой наценкой, но нужный курс оказался у меня за 10 минут.

Ещё раз: не реклама, личная рекомендация. Нашел человека в гугле.

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

#frontend_mylife

Ну не могу я приехать из другого города и не привезти что-то.

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

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

Наткнулся на R2-D2, которого давно хотел, но в наш город его не доставляли. Плюс стоил дорого. А тут и в наличии, и по скидкам 😁

Короче вот, теперь этот красавец стоит на моем рабочем столе 😃

#frontend_useful

Если никогда не участвовали в Open Source проектах и очень захотели создать свой - можно прочитать интересный гайд (на самом деле их там несколько)

https://opensource.guide/ru/starting-a-project/

#frontend_mylife

Я на большой футбол сходил третий раз.

Первый раз играл ЦСКА и наша местная региональная команда довольно давно (последняя фотка - с тех самых незапамятных времен). Тогда я ходил на фан-сектор ЦСКА. Было весело и шумно, но проиграли. Хотя состав был неплохой.

Второй раз к нам в город приезжал Зенит. Но погода была мерзкая. Поэтому особо кайфа не получил и почти ничего с этого матча не помню (кроме счета).

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

Я же болел против них и… результат можно точно записать в жирный минус.

Сама игра была тоже так себе. Если бы смотрел по телевизору - засыпал бы.

Но сидя на стадионе - эмоции совсем другие. Драйв, сорванное горло - это все про сегодня.

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

Теперь надо как-нибудь выбрать в Москву на стадион 😃

Ну а завтра уже рано утром домой 🙃