Персональный сайт программиста
Вишневецкого Александра

  • Сайт магазина свечей

    По уроку одного блоггера. Он выложил большой обучающий ролик (на 11 часов) на youtube. По figma-макету кого-то третьего. С одной стороны, я был последователем, т.е. работа не самостоятельная. С другой - мне всё понятно, вполне могу повторить. И небольшую часть я делал иначе, как мне понравилось.

    Подробности...
    Я, вслед за блоггером, верстал. Кое-что не получалось. Как-то преодолел, исправил. Были и в figma-макете недостатки. Кое-что можно было сделать проще и единообразнее. Отдельно отмечу проблему слайдера. Он с тех пор (c 2019го года) обновился, вылезли проблемы несовместимости версий. Часть из них преодолел, а часть - нет. (Возможно, блогера зовут Вадим Прокопчук.)

    Ссылки по теме:

    Сам этот сайт
    Figma-макет от блоггера
    Ролик, по которому верстал

  • Лэндинг учебного сайта по вёрстке (сделан на bootstrap 5)

    По уроку одного блоггера. Он выложил обучающий ролик на youtube. Я делал сначала сам, потом поправлялся, просматривая ролик.

    Подробности...

    Образцом служил сайт этого же блоггера. Считаю, что эта работа показывает, что я владею bootstrap на начальном уровне.

    Ссылки по теме:

    Сам этот сайт
    Учебный ролик от блоггера
    Сайт, который используем как образец.

    Есть небольшие отличия, т.к. блоггер образец изменял, а ролик - нет.

  • Тестовое задание для Notion

    Первый мой опыт вёрстки по psd-файлу (это файл photoshop).

    Подробности...
    До этого верстал только по Figma-макетам. Делал полностью сам. Сделал pixel perfect, хотя это и не требовалось. Адаптивную часть пришлось делать на своё усмотрение.

    Ссылки по теме:

    Сам этот сайт
    ТЗ, на всякий случай

  • Сайт-визитка в виде лэндинга

    Делал полностью сам. Первый мой опыт работы под pixel perfect.

    Подробности...
    На входе был только чей-то фигма-макет. В нём, кстати, есть небольшие ошибки. Сайт неадаптивный. Впрочем, сделан так, что легко можно эту адаптивность добавить. Планирую это сделать чуть позже.

    Ссылки по теме:

    Сам этот сайт
    Оригинальный Figma-макет

  • Лэндинг фирмы, продающей квартиры

    Первый практический опыт работы c SCSS и немного с BEM.

    Подробности...
    Делал наполовину сам, наполовину - по ролику. Сначала просмотрел ролик. (Теорию по SCSS изучил значительно раньше, смотрел другие ролики по теме.) Затем верстал сам, иногда заглядывая в ролик. Многое сделал не так, как автор. Сознательно. Автор - сторонник BEM. А я в этом сайте его использовать не планировал. Но так уж вышло, что познакомился по ходу дела несколько глубже и с ним. Причём, это было полезно. До этого я c BEM ознакомился только теоретически, поверхностно. Почитал статьи о плюсах и минусах подхода. Об обоих технологиях: BEM и SCSS, сложил свои конкретные впечатления и представления. Яндекс-карту делать не стал из-за блокировок на Украине. Пока что это не выглядит перспективным.

    Ссылки по теме:

    Сам этот сайт
    Ролик, по которому делал. Кроме того, там есть полезные ссылки. В том числе и на макет.

  • Тестовое задание "Движение объекта по маршруту"

    ТЗ выполнял для поступления на работу. С работой не срослось, т.к. ASP.NET я не знал. Но задание выполнил, оно осталось. Умеренно интересное.

    Сделал на javascript, прямо внутри html-файла. Если возникло желание глянуть код - прямо из броузера можно. Данные исходного массива там же. Захардкожены.

    Подробности...

    Предметная область

    Определение положения объекта по заданному маршруту

    Условия

    Маршрут движущегося объекта задан данными:

      <(X0,Y0), V0>,
    ...
  <(Xi,Yi), Vi>,
    ...
  <(Xn,Yn), Vn>

    Где <(Xi,Yi),Vi> - это <(координаты точки на координатной плоскости в метрах), скорость объекта в точке в м/сек>

    Отсчет времени в секундах начинается с начала движения объекта (объект начинает движение в 0 секунд).

    Задача

    Определить координаты объекта, через время t секунд с момента начала движения объекта

    Примечание

    Маршрут должен состоять не менее чем 5-ти узловых точек. Считаем, что объект движется последовательно от первой к последней точке. Между точками объект движется по прямой со скоростью, заданной в начальной точке отрезка.

    Маршрут движения не нужно вводить с клавиатуры. Достаточно задать его в программе.

    Используемые средства

    Любой язык программирования. Достаточно консольного приложения.

    Ссылка на задание ещё раз

    Можно открыть через контекстное меню код страницы, js-скрипт внутри html, он будет виден. Можно клацнуть F12, кое-что вывожу в консоль.

Вернуться на главную страницу