Anonymous

Претендую на позицию front-end разработчика.

Начал плотно заниматься изучением html, css в сентябре 2019 года. Искал информацию по просторам интернета, качался на веб-тренажерах, в итоге, через 2 месяца сделал 2 макета фиксированной верстки.

Понял, что самостоятельно изучая веб-технологии, конечно, можно много добиться, но поиск истины "правильного кода" заберет еще больше времени. Поэтому в уже ноябре записался на интенсив “HTML и CSS, уровень 2” от HTML Academy. Успешно защитил 2 проекта («Мишка», «Кэт Энерджи») на 100%. Техническое задание к каждому проекту состояло из 100 критериев.

Затем, просмотрев вакансии, понял, что с умением только красиво и правильно верстать тоже далеко не уедешь. Значит, надо знать еще, как минимум, JS. Поэтому, не долго думая, начал профессию фронтед-программист на учебном ресурсе "Hexlet". Через год портфолио пополнилось еще 5 проектами. Затем прошел стажировку на open source "hexlet-basics". И вот вы читаете резюме достойного Джуна)

Портфолио:
На данный момент в портфолио 5 работ по верстке и 5 по JS:

Верстка:

• fix:
  • Интернет-магазин гаджетов "DEVICE"
    
  • Сайт туристического городка в штате Аризона "Sedona"
    
• adaptive:
  • Интернет-магазин игрушек ручной работы "Мишка"
    Общие технические требования:
    1. Адаптивность сетки: мобильная, планшетная и десктопная версии («фикс» или «резина»).
    2. Адаптивность графики: ретинизация, векторные изображения.
    3. Используемая методология: БЭМ.
    4. Используемый препроцессор: Sass.
    5. Используемый инструмент автоматизации: Gulp.
    6. Используемые фреймворки: нет.
    7. Кроссбраузерность: Chrome, Firefox, Safari, Edge, Internet Explorer 11.
    8. Типографика: частично определена в макете (прочее — на усмотрение разработчика).
    9. Используемый шрифт: Open Sans.
       
• responsive:
  • Интернет-магазин фитнес еды для котиков "Cat energy"
    *Общие технические требования идентичны выше указанным
  • Сайт туристического городка в штате Аризона "Sedona"
    *Общие технические требования идентичны выше указанным
    

JS:

• front:
  • Проект №1: “Игры разума”
    Набор из пяти консольных игр. Цели проекта:
    1. Знакомство с экосистемой JS (Node.js, ESlint, babel);
    2. Работа с репозиторием на GitHub, организация CI (GitHub Actions), подключение метрик (CodeClimate);
    3. Работа с npm пакетами, публикация и локальное использование.
  • Проект №2: “Вычислитель отличий”
    Создание cli утилиты, сравнивающей файлы json, yaml или ini форматов. В проекте затрагиваются такие темы как:
    1. Построение cli приложения на базе библиотеки commander.js;
    2. Проектирование архитектуры приложения;
    3. Чтение файлов средствами Node.js;
    4. Парсинг данных из json, yaml, ini;
    5. Написание unit-тестов (Jest).
       
  • Проект №3: “RSS агрегатор”
    Cервис для агрегации RSS-потоков, с помощью которых удобно читать разнообразные источники, например, блоги. Он позволяет добавлять неограниченное количество RSS-лент, сам их обновляет и добавляет новые записи в общий поток. Реализация проекта подразумевает собой:
    1. Работа с чистым DOM (селекторы, события и генерация HTML средствами DOM API)
    2. Реализация MVC (разделение кода на слои, правильное выделение состояния и его нормализация, автоматное программирование)
    3. Асинхронный JavaScript (promises, async/await)
    4. Webpack (настройка сборки, деплой в продакшен.)
  • Проект №4: “Чат (Slack)”
    Аналог Slack-чата (очень упрощенная версия). Реализация проекта подразумевает собой:
    1. Работа с веб-сокетами
    2. Взаимодействие с REST API
    3. Использование React (с хуками)
    4. Redux (через reduxjs/toolkit)
    5. Formik
    6. react-bootstrap
    7. Сборка (webpack) и деплой (heroku).
• back:
  • Проект №5: “Загрузчик страниц”
    Утилита командной строки, которая скачивает страницы из интернета и сохраняет их на компьютере. Вместе со страницей она скачивает все ресурсы (картинки, стили и js) давая возможность открывать страницу без интернета. Реализация проекта подразумевает собой:
    
    1. Работа с асинхронным кодом в JavaScript
    2. Тесты на Mock / Stub
    3. Работа с ошибками и исключениями
    4. DOM
    5. promises
    6. async / await
    7. Работа с HTTP