Email or username:

Password:

Forgot your password?
229 posts total
YuriyF :blobcatspace:

Новая идея для небольшого пет проекта.

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

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

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

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

Новая идея для небольшого пет проекта.

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

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

Askolock :ageblobcat:

@faizov пока твое описание слишком абстрактное... Не особо понятно, что именно ты хочешь получить, какие именно недостатки традиционных способов хочешь исправить. Бот, скажем в тг, в целом очень ограниченное функционально решение. Наибольшей проблемой станет поиск необходимых файлов, их классификация.
Я для себя использую Nextcloud. Дёшево и крайне сердито.

Alexey Skobkin

@faizov
Используй S3 API и вопрос выбора хранилища будет проще. Сейчас почти каждый крупный хочтер умеет S3.

YuriyF :blobcatspace:

Наконец то у меня будет свой домашний ровер, прям как @MarsBotExplorer

YuriyF :blobcatspace:

Офигенно жить в Татарстане зимой, время 15 часов, а уже ночь! Рассвет зато в 2-3 часа ночи 👍

𐱃𐱃𐰺

@faizov Тоже пипец как раздражало. Самара раньше была +4, потом перешли на +3.
В Башкортостане комфортные +5

YuriyF :blobcatspace:

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

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

YuriyF :blobcatspace:

Прогулялся перед отъездом по центру Тбилиси, + рождественский вайб

YuriyF :blobcatspace:

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

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

Также я начал больше следить за новостями из фронтенд мира, больше читать статьей, начал узнать новые вещи. Некая замена практики. Чтобы написать пост о новинках css за декабрь, я прошерстил весь пост из блога, перевел, прочитал документации, понял как работает и опубликовал у себя t.me/mypetprojects

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

YuriyF :blobcatspace:

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

top.ofthe.top

Хм, тоже что ли завести типа блога там в качестве зеркала. Сам там не торчу, правда, но глядя на то как весь рунет сейчас загоняют туда, думаю придётся осваивать :(

YuriyF :blobcatspace:

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

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

YuriyF :blobcatspace:

Мы еще и смеситель покупали новый за свои деньги, видете ли мы хозяин перед нашим заездом ставил новый смеситель и как он сломался за 4 месяца неизвестно. Одни негативные эмоции в общении с хозяинами кв, хотя мы им всегда шли на уступки, когда просили заплатить раньше или привозили преколы из Турции. Сама квартира понравилась и на этом все.

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

Kirill Zholnay

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

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

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

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

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

YuriyF :blobcatspace:

Давно я не делал #коточетверг, так что вот стамбульский микрочел 😊

YuriyF :blobcatspace:

Пара ссылок, которые помогли мне на собесах JS/TS/React

За этот год мне пришлось два раза искать работу. На каждом собесе я выписывал все вопросы, которые мне задавали и записывал их в страницу Notion вместе с ответом. Страница находится здесь: notion.so/Frontend-3e00673ff7c

Также нашел пару страниц с пулом вопросов и ответов: По React (github.com/likezninjaz/react-r) и TypeScript (github.com/FedorovAlexander/ty). Эти вопросы часто задают на junior/middle разработчиков. Можно смело брать для подготовки. На самом деле очень помогли освежить память и тупо подтянуть теорию. Если есть ссылки на полезные ресурсы с теорией, кидайте в комменты.

Если что-то найду еще полезное, то отпишу сюда t.me/mypetprojects

Пара ссылок, которые помогли мне на собесах JS/TS/React

За этот год мне пришлось два раза искать работу. На каждом собесе я выписывал все вопросы, которые мне задавали и записывал их в страницу Notion вместе с ответом. Страница находится здесь: notion.so/Frontend-3e00673ff7c

YuriyF :blobcatspace:

Новые единицы измерения в CSS о которых я не знал

Очень актуально для адаптивных дизайнов. Многие кто разрабатывает адаптивный вариант приложения использует такую единицу измерения как vh, простыми словами высота видимой области, где 1vh равен 1% высоты видимой области. Но есть проблема с vh, в мобильных версиях не учитывается размер браузерной навигации. Сейчас браузеры при использовании стараются максимально освободить пространство, сдвигаю навигацию из поля зрения. И vh с этим не справляется, он не умеет определять динамическую навигацию, от этого появляются проблемы со стилями.

И тут нам на помощь приходят новые единицы измерения, вот они слева направо: svh, lvh, dvh.

Если в кратце че каждый делает:

Новые единицы измерения в CSS о которых я не знал

Очень актуально для адаптивных дизайнов. Многие кто разрабатывает адаптивный вариант приложения использует такую единицу измерения как vh, простыми словами высота видимой области, где 1vh равен 1% высоты видимой области. Но есть проблема с vh, в мобильных версиях не учитывается размер браузерной навигации. Сейчас браузеры при использовании стараются максимально освободить пространство, сдвигаю навигацию из поля зрения. И vh с этим не справляется,...

YuriyF :blobcatspace:

svh (Small viewport height) - определяет самый минимальный размер viewport при открытой навигации в браузере.

lvh (large viewport height) - При скрытой навигации задает размеры по самому большому размеру viewport. Максимально возможная высота области просмотра, видимую пользователю.

dvh (Dynamic viewport height) - Динамический размер в зависимости оттого скрыта ли навигация или нет.

Все единицы измерения имеют хорошую браузерную поддержку (caniuse.com/?search=svh%2C%20l). Примеры можно глянуть на картинке ниже.

А вообще новых единиц дохрена и больше, можно почекать здесь (terluinwebdesign.nl/en/css/inc), я рассказал ток про самые главные и важные для меня 🤡

#css #frontend

svh (Small viewport height) - определяет самый минимальный размер viewport при открытой навигации в браузере.

lvh (large viewport height) - При скрытой навигации задает размеры по самому большому размеру viewport. Максимально возможная высота области просмотра, видимую пользователю.

dvh (Dynamic viewport height) - Динамический размер в зависимости оттого скрыта ли навигация или нет.

YuriyF :blobcatspace:

Прекольный видос про новые css анимации

youtu.be/jeVNN3mFxOA?si=2_czDJ

А если вкратце:

1. View transitions API developer.chrome.com/docs/web-

Новое API позволяет создавать анимированный переход между страницами без JS! Пока находится в стадии разработки, но уже можно ограниченно опробовать. Пока поддерживается браузерами в Chrome 111+. Также есть реализация в фреймворках/библиотеках.

2. Scroll driven animation developer.chrome.com/articles/

Паралакс эффект, анимация прогресса чтения страниц на чистом css! Добавляется два api, Scroll Progress Timeline и View Progress Timeline. В первом api мы отслеживаем скролл относительно контейнера, от 0% до 100%. В View Progress Timeline мы смотрим на относительное положение определенного элемента в контейнере. Для лучшего понимания советую посмотреть доку или на сайте (scroll-driven-animations.style) где есть все примеры и реализация. Поддержка пока тоже на последних версиях хрома 🫡

#css #frontend

Прекольный видос про новые css анимации

youtu.be/jeVNN3mFxOA?si=2_czDJ

А если вкратце:

1. View transitions API developer.chrome.com/docs/web-

Новое API позволяет создавать анимированный переход между страницами без JS! Пока находится в стадии разработки, но уже можно ограниченно опробовать. Пока поддерживается браузерами в Chrome 111+. Также есть реализация в фреймворках/библиотеках.

Moana Rijndael 🍍🍕

@faizov при этом шо за то шо за то дизайнеров надо пиздить по рукам :blobcatthumbsup:

YuriyF :blobcatspace:

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

YuriyF :blobcatspace:

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

На фото твои коллеги смеются с твоего вонючего компонента.

YuriyF :blobcatspace:

Если сложно смотреть здесь, то можно самим пробежаться по оригиналу: antongunnarsson.com/react-comp

YuriyF :blobcatspace:

При деплое своего пет приложения на GitHub Pages я столкнулся с проблемой маршрутизации через React Router.

GitHub Pages не поддерживает фичу BrowserRouter, которая используется в React Router. Если мы будем использовать стандартную маршрутизацию на GitHub Pages, приложение не сможет определить, какой маршрут используется, и будет просто показывать ошибку 404. Проблему можно решить, используя HashRouter. Нужно обернуть наше приложение следующим образом:

YuriyF :blobcatspace:

Также я наткнулся на тему в GitHub с возможностью решить проблему без использования HashRouter github.com/orgs/community/disc, но я не проверял этот способ самостоятельно 🤡

Для деплоя своих приложений я советую использовать Vercel vercel.com/new, по крайней мере не нужно делать костыли и с ним проблем у меня не было. Пока самый удобный вариант держать свои небольшие веб приложения.

YuriyF :blobcatspace:

Ну все, походу я загорелся желанием купить Steam Deck. Зачем, почему. ХОЧУ

YuriyF :blobcatspace:

Я здесь уже писал, но напишу еще раз. Про свой первый пет проект :coolcat:

Web Nasa - веб-сайт, где можно смотреть фото дня и фото Марса с выбором марсохода и дня. Также есть возможность сохранять понравившиеся посты, и я реализовал это просто через local storage. Была идея также реализовать с привязкой к Firibase, но пришлось бы делать что-то типо авторизации, а мне не хотелось сильно усложнять проект. Плюс в том, что я мог бы на любом устройстве добавлять в избранное посты и была бы синхронизация. В итоге оставил local storage.

Занимался разработкой этого проекта по вечерам, когда мне банально было скучно и нечего делать. Реализация супер простая: использовал React + API NASA api.nasa.gov/. По-моему, получилось очень даже мило. Задеплоил проект на Github и добавил его на свой телефон в виде отдельного приложения. Теперь мне удобно изучать космос, даже когда я нахожусь не дома👩‍🚀

Сайт здесь: faizov.github.io/web-nasa

Я здесь уже писал, но напишу еще раз. Про свой первый пет проект :coolcat:

Web Nasa - веб-сайт, где можно смотреть фото дня и фото Марса с выбором марсохода и дня. Также есть возможность сохранять понравившиеся посты, и я реализовал это просто через local storage. Была идея также реализовать с привязкой к Firibase, но пришлось бы делать что-то типо авторизации, а мне не хотелось сильно усложнять проект. Плюс в том, что я мог бы на любом устройстве добавлять в избранное посты и была бы синхронизация....

YuriyF :blobcatspace:

Но есть проблема с дизайном, с ним уже чуть позже мне помогла моя девушка, которая с недавних пор начала изучать ux/ui. Она решилась сделать для моего пета новый дизайн, я попросил что-то в стиле журнала. Получилось как по мне намного лучше.

Думаю с помощью firebase реализовать счетчик общего количества лайков. Например мы записываем в Local Storage лайк поста и через firebase мы записываем к определённому посту +1. Конечно я могу зайти с мобилки и веба, у меня будет +2, но я не думаю что этого стоит избегать. Я все еще не хочу прикреплять авторизацию, никто лайки не будет ставить :(

Также хотелось бы услышать ваше мнение насчет дизайна 🪐

Недоделанный вариант лежит здесь: nasa-pet.vercel.app

Но есть проблема с дизайном, с ним уже чуть позже мне помогла моя девушка, которая с недавних пор начала изучать ux/ui. Она решилась сделать для моего пета новый дизайн, я попросил что-то в стиле журнала. Получилось как по мне намного лучше.

Думаю с помощью firebase реализовать счетчик общего количества лайков. Например мы записываем в Local Storage лайк поста и через firebase мы записываем к определённому посту +1. Конечно я могу зайти с мобилки и веба, у меня будет +2, но я не думаю что этого стоит...

YuriyF :blobcatspace:

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

Написал сюда t.me/mypetprojects/34

YuriyF :blobcatspace:

Хорошие советы, от себя я добавлю "Не бойтесь выйти из зоны комфорта". У меня есть печальный опыт в 2-3 года, когда я сидел на первой работе и боялся брать таски по сложнее. У меня там был опытный коллега, который мог бы меня подправить, помочь. Но я выбрал легкий путь, сидел на месте и верстал компонентики в реакте 🤡
Я начал двигаться, когда мне стало очень скучно, я уставал даже от того, что ничего не делал. В какой то момент пошел на марафон к Зару, это как кинуть ребенка в воду, пусть учится плавать. Вот на этом марафоне я понял, что нужно "плыть". Это был хороший опыт, работа в стрессовых условиях, сидел до ночи смотрел уроки, читал статьи, лишь бы успеть сдать таску до следующего дня, не хотелось вот так просто вылететь. Я в институте так не парился как на этом марафоне.

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

Хорошие советы, от себя я добавлю "Не бойтесь выйти из зоны комфорта". У меня есть печальный опыт в 2-3 года, когда я сидел на первой работе и боялся брать таски по сложнее. У меня там был опытный коллега, который мог бы меня подправить, помочь. Но я выбрал легкий путь, сидел на месте и верстал компонентики в реакте 🤡
Я начал двигаться, когда мне стало очень скучно, я уставал даже от того, что ничего не делал. В какой то момент пошел на марафон к Зару, это как кинуть ребенка в воду, пусть учится...

YuriyF :blobcatspace:

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

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

В основном про фронт, заметки, может мысли, идеи, пет проекты, все что угодно. Да хоть пива попить. Срусь пиздец как, реально страшно, а че такова.

t.me/mypetprojects

albertqa

@faizov даже интересно что за марафон такой где нужно вести тг канал) давно мечтаю начать какую-то деятельность по QA, но все никак не соберусь(

Go Up