Я только в начале своего пути. А это значит, что по мере развития моих умений и навыков сайт будет расти и дополняться проектами
Обо мне
В 2023 году завершила 10-месячный курс «Веб разработчик" (React) от Яндекс Практикума.
Опыт вёрстки на «чистом коде» (HTML, CSS, JavaScript) более года.
Несколько месяцев осваиваю создание сайтов на Tilda, ведь она позволяет делать сайты быстро и качественно. А мои знания вёрстки и умение «кодить» позволяют расширить стандартный функционал блоков этого конструктора.
В настоящее время трудоустроена по специальности. Занимаюсь сопровождением электронного каталога запчастей одного из отечественных автомобильных заводов на фреймворке Vue.
Фрилансом занимаюсь в свободное время, чтобы отточить навыки, изучить новые приёмы и реализовать свой творческий потенциал.
Осваиваю курсы «Веб-дизайн» и «Figma c нуля до PRO» от Skillbox, чтобы делать ещё более крутые и качественные сайты.
Одна из моих первых освоенных специальностей «Юриспруденция», поэтому при разработке сайта я обращаю внимание заказчиков на соблюдение требований законодательства РФ (наличие политики в отношении обработки персональных данных на сайте, соблюдение авторских прав и др.).
Мой стек технологий
Tilda
Figma
Photoshop
Vue
React
Element UI/Plus
Vite
WebPack
Node.js
MongoDB
HTML5
CSS3
JavaScript
Что я могу для вас сделать
Одностраничный сайт (Лендинг)
от 7 дней
Это сайт, призывающий посетителей что-то сделать — заказать услугу, забронировать номер, вызвать мастера, записаться на мероприятие и т.п. Подходит для малого бизнеса с небольшой продуктовой линейкой, индивидуальном оказании услуг, оформления портфолио, визиток и пр.
от 8 000 рублей
Многостраничный сайт
от 15 дней
Сайт от двух страниц. Может пригодиться для любой сферы, содержать в себе подробную информацию о товарах, работах, услугах, компании и т. д.
от 15 000 рублей
Обновление материалов на сайте
от 3 дней
Время идёт, материалы на сайте требуют обновления. Сроки и стоимость: по договорённости, в зависимости от объёма работ.
от 3 000 рублей
Почему так дёшево?
Я только начинаю свой путь в качестве фрилансера. Цена небольшая в том числе для привлечения клиентов. Это не значит, что работа будет некачественно. Наоборот, я приложу все усилия и навыки, чтобы наилучшим образом удовлетворить потребности заказчика и сделать работу функциональной и удобной для клиента. Непосильные заказы не беру. Сомневаетесь? Посмотрите отзывы.
Креативное пространство для проведения мероприятий и фотосессий. От детского дня рождения и пижамной вечеринки до корпоратива и творческого мастер-класса.
Данный сайт разработан без макета, по примеру того, что хотел бы видеть заказчик.
Особенности:
подключено доменное имя;
использованы галереи и слайдеры для демонстрации фотографий;
используется видео с YouTube;
в разделе "Цены" информация в выпадающих списках формируется из Google-таблиц, благодаря чему все изменения в таблице отображаются на сайте без дополнительных изменений в профиле Tilda;
реализована адаптация под мобильные устройства;
присутствует форма обратной связи со сбором данных в Telegram;
добавлены страницы с политикой в отношении обработки персональных данных и ошибкой 404 "Ничего не найдено";
к номеру телефона добавлена ссылка, чтобы при клике на него начинался звонок.
Данный проект выполнен в рамках обучения на курсе «Веб разработчик» Яндекс.Практикума.
Сервис Mesto является интерактивной страницей, куда можно добавлять фотографии, удалять их и ставить лайки.
Для создания этой страницы использованы возможности html, css и javascript. Файловая структура оформлена по БЭМ. Для вёрстки заголовков применяются несколько тегов от h1 до h2, текстовые блоки размечены тегом p. Присутствуют и используются по назначению элементы header, main, footer, section, div, article, dialog, form, button, figure и figcaption. Изображения используются растрового и векторного формата. Для создания сеток используется grid и flex.
Кросбраузерность отображения страницы и её сборка обеспечена с использованием Webpack. Форматирование кода выполнено автоматически с помощью расширения «Prettier — Code formatter» для VS Code.
Кроме того, благодаря возможностям javascript реализовано всплывающее окно изменения данных о пользователе, добавление/удаление записей на странице, валидация форм, увеличение фотографии, проставление лайков понравившимся записям.
Часть картинок взята из макета в Figma, остальные - с сервиса фирменной стоковой фотографии Unsplash.
Планы по доработке проекта: добавить форму редактирования изображения профиля, сделать адаптивность сайта более плавной, создать базу данных пользователей сервиса, добавить счётчик лайков и реализовать возможность поделиться фотографией с сайта, сделать английскую версию страницы.
Данный проект выполнен в рамках обучения на курсе «Веб разработчик» Яндекс.Практикума.
Информационная страница о путешествии по России.
Для создания этой страницы использованы возможности html и css. Файловая структура оформлена по БЭМ. Для вёрстки заголовков применяются несколько тегов от h1 до h3, текстовые блоки размечены тегами p и span, списки — ul и li.
Присутствуют и используются по назначению элементы header, main, footer, section, nav, связка figure + figcaption. Изображения используются растрового и векторного формата. Для создания сеток используется grid и flex. Для обеспечения кроссбраузерности отображения страницы использован Автопрефиксер. Ссылки на странице реагируют на действия пользователя по наведению мыши.
Планы по доработке проекта: сделать адаптивность сайта более плавной, устранить неточность отображения на различных устройствах, добавить анимацию (например, увеличение картинки при нажатии), сделать английскую версию страницы.
Обсуждаем проект в любом из мессенджеров или в ходе телефонного разговора. Изучаем, что есть сейчас, какие есть материалы. Находим примеры того, что в конечном итоге хотели бы видеть. Или используем готовый макет.
2
Вёрстка в Tilda
Объединяю идеи в готовый сайт, добавляю анимацию элементам на странице. По мере готовности различных блоков показываю Вам для согласования и оперативного внесения правок. В разработку также входит добавление Политики в отношении обработки персональных данных и страницы-заглушки «Ошибка 404. Ничего не найдено» (она нужна на случай перехода посетителей по несуществующему или ошибочному адресу сайта).
3
Адаптация под мобильные устройства
Крайне важный шаг. Начинается после итогового утверждения десктопной (настольной, для ПК и ноутбуков) версии сайта. Без этого сейчас никуда.
4
Подключение необходимых ресурсов
На этом этапе подключаются формы и сервисы для сбора их данных (Telegram, Google-таблицы, электронная почта) — всё, что доступно и необходимо к подключению. Также добавляются все необходимые ссылки, документы, доменное имя (при необходимости).
5
Передача сайта
Вы регистрируетесь на Tilda по моей ссылке, чтобы получить дополнительный месяц к выбранному тарифу, и оплачиваете свой тариф. После этого я передаю Вам сайт.
6
Гарантийное обслуживание и помощь
По завершении работ я покажу Вам, как обновлять информацию на сайте. Если в течении полугода на сайте будет обнаружен дефект отображения или что-то сломается не по причине человеческого фактора — я бесплатно это исправлю.