Front-end

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

Нужно было внести корректировки в html и css по списку, типа форматирования и нейминга, при этом строго следя за тем чтобы внесенные изменения записывались по отдельным коммитам. Ну и не сломать функционал. Как же это сложно морально, хочется быстрей все сделать. В голове картина как prettier сам сделает все красиво, а нужно пилить это ручками с помощью replace. При этом на поставил точку с запятой нужно делать коммит.
Еще на курсе система проверки - кроссчек между студентами, а это значит что все должно максимально соответствовать тз, чтобы исключить моменты где можно неверно трактовать решения. И вот после 15 сделанных коммитов накрывает мысль, что второй по счету нужно бы изменить.

Пришлось тренироваться изменять коммиты. С git у меня отношения не очень, но кажется я начинаю его любить. Не то чтобы я окончательно поняла концепцию веток и куда отрывается detached HEAD, но прогресс явно наметился.
Было волнительно в первый раз применять rebase -i на практике, но блин, какой же он балдежный, я прям в восторге) Можно вернуться в любую точку и сделать там практически что угодно, можно изменить коммит, слить его с другим, но особенно полезно для меня оказалась возможность "разбить" его на несколько.
Руководствовалась вот этим https://git-scm.com/docs/git-rebase#_splitting_commits , добавить туда git stash можно из финального вида нарезать целую предысторию. Локально работать очень удобно, для командной работы наверное не очень тк коммиты переписываются.
По пути потрогала свои первые конфликты.

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

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

По статистике просела, буду нагонять:
времени на обучение потрачено: 17 часов
место в рейте: 255

Приветствую, друзья!

Недавно я опубликовал пост о своем мобильном приложении MyTasks.
Данный пост больше нацелен на разработчиков (начинающих и более опытных).
Я решил сделать этот проект опенсорсным, ссылка на проект в github:
https://github.com/azatgt1996/my-tasks.

Цель проекта: поделиться опытом разработки мобильного приложения на Vue3 и Ionic Capacitor.
Проект не сложный, надеюсь начинающие смогут понять код, старался декомпозировать на модули и компоненты, давать хорошие названия им.
Также буду рад увидеть фидбек от более опытных разработчиков в плане лучших практик разработки.

Немного про фичи приложения:
- добавление, редактирование, выполнение и удаление задач (последние 2 действия можно выполнять прямо в списке свайпами влево/вправо)
- мультиязычность, темная тема, настройки
- категории задач
- групповые действия с задачами
- уведомления и приоритеты задач
Ссылка на само приложение:
https://play.google.com/store/apps/details?id=com.kvarta.myt...

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

Спасибо за внимание!

Посмотрев на дэдлайны выданных на прошлой неделе задач (до 14 января), я немного расслабилась. По вечерам не спеша решала задачки плюс дочитала материалы по css.

Начала с задач на массивы. Они шли с ограничением не использовать циклы, основной упор на методы массивов. Из нового, что осело:
-Array.from() - довольно удобная штука, с помощью которой можно на месте создать массив и сразу для каждого элемента применить функцию.
-Пустые слоты в массиве - это не undefined, многие методы их игнорируют, и для применения нужно сначала "наполнить" слоты.
-Многие мутирующие методы имеют не мутирующих близнецов, запомнить легко, тк к названиям просто добавлено to, toSorted() например. При решении задач, на мутирование не оглядывалась, но в голове держать полезно.
-Reduce, мой не любимый и мною избегаемый, оказался не таким страшным, после того как я поняла что аккумулятор, по сути это то, что функция возвращает при каждой итерации. Сначала еще забывала передавать начальное значение. Его наверное можно и не передавать если оно совпадает с первым элементом массива, но когда прописывается получается понагляднее.

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

По css у меня оставались статьи про новые функции, из интересного:
-Сss модули, как я поняла главный бенефис модулей - это локальная область видимости + возможности composes, что-то типа extends с sass.
-Сontainer queries позволяет менять элементы в зависимости от родительского контейнера. Играть от размеров контейнера для адаптивного дизайна звучит как что-то очень полезное. Поддержка у браузеров вроде довольно хорошая) помимо размеров можно будет еще привязываться к стилям родителя.
- Popover + Anchor похоже будет хорошая связка, довольно легкая в использовании, нашла статейку на тему ссыль

Статистика:
времени на обучение потрачено: 18 часов
место в рейте: 189