Frontend girl
Продолжаем делать проект на next js, разбираем структуру проекта, роутинг и создаем компоненты разной сложности
Продолжаем делать проект на next js, разбираем структуру проекта, роутинг и создаем компоненты разной сложности
Всем привет, окунитесь в обычный рабочий день frontend разработчика. Жена пикабушника делает листинг каталога для онлайн бронирования vr игр
Приятного просмотра, с удовольствием отвечу на все вопросы по теме
На прошлой неделе приболела, процесс обучения немного пострадал, собственно из сделанного только практическое задание. И пока это задание лидирует в моем топе неприятного.
Нужно было внести корректировки в 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-эмулятор, что сильно экономит время и ресурсы компьютера. Просто запускаете проект и сразу видите результат в вашем браузере.
Спасибо за внимание!