https://github.com/ataimasov/_.test-jquery-spa

Тестовое на верстку с jQuery. Доп. реализовал SPA с помощью плагина
https://github.com/ataimasov/_.test-jquery-spa

gulp jquery js jsviews scss spa

Last synced: 22 days ago
JSON representation

Тестовое на верстку с jQuery. Доп. реализовал SPA с помощью плагина

• Host: GitHub
• URL: https://github.com/ataimasov/_.test-jquery-spa
• Owner: ATaimasov
• Created: 2024-11-16T00:56:28.000Z (3 months ago)
• Default Branch: master
• Last Pushed: 2024-11-18T16:55:37.000Z (3 months ago)
• Last Synced: 2024-11-18T18:03:07.402Z (3 months ago)
• Topics: gulp, jquery, js, jsviews, scss, spa
• Language: JavaScript
• Homepage:
• Size: 2.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# jQuery SPA

## Введение

Изначально было тестовым заданием на верстку макета.

Проект на сервере: https://test-jquery-spa.таймасов.рф/about-us

## Требования тестового задания:

- сверстать страницы "О нас" и "Пациентам"

- верстка адаптивная, метками до 768, от 768 до 992, от 992

- использование препроцессоров с scss/sass желательно

- использование jquery

- использование БЭМ

Реализация сделана в соответствии с представленным макетом.

## Дополнительно сделано:

- SPA на jQuery за счет реактивности.

- использованы миксины и функции SCSS для вычисления значения величин под планшет для элементов заднего фона (макет предоставлялся только на desktop и mobile)

## Установка и запуск проекта

Клонировать репозиторий:

    git clone https://github.com/ATaimasov/_.test-jquery-spa

Установить зависимости:

    npm install

Запустить проект:

    npm run dev

## Используемые технологии и подходы

#### Основа:

- JS;

- SCSS;

#### Библиотеки и плагины:

- jQuery;

- JsViews - плагин jQuery, добавляющий реактивность

#### Дополнительно использовано в разработке:

- БЭМ-методология

- gulp