mesto

Проект 4-9: Mesto | Project 4-9 by Yandex.Practicum: Mesto

Четвертая - седьмая практические работы по курсу Я.Практикум

Fourth - ninth practical works by course of Yandex.Praktikum

GithubPages: https://paveleremeev.github.io/mesto/

Обзор | Briefing

Описание | Description

Демонстрация веб-сайта с использованием динамическиx карточек. Сайт сверстан с использованием адаптивной / отзывчивой верстки согласно макету в Фигме (https://www.figma.com/file/StZjf8HnoeLdiXS7dYrLAh/JavaScript.-Sprint-4), адаптивность в пределах от 325рх до 1080р под разные девайсы. Цель работы - закрепить знания верстки и получить навыки работы с Javascript.

This is demonstration card-website. The site is creating using by Figma layout for different screen resolutions.Layout is adaptive between 325px and 1080p+. Main tasks: make site is adaptive and get skills to work with JavaScript. (Figma layout - https://www.figma.com/file/StZjf8HnoeLdiXS7dYrLAh/JavaScript.-Sprint-4)

Технологии | Technologies

Это мой четвертый проект и я в нем использую:

  1. Адаптивную / отзывчивую верстку с применением Гридов и Флексбоксов.
  2. Javascript: 1.1) Попапы открываются и управляются посредством JS. 1.2) Рендер карточек и функции лайков, добавления карточек и удаления - посредством JS. 1.3) Валидация форм попапов - посредством JS.
  3. Код выстроен по принципу ООП.

This is my 4th project. In this project i using:

  1. Flexible and Grid responsive/adaptive layout;
  2. Javascript: 1.1) Popup working by JS. 1.2) Render cards and features making by JS. 1.3) Validation by JS.
  3. Code using is OOP.

Установка | Install

  1. git clone

  2. npm install

  3. npm run dev