Portfolio frontend-developer

Portfolio

Привет!

Меня зовут Оюна. Я frontend-разработчик

Я окончила курс базовой и продвинутой верстки, Javascript в онлайн-университете Skillbox, сейчас изучаю фреймворк Vue.js.
Мне нравится создавать и учиться новому. У меня огромное желание развиваться в веб-разработке!

Образование

ТУСУР (2006-2011)
Инженер Бытовой радиоэлектронной аппаратуры

Онлайн-университет Skillbox (2020- 2022)
Профессия Frontend-разработчик

Опыт работы

09.2022 - 10.2022 ООО «Некстайп»
HTML-верстальщик: Адаптивная, кроссбраузерная верстка страниц, верстка шаблонов компонентов для CMS Bitrix.
Стек технологий: CMS Bitrix, HTML, CSS (Less), JS, jQuery, Figma, Git (Sourcetree).

Мои навыки

HTML5, CSS3, SCSS, Less
Семантичная, валидная, кроссбраузерная, адаптивная, а также Pixel Perfect верстка. БЭМ-методология.
Javascript
Базовые знания (массивы, объекты, функции, области видимости и пр.), REST API

Figma / Photoshop
Нарезка изображений из макета, экспорт стилей.
Git
Работа с Git, Grid-layout, Flexbox-layout, сборщик проектов Gulp. Английский язык - Intermediate.

Фреймворки, CMS
Сейчас изучаю фреймворк Vue.js, знаю с CMS Bitrix, Wordpress.

Выполненные проекты

Галерея изображений

Приложение с использованием Unsplash API, выводит рандомные изображения, а также есть форма поиска изображений по тегам.
Стек: Javascript, SCSS, HTML, Gulp.

На сайт

Цифровые релизы

Приложение с использованием API кинопоиска (неофициального), запросы fetch.
Стек: Javascript, CSS, HTML.

На сайт

Javascript приложение "Colors"

Приложение в 5 блоках выводит рандомные цвета, при нажатии на кнопку "замок" , определенный цвет можно зафиксировать.
Стек: Javascript, CSS, HTML.

На сайт

Star wars

Приложение: каталог эпизодов Star Wars с выводом детальной информации о каждом фильме с использованием API сервиса https://swapi.dev:

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

Что использовала: Promise.all, async/await, динамические импорты, а также js-router.

Ccылка на демо: http://oyuna-front.ru.xsph.ru/

Стек: Javascript, HTML, CSS.

На сайт

Blanchard

Верстка адаптивного сайта с формой для отправки данных, а также с валидацией формы, маской для телефона, модальными окнами (секция Галерея), автоскролл в мобильной версии при выборе художника.
Стек: HTML, CSS, Javascript, PHP.

На сайт

Верстка страницы

Адаптивная верстка страницы, в секции "Вопросы и ответы" реализовано открытие окон с дополнительной информацией при нажатии на кнопку без сторонних библиотек.
Стек: HTML, CSS, Javascript.

На сайт

Панель управления студентами

Javascript: создание таблицы, валидация формы, сортировка, фильтрация студентов.
Стек: Javascript, CSS, HTML