Мои работы
My-booking
Учебный проект, выполненный в процессе изучения JavaScript.
Сетка макета адаптивная (responsive). Верстка модульная. Использован препроцессор SCSS. Файлы стилей объединены и минифицированы с помощью Gulp, обработаны в autoprefixer. Использован БЭМ-нейминг и mobile-first.
В процессе JS-кодинга, использовался ООП. Код разделен на 5 модулей. Модули подключены с помощью библиотеки require.js.
Список отелей грузится по AJAX, файлом data.json, расположенным в папке data на сервере. Разметка отелей генерируется автоматически посредством JavaScript из html-шаблона template.
Местами в коде использован JSDoc.
Приложение Pink
Верстка
| Сетка | адаптивная |
| Bootstrap | нет |
| Flexbox | да |
| HTML5 | да |
| CSS3 | да |
| Методологии | БЭМ-нейминг, mobile-first |
Оптимизация
| CSS sprite | нет |
| SVG sprite | нет |
| Retina | да |
| Минификация CSS | да |
| Минификация JS | да |
| Autoprefixer | да |
Workflow
| Graphics editor | Photoshop |
| Package Manager | npm |
| Task Manager | Gulp |
| HTML Preprocessor | нет |
| CSS Preprocessor | LESS |
Барбершоп Бородинский
Верстка
| Сетка | фиксированная |
| Bootstrap | нет |
| Flexbox | да |
| HTML5 | да |
| CSS3 | да |
| Методологии | нет |
Оптимизация
| CSS sprite | да |
| SVG sprite | нет |
| Retina | нет |
| Минификация CSS | нет |
| Минификация JS | нет |
| Autoprefixer | нет |
Workflow
| Graphics editor | Photoshop |
| Package Manager | нет |
| Task Manager | нет |
Студия Nerds
Верстка
| Сетка | фиксированная |
| Bootstrap | нет |
| Flexbox | нет |
| HTML5 | да |
| CSS3 | да |
| Методологии | нет |
Оптимизация
| CSS sprite | нет |
| SVG sprite | нет |
| Retina | нет |
| Минификация CSS | нет |
| Минификация JS | нет |
| Autoprefixer | нет |
Workflow
| Graphics editor | Photoshop |
| Package Manager | нет |
| Task Manager | нет |
Обо мне
Я начинающий веб-разработчик. Живу в Москве. Ищу возможность получить опыт разработки frontend в реальных проектах.
Уверенно владею HTML и CSS. Верстаю семантично, адаптивно (использую media queries). Активно использую современные возможности CSS3 (flex, animation, transition, transform, filters, gradients). Обладаю навыками модульной верстки с использованием БЭМ-нейминга и препроцессоров (LESS, SCSS). Знаком с методологией mobile-first. Для сборки проектов использую Gulp.
Знаком с основными принципами оптимизации: CSS sprite, SVG sprite, адаптация графики под retina-дисплеи, минификация исходных файлов.
Владею навыками работы с Photoshop и Illustrator на уровне, достаточном для верстальщика. В перспективе, планирую освоить Sketch.
На данном этапе нахожусь в стадии активного изучения JavaScript. Основной упор делаю на изучение нативного JS. В перспективе планирую освоить основные фреймворки JavaScript (React, Vue, Angular).
Имею базовые навыки работы с системой контроля версий Git. В процессе работы приучаю себя к использованию интерфейса командной строки.
Frontend
HTML5
90%
CSS3
85%
JavaScript
45%
Workflow
Git
55%
Gulp
60%