Закир Хункаев

JavaScript(ES6+), HTML5, CSS3, адаптивная вёрстка, Bootstrap, React + Redux (toolkit, thunk), автоматическое тестирование (Jest), Git и GitHub

Инструменты: VS Code, Chrome DevTools, Unix

Page Loader (CLI Tool)

• Продолжительность: 2-4 недели
• Связано с: Hexlet

В этом проекте я разработал инструмент командной строки на Node.js для скачивания веб-страниц и их ресурсов (HTML, изображения, CSS и JavaScript) для оффлайн-использования. Использовал Axios для HTTP-запросов, Cheerio для парсинга HTML и Jest для тестирования. Проект ориентирован на асинхронное программирование, обработку ошибок и эффективное управление данными для веб-скрапинга.

Ключевые особенности:
- Скачивание HTML-контента и ресурсов для оффлайн-доступа.
- Использование Axios, Cheerio и Jest для веб-скрапинга и тестирования.
- Ориентированность на обработку ошибок и ведение логов.

Навыки: Node.js, Axios, Cheerio, Jest, Async/Await, HTTP-запросы, Веб-скрапинг, Обработка ошибок

Chat (Slack)

• Продолжительность: 2-4 недели
• Связано с: Hexlet

В этом проекте я разработал чат в реальном времени, аналогичный Slack, используя React/Redux, AJAX, REST API, WebSockets, React хуки, Redux (@reduxjs/toolkit) и Formik. Проект включает в себя создание полнофункционального чата, где пользователи могут отправлять сообщения в реальном времени, управлять аутентификацией пользователей и состоянием приложения с помощью Redux. Также я использовал vite для сборки и деплоя приложения в продакшн.

Ключевые особенности:
- Сообщения в реальном времени с использованием WebSockets.
- Аутентификация пользователей и роутинг с помощью React Router.
- Обработка и валидация форм с использованием Formik.
- Управление состоянием с помощью Redux (@reduxjs/toolkit).
- Мониторинг ошибок с использованием Rollbar.

Навыки: React, Redux, WebSockets, REST, AJAX, React Router, Formik, Vite, Rollbar

RSS Агрегатор

• Продолжительность: 2-4 недели
• Связано с: Hexlet

RSS — специализированный формат, предназначенный для описания лент новостей, анонсов статей и других материалов. RSS Reader — это сервис для агрегации RSS-потоков, с помощью которых удобно читать разнообразные источники, например, блоги. Он позволяет добавлять неограниченное количество RSS-лент, сам их обновляет и добавляет новые записи в общий поток.

Цель проекта — уверенная работа с DOM, Webpack, Bootstrap, AJAX, валидацией и деплоем проекта. Проект включает работу с чистым DOM, настройку сборки с помощью Webpack, а также разработку и деплой приложения.

Навыки: DOM, Webpack, Bootstrap, AJAX, Валидация, Деплой

Difference Calculator

• Продолжительность: Сентябрь 2023 - Декабрь 2023
• Связано с: Hexlet

"Difference Calculator" — это программа, которая определяет различия между двумя структурами данных. Это популярная задача, для которой существует множество онлайн-сервисов, например JSONDiff. Подобный механизм используется при выводе тестов или при автоматическом отслеживании изменений в конфигурационных файлах.

Навыки: JavaScript

Brain Games

• Продолжительность: Август 2023
• Связано с: Hexlet

Набор из пяти консольных игр:
- Brain-Even
- Brain-Calc
- Brain-GCD (наибольший общий делитель)
- Brain-Progression
- Brain-Prime

Навыки: JavaScript

Hexlet Chat

• Продолжительность: Июнь 2023
• Связано с: Hexlet

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

Навыки: Surge, pug, gulp, SASS, Git, Bootstrap (Framework)

Music Box

• Продолжительность: Апрель 2022
• Связано с: Hexlet

Проект является логическим продолжением первого проекта. В нем я создаю макет, используя методологии OOCSS и Atomic CSS.

Навыки: SASS, OOCSS, Figma, Atomic CSS

Cognitive Distortions

• Продолжительность: Март 2022
• Связано с: Hexlet

Лендинг-страница, описывающая распространенные когнитивные искажения в программировании. Это самые частые проблемы, с которыми сталкиваются многие разработчики на различных этапах своей карьеры. Узнайте, как с ними справляться и какие они бывают.

Навыки: Flexible Approach, Atomic CSS