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

2022-07-07 14:54:44 ​Про pixel мать его perfect

После некоторого знакомства с версткой я усвоил, что должен делать все в точности как на макете. Менторы топали ножкой и грозили кулачком на ревью: «отклонение не более 2х пикселей!» И я каждый раз пугался глядя на результат и еще неделю подгонял пп.

Ну и как оказалось на деле всем плевать на эти 2 пикселя, хоть 10! Главное, чтоб визуально никто ничего не заметил. Как говориться, бизнес не выделил времени на пп. А вдруг дизайнер того? Ну совсем несистемный, хочет чтобы было так как он видит. А у тебя space-between с одной стороны ок, а с другой костыли…

Крч интересно стало, так ли оно важно на самом деле? Нужен ли пп или это забытый тренд хайпанувший однажды и постепенно уходящий в пучину забытых технологий?

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

2022-07-07 10:06:25 ​Всем доброе, рабочее утро!

Передаю привет моим пацанам sass, less one love - one peace и старичка jQuery не забывайте, ар-ай-пи!

Рубрика #эксперименты с контентом. Открыть/Комментировать

2022-07-06 19:26:42 ​А что там у Яндекс Практикума?

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

Больше всего нравится текст и подача. Прям видно, что с душой. Очень доходчиво доносят идеи. Особенно зашел раздел про БЭМ и bash с Git’ом. Ну а тренажер это отдельная песня. Заморочились настолько, что запилил свою IDE с ответами и автодополнением. 

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

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

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

2022-07-05 18:43:32 ​Меня уволили

Если это можно так назвать. Думал приключение затянется +- на неделю тк визуально макет был небольшим. Но идеи подкрались незаметно. К завершению верстки добавились еще странички... а потом еще и еще, а еще ревью, рефакторинг, доступность и даже логику пришлось писать.

Крч было интересно + 20к заплатили Первые деньги в ИТ! Но больше радует опыт который я получил. Понял что такое командная работа, кто такой менеджер проектов, почему фронт не любит дизайнера и не может ничего поднять без общения с беком.

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

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

2022-06-29 12:57:39 ​Мне слили Яндекс Практикум.

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

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

Это ни в коем раз не реклама, а первый взгляд. Полное мнение я смогу составить после прохождения курса. Изначально думал зацепить только js и backend, но решил бегло пройти с 0 все модули (вдруг чего забыл или пропустил). Крч думаю будет весело, а результатами в обучении я буду делиться на канале, как и ранее.

#статистика : 202 дня == 332 часа в ит. Открыть/Комментировать

2022-06-28 16:14:08 ​Возвращаюсь к забытому javascript’у х3.

С версткой я снова позабыл старого друга. Сегодня надо было получить уникальные данные от data-атрибутов с помощью getAttribute и передать в title popup’а, (текст из data-title-text), который приходит с клика по кнопке.

Получить то я их получил, а как обработать, вернуть и вставить, забыл:( Но небольшие гугления напомнили мне свойство textContent. Как оказалось, оно отличается от innerHTML. Но сейчас не про это.

Крч, было решено снова подтянуть js. В этот раз выбирая источник, мои выбор пал на skillfactory, который был куплен год назад, но отпугнул огромным талмудом заумной теории. Сейчас же мои скилы уже на порядок выше и возможно момент настал. Бонусом я наконец то понял (спустя 2 месяца), что же значит (ДИНАМИЧЕСКОЕ) ключевое слово this.

Судя по графику тем, ягодки будут впереди, но однозначно, процесс познания стал намного легче и быстрее чем в самом начале пути. Интересно, с чем это связанно?

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

2022-06-27 19:39:11 ​Познакомился с модальными окнами.

Выпал мне значит таск на pop-up всплывающей ошибки. Посмотрел я его и думаю, что верстка заголовка с текстом заимет 1-2 часа. В процессе я понял, что все не так просто и как оказалось имя этой проблемы модальное окно.

Модалка, это такая выпадашка которая затемняет весь контент и делает акцент на себе до тех пор, пока это окно не скроешь. На словах просто, а на деле нужно было прикрутить обработчики событий на всевозможные области. Например, закрытие по кнопке ESC и по клику на overlay.

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

Разметку и логику оставлю в комментариях, на вид стало лучше, чем ранее )

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

2022-06-26 17:19:40 ​Запускаю конкурс!

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

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

А теперь ВНИМАНИЕ! Обращаюсь к коллективному разуму и прошу подкинуть идей с названием для блога + аватарка (можно на словах). В замен, я свято клянусь выбрать лучшего (по моему мнению) автора. Упаковать ему и отправить в любой уголок Росси книжку «Грокаем алгоритмы» (рецензию на которую я опубликую позже)

Варианты жду в комментариях к этому посту. Ну и спасибо заранее )

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

2022-06-20 10:05:00 ​Про список дел == todo list.

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

Теория говорит что:
1 - составлять список дел на следующий день вечером. 
2 - если дело отнимает менее 5 минут, пойти и сделать его. 
3- записывать все подробно, чтобы не тратить времени на восстановление контекста задачи, а сразу ее решать. 

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

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

2022-06-17 10:05:00 ​Впервые использовал oder.

Как говорит тимлид, дизайн должен быть техническим. Это когда везде отступы одинаковые, кнопочки визуально схожи и сама структура блоков +- однородна. Но иногда бывает вот так.

В макете, теги стоят на desktop’е cверху а на мобилке снизу. Для того чтобы исправить эту ситуацию я придумал костыли. Влупил заголовку paddig-botooom/top 60px; и раскидал блоки через position absolute; на bottom/top 30px, left 30px. План удался.

Спустя пару дней я заподозрил что-то неладное и познакомился со свойством order. Оно позволяет задавать порядок следования отдельно взятого flex -элемента, без вмешательства в html (благодаря медиазапросам). Для изменения необходимо задать номер позиции в flex-контейнере.

Мое любимое order: -1; ставит на первое место любой элемент. Минус 4 дополнительных класса и новое свойство в копилку.

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