СЛАЙДЕР
СПИСОК

Chat

Чат для коммуникации с возможностью создавать, переименовывать, удалять каналы, с подсказками и запретом ненормативной лексики

Это четвертый дипломный проект, реализованный при изучении профессии Javascript-разработчика на hexlet.io (мой аккаунт)

При работе с проектом были использованы следующие технологии: работа с веб-сокетами, взаимодействие с REST API, использование React (функциональные компоненты), Redux-toolkit, организация роутинга на клиенте, авторизация и аутентификация, использование библиотек - formik, yup, leo-profanity, react-i18next, react-toastify, мониторинг ошибок в продакшене (Rollbar) и, конечно же, сборка (webpack)

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

RSS-агрегатор

RSS-агрегатор для чтения новостей с выбранных сайтов.

Это третий проект, реализованный при изучении профессии Javascript-разработчика на hexlet.io (мой аккаунт)

Проект сфокусирован на работе с чистым DOM, отрабатывалась работа с селекторами, событиями и генерацией HTML средствами DOM API. Особое внимание уделено формам. Приложение разрабатывалось на основе шаблона проектирования MVC и построено на промисах без использования (исключительно в ученических целях) async/await. Для сборки применен Webpack5. Для организации текстов и перевода использована библиотека i18next.

Выполнен деплой приложения на versel, где можно им воспользоваться

Webpack-template

Webpack однозначно полезный инструмент. Он анализирует модули приложения и создает граф зависимостей, затем собирает модули в один или более bundle. Кроме того сборщик преобразует некоторые файлы, например Sass - проблемы с настройкой позади(!) - в другой формат.

Базовый шаблон был собран на базе пятого webpack-а для работы с проектами, в которых используются Sass(Scss), Pug, Bootstrap, Jquery, React.

Приложение по созданию, чтению, фильтрации, удалению работников предприятия.

Пришло время React-а: первое ученическое приложение создано и залито на гитхаб.

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

Вычислитель отличий

«Вычислитель отличий» между двумя файлами в форматах json, yaml.

Это второй проект, реализованный при изучении профессии Javascript-разработчика на hexlet.io (мой аккаунт)

В проекте реализована работа с деревьями - обход, преобразование, формирование AST (абстрактного синтаксического дерева). Проект написан в функциональном стиле. В процессе работы пришло понимание форматов данных json, yaml, ini (структура, изучение синтаксического анализа в js и обратно)

В результате создано полноценное приложение CLI с анализом входных параметров, проверкой и созданием справки.

Проект "Игры разума"

«Игры разума» — набор из пяти консольных игр. Каждая игра задает вопросы, на которые нужно дать правильные ответы.

Это первый проект, реализованный при изучении профессии Javascript-разработчика на hexlet.io (мой аккаунт)

Работа над проектом началась с настройки среды окружения: установлен node.js, прописаны зависимости в npm, для чтения пользовательского ввода подключена сторонняя библиотека readlineSync. Для удобства работы использован make. Для автоматического отслеживания качества кода - настроен линтер (Eslint), для непрерывной интеграции - подключены сервисы Github Actions и CodeClimate.

В процессе принято решение установить единственной ОС Ubuntu и как следствие в работе с терминалом закреплен теоретический материал по основам командной строки. Для записи игр в терминале использован удобный опенсорсный инструмент asciinema. Проект также помог разобраться с системой контроля версий, одним из главных инструментов в арсенале любого разработчика.

Chat

+ для коммуникации с возможностью создавать, переименовывать, удалять каналы, с подсказками и запретом ненормативной лексики.

Это четвертый дипломный проект, реализованный при изучении профессии Javascript-разработчика на hexlet.io (мой аккаунт) При работе с проектом были использованы следующие технологии: работа с веб-сокетами, взаимодействие с REST API, использование React (функциональные компоненты), Redux-toolkit, организация роутинга на клиенте, авторизация и аутентификация, использование библиотек - formik, yup, leo-profanity, react-i18next, react-toastify, мониторинг ошибок в продакшене (Rollbar) и, конечно же, сборка (webpack) Выполнен деплой приложения на heroku, где можно ознакомиться с функционалом

RSS-агрегатор

+ для чтения новостей с выбранных сайтов.

Проект сфокусирован на работе с чистым DOM, отрабатывалась работа с селекторами, событиями и генерацией HTML средствами DOM API. Особое внимание уделено формам. Приложение разрабатывалось на основе шаблона проектирования MVC и построено на промисах без использования (исключительно в ученических целях) async/await. Для сборки применен Webpack5. Для организации текстов и перевода использована библиотека i18next. Выполнен деплой приложения на versel, где можно им воспользоваться.

Webpack-template

+ Базовый шаблон

который собран на базе пятого webpack-а для работы с проектами, использующих Sass(Scss), Pug, Bootstrap, Jquery, React. Webpack анализирует модули приложения и создает граф зависимостей, затем собирает модули в один или более bundle. Кроме того сборщик преобразует некоторые файлы, например Sass - проблемы с настройкой позади(!) - в другой формат.

Приложение по созданию, чтению, фильтрации, удалению работников предприятия

+ Приложение №1

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

Проект "Вычислитель отличий"

+ между двумя файлами в форматах json, yaml.

В проекте реализована работа с деревьями - обход, преобразование, формирование AST (абстрактного синтаксического дерева). Проект написан в функциональном стиле. В процессе работы пришло понимание форматов данных json, yaml, ini (структура, изучение синтаксического анализа в js и обратно) В результате создано полноценное приложение CLI с анализом входных параметров, проверкой и созданием справки.

Проект "Игры разума"

+ набор из пяти консольных игр.

Работа над проектом началась с настройки среды окружения: установлен node.js, прописаны зависимости в npm, для чтения пользовательского ввода подключена сторонняя библиотека readlineSync. Для удобства работы использован make. Для автоматического отслеживания качества кода - настроен линтер (Eslint), для непрерывной интеграции - подключены сервисы Github Actions и CodeClimate. В процессе принято решение установить единственной ОС Ubuntu и как следствие в работе с терминалом закреплен теоретический материал по основам командной строки. Для записи игр в терминале использован удобный опенсорсный инструмент asciinema. Проект также помог разобраться с системой контроля версий, одним из главных инструментов в арсенале любого разработчика.