Email or username:

Password:

Forgot your password?
244 posts total
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+. Также есть реализация в фреймворках/библиотеках.

Мя :sparkles_lesbian:

@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, но все никак не соберусь(

YuriyF :blobcatspace:

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

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

Интересно че будет в конце

YuriyF :blobcatspace:

Наконец то вальве допилил первую халву и раздают ее бесплатно, пришло время пройти ее :blobcatbongo:

YuriyF :blobcatspace:

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

YuriyF :blobcatspace:

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

YuriyF :blobcatspace:

Тот самый зал и хамам

Go Up