Хочу выразить огромную благодарность Андрею Гончарову, за то, что поверил в меня, выбрал в программу менторства и помогал на финальном отрезке пути. Если бы не Андрей, кто знает как бы сложились обстоятельства. Надеюсь мы и дальше продолжим общение и возможно когда-то поработаем вместе :)

Что касается моих проектов - я их не бросаю, просто буду работать в свободное время.

Спасибо всем, кто читал эти отчеты, кто, возможно переживал за меня. Всем желаю удачи в трудоустройстве и в жизни.

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

Посмотреть как сейчас выглядит мой проект можно по ссылке: https://splcell.github.io/investments/

Всем спасибо за внимание, до встречи на следующей неделе.

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

Работа над проектом напомнила мне, как некоторое время назад я не мог придумать способ сделать переиспользуемый компонент графика в реакт, а сейчас сделал. Видимо прогресс в обучении все таки есть :)

Больше на этой неделе не происходило ничего значимого и интересного, поэтому следите за следующими отчетами, в них я продолжу рассказывать о создании пет-проекта, а в ближайшем расскажу о результате выполнения тестовых заданий. А вдруг будет оффер :)

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

На ближайшей неделе начнется вторая неделя спринта. Я буду продолжать создавать вкладку профиля и напишу тесты и сторибуки для созданных компонетов.

Кроме того в этом отчете хочу поделиться впечатлениями от поиска работы. На мой взгляд в последнее время отказов стало больше чем обычно. Возможно это связано с приближающимся концом года. На данный момент у меня уже 810 откликов только на hh.ru

Со всем кодом, написанным на этой неделе, можно ознакомиться здесь: https://github.com/splcell/investments

Посмотреть как сейчас выглядит мой проект можно по ссылке: https://splcell.github.io/investments/

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

С составленными спринтами можно ознакомиться здесь https://www.notion.so/d2cd79e983484fdfbeca055d256b8407?v=1e105f12ca8d4349bcd7065abcf0ff17&pvs=4

С кодом, написанным для пет-проекта, можно ознакомиться здесь:

https://github.com/splcell/investments/tree/main

С визуальным оформлением проекта можно ознакомиться по ссылке:

https://splcell.github.io/investments/

В далекой перспективе я хочу превратить этот проект в open-source, а потом и вообще, сделать его коммерческим. На этапе превращения в open-source я планирую привлечь к работе других разработчиков и дизайнеров и уже с ними реализовать такой функионал как: добавление личного кабинета, где пользователь сможет добавлять ценные бумаги в портфель и отслеживать динамику портфеля, будет создано мобильное приложение как аналог адпативной версии сайта, а также телеграм-бот, где можно будет отслеживать последнюю информацию, даже тогда когда нет возможности войти на сайт.

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

Для того чтобы понимать, что примерно будет представлять из себя проект, предлагаю посмотреть 2 сайта, которыми я вдохновлялся:

1. Investing

2. Seeking Alpha

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

1. Создание компонента и всей его логики

2. Написание тестов для компонента, при необходимости

3. Написание сторибука для компонента

4. Загрузка кода на гитхаб

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

Самая первая задача, которой я займусь сразу после начала работы, это создание главной страницы, которая будет включать в себя поиск, блок с новостями, несколько блоков с разными котировками. Например top gainers, top loosers, most searched и т.п. Следующей задачей станец создание вкладки Profile на странице компании.

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

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

В каталоге фильмов столкнулся с трудностями, при добавлении в url search-параметров, страница все равно не открывается в браузере по прямой ссылке, выдавая ошибку 404. Искал ответ на этот вопрос, пока есть подозрение, что это происходит из-за деплоя через vercel. Пока эта ошибка сохраняется.

С написанным кодом можно ознакомиться по ссылкам:

Курс

Фильмы

В каталоге фильмов были исправлены найденые ошибки, переработана страница фильма, настроено тестовое окружение и сделана адаптация под мобильные устройства главной страницы.

В рамках курса были получены и закреплены знания связаные с нормализацией данных, был использован createEntityAdapter, предоставляемый redux-toolkit, а также рассмотрены все тонкости создания компонента комментариев.

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

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

С написанным кодом можно ознакомиться по ссылкам:

Каталог фильмов: https://github.com/splcell/movies

Курс: https://github.com/splcell/frontend-course

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

На этой неделе я также приобрел себе книгу JavaScript с нуля до профи и начал ее читать надеясь сильнее углубиться в теорию и возможно закрыть в ней какие-то имеющиеся пробелы.

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

С написанным кодом можно ознакомиться здесь

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

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

Добавил для каталога фильмов ссылку по которой его можно открыть и посмотреть.

С кодом, написанным в рамках прохождения курса, можно ознакомиться здесь

С кодом написанным в рамках создания каталога фильмов можно ознакомиться здесь

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

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

С кодом, написанным в рамках прохождения курса, можно ознакомиться здесь

С кодом написанным в рамках создания каталога фильмов можно ознакомиться здесь

Поэтому все эти дни я занимался созданием этого проекта, а также чтением документации Redux, так как работа над проектом показала наличие определенных пробелов в знаниях, связанных с этой библиотекой. И хотя проект еще не закончен и как тест его отправлять я уже не буду, решил все равно сделать его до конца, так как во-первых это практика, закрепление знаний и закрытие пробелов, а во-вторых у меня в портфолио уже был каталог фильмов, но созданный с использованием менее продвинутых технологий (например без state-менеджера), поэтому я смогу заменить тот, старый каталог фильмов, на более продвинутый, что будет несомненным плюсом.

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

А с кодом, написанным за эту неделю, можно ознакомиться здесь

В настоящее время я прохожу курс по продвинутому фронтенду и за эти 4 дня я закончил прохождение блока, рассказывающего о работе с данными в React. В рамках этого блока я узнал:

1. Про json-server, его настройку для имитации бэкенда

2. Про создание кастомного инпута с учетом всех тонкостей React

3. Про создание pre-commit хуков с помощью Husky

4. Про создание компонента авторизации и написание логики для работы этого компонента с сервером

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

Со всеми коммитами и написанным кодом можно ознакомиться в этом репозитории.

На мой взгляд, все эти знания, за исключением разве что pre-commit хуков, являются очень полезными и востребованными. Что касается Husky, возможно такое мнение сложилось из-за того, что ролик в курсе был коротким, а использование pre-commit хуков в рамках курса вынужденным. Возможно стоит почитать об этой теме подробнее, чтобы оценить всю полезность.

Кроме курса по фронтенду я также посмотрел 3 урока из курса по самопрезентации для прохождения собеседований.

Планы на ближайшие выходные и на следующую неделю.

На ближайших выходных планирую выполнить базовую настройку промежуточного проекта, основанного на google-books api, на котором можно будет закрепить полученные знания. Когда настройка будет выполнена дам ссылку на репозиторий в одном из следующих отчетов.

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