Джун на фронте

2022-06-16 11:19:47 ​Продолжаю заниматься рефакторингом.

Все продвигается относительно не плохо. Задачи в этот скрам-спринт я свои выполнил за 50% от поставленного времени и теперь у меня снова встает вопрос. А чем заниматься дальше?

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

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

Бонусом, задача усложняется backend'ом. На прод меня не пустили, а изменения туда уже залили и чтобы допилить что-то новое в html это нужно делать ручками бэкендеру, а у него и так забот полон рот. Так что думаю лучше забить на эти все улучшения верстки и вернутся к javascript'у, тк на одном classList.toggle (даже с условными конструкциями и циклами) далеко не уедешь.

#статистика : 189 дней == 297 часов в ит. Открыть/Комментировать

2022-06-08 09:40:43 ​Вы только посмотрите на это web-приложение.

Прям single page application какой-то. Функционал не богат, но впервые удалось разобраться с libraby по документации. Выяснил, что плагины существуют и для vanilla JavaScript, а не только для jQuery. 

Для range нашел код nouislider и по доке допилил функционал. Ну а стилизацию добил нужными классами через инспектор элементов. А вот для более детального понимания кастомных checkbox’ов пришлось понять, что существует псевдоэлемент checked. Именно checked сможет превратить любой div в чекбокс. 

На теги ушло 4 часа (1 на теорию, 3 на практику). Все не мог понять, как запихать текст в чекбокс и сделать смену фона при активном состоянии. Range украл 6. Из 6, 2 ушло на поиск информации и перебор библиотек, 2 на подключение тк скрипты упорно не хотели подключаться и 2 на настройку/стилизацию.

#статистика : 181 дней == 281 часов в ит. Открыть/Комментировать

2022-06-06 10:36:24 ​Новый день и новое испытание чекбоксами.

Тут ревью прошло и вроде удачно, что-то даже показали заказчику. Вот только багов на вагончик и 2 дня правок набежало. Огорчает что баги достаточно значительные и приходится повторно верстать секции с 0, но радует то что эти баги тупо из-за недостатка опыта. Если бы ранее я сталкивался с похожими задачками (а задачи в 90% случаев повторяются от макета к макету), я бы решил все быстрее. 

Вот, как и сейчас. Вроде сверстал неплохо, как в макете, но бэкенд говорит что мои ссылки вместо input'ов для фильтрации категорий совсем не то. А range времени чтения это не псевдоэлемент на span’ах, а живой компонент и должен хотя бы двигаться. Ну и до кучи не забыть про radio кнопки выбора категорий. Образовательные либо новостные статьи. Хорошо что есть ютуб и интернет с кучей подобных, но так непохожих между собой аналогичных задач.

#статистика : 181 дней == 271 часов в ит. Открыть/Комментировать

2022-06-03 10:36:26 ​Щупаю swiper и стилизую кастомный checkbox.

Весь день вчера пилил минилендинг (главная страница). Поставил очередной рекорд по скорости благодаря компонентному подходу. Удалось управиться за 8 часов. Ну это конечно mobile first, но на desktop я думаю уйдет часа 4.

Из основных запар это слайдер и кастомный чекбокс (теперь я знаю как это называется) С первым удалось разобраться быстро, единственное, пришлось покопаться в доке и установится direction: 'horizontal', вместо вертикального скрола и slidesPerView: 1.25, для частичного показа следующего слайда.

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

#статистика : 178 дней == 261 часов в ит. Открыть/Комментировать

2022-06-01 18:00:22 ​Вот что бывает когда знаешь javascript.

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

Все оказалось просто. Коллекция это и есть массив всех элементов на страничке с нужным классом. Проходимся циклом forEach/for-of по каждому элементу и вешаем click с нашей функцией появления текста и rotate кнопки. 

А для того чтобы были задействованы только необходимы элементы в активном блоке я нашел два удивительных свойства previousElementSibling и nextElementSibling. Они возвращают пред/след элемент перед текущим. Остается сделать правильную разметку и this сделает всю остальную работу. Есть еще конечно делигирование с target, но оно оказалось сложнее для понимания.

#статистика : 176 дней == 249 часов в ит. Открыть/Комментировать

2022-05-31 16:11:28 ​Сколько часов в день работать?

Вот уже как 2 неделю я полноценный 5/2 и у меня назрел вопрос. А как именно считать эти 5 на 2? Необходимо писать код все 8 часов, либо же 6 часов + 1 час обеда и 1 час на подумать? 

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

Крч мучает вопрос удаленной работы. Сколько часов в день способен человек продуктивно писать код (чтоб не надоело)? И как вы измеряете свои кодо-часы?

#статистика : 175 дней == 244 часов в ит. Открыть/Комментировать

2022-05-26 19:19:22 ​Вот что бывает когда не знаешь javascript.

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

Так как я в совершенстве владею событием click и методом classList.toggle/add/remove, пришлось собирать скрипты на коленке. В комментариях пелена кода. Чувствую, что на выходных меня ожидает рефакторинг. Надеюсь, желание уничтожить кучу классов переверстать весь проект по новой меня не победит.

#статистика : 170 дней == 226 часов в ит. Открыть/Комментировать

2022-05-25 21:32:29 Открыть/Комментировать

2022-05-25 21:27:10 Про длительность pomodoro.

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

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

#статистика : 169 дней == 220 часов в ит. Открыть/Комментировать

2022-05-24 20:26:28 ​Вот и закончился первый скрам спринт.

Процесс создания сайта проходит по методике активного решения задач — Scrum. Берем задачку, делим на кусочки (спринты), а спринты на задачи для команды. Например, сверстать секцию. А еще все дружно созваниваются (на 15 минут) каждый день в 16 00. Рассказывают что сделали и что планируют в рамках своих задач. Бэклог, пики, Product Owner, жира. Очень интересно.

Сначала было не очень, особенно когда увидел макет. Он казался громадным, и я думал что где-нибудь на нем есть то самое место которое невозможно сверстать. Но после декомпозиции нашлось множество повторяющихся блоков и элементов. На 3 странички с шапкой, с четверга, ушло 44 часа. Теперь вызов от javascript’а, необходимо запилить анимации

​#статистика : 168 дней == 216 часов вхожу в ИТ. Открыть/Комментировать