Skip to content
/ mesto Public

"Место" - учебный проект по основам программирования (4-9 спринты в Я.Практикуме). Стек: HTML, CSS, JavaScript, ООП, БЭМ, Webpack, git/github. Адаптивная верстка.

Notifications You must be signed in to change notification settings

pnrf/mesto

Repository files navigation

Место (mesto)

- это учебный проект по основам JavaScript на курсе "веб-разработчик" в Яндекс.Практикуме. Процесс выполнения данной работы состоит из нескольких двухнедельных спринтов (4-9 спринты), поэтому с каждым спринтом код меняется и дополняется

Мои предыдущие учебные работы:

  • "Как надо учиться" (how-to-learn) - 1-ый спринт;
  • "Путешествие по России" (russian-travel) - 2-3 спринты;

Стек технологий:

  • HTML 5
  • CSS 3
  • JavaScript (ES 6)
  • ООП
  • БЭМ (Nested)
  • Webpack
  • git/github
  • Figma

Фукционал:

  • редактирование пользовательских данных (аватара и профиля);
  • добавление новых карточек;
  • удаление пользователем тех карточек, которые добавил именно он;
  • добавление и отмена лайков, счетчик лайков;
  • просмотр увеличенного изображения в попапе;
  • валидация форм.

Особенности проекта:

  • обмен данными через API (используется учебный сервер Яндекс.Практикума);
  • верстка по дизайн-макету из Figma;
  • адаптивная верстка (mobile first);
  • оптимизация картинок через онлайн-сервисы tinypng.com и svgomg;
  • git/github - терминал, работа с ветками, корректные названия коммитов (онлайн-сервис);
  • хостинг сайта на github pages;
  • по итогам каждого спринта работа проверяется код-ревьюерами, критические замечания обязательны для устранения.

Как установить и запустить проект:

  • Клонировать репозиторий:
    git clone https://github.com/pnrf/mesto.git
  • Установить зависимости:
    npm install
  • Собрать проект Вебпаком:
    npm run build
  • Запустить проект на локальном сервере:
    npm run dev

Ссылка на сайт:

https://pnrf.github.io/mesto/

Хронология разработки

здесь

About

"Место" - учебный проект по основам программирования (4-9 спринты в Я.Практикуме). Стек: HTML, CSS, JavaScript, ООП, БЭМ, Webpack, git/github. Адаптивная верстка.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published