Skip to content

Latest commit

 

History

History
51 lines (40 loc) · 4.1 KB

README.md

File metadata and controls

51 lines (40 loc) · 4.1 KB
Raw

ENG
RUS

Education project "Place"

Content:
About
Technology
Perspective

About

Project "Place" is an education project that was made as one of several projects during Yandex Praktikum frontend developer course. It encompasses base web technologies as HTML and CSS plus foundations of JavaScript and webpack as module bundler.

Technology
  1. HTML
    Main layout except styles uses HTML of last living standard and based on semantic elements.
  2. CSS
    Project widely uses Flex and Grid for element positioning. Flex is used mostly to adjust elements within their containers, whereas Grid helps properly place containers relative to each other.
  3. JS
    The page interacts with user via JavaScript. User can change data on a page and add some content. Code is divided into modules and each does its own task.
  4. Webpack
    Webpack is a bundler for the whole project. It is used to collect single modules to one bundle and deploy it to the server.
Perspective

This project is a final version of base technologies sprint. Next goal is to refactor the code with React.JS library so that to get more clear and mantainable code.

You can see it here: https://yar83.github.io/mesto/index.html

Учебный проект "Место"

Содержание:
Общие сведения
Технологии
Развитие проекта

Общие сведениеПроект 4: Место

Проект "Место" - это учебный проект, выполненный в рамках курса "Фронтенд разработчик" от Яндекс Практикума. Он включается в себя работу с основными веб-технологиями, такими как HTML, CSS, JavaScript и сборщиком проекта Webpack.

Технологии
  1. HTML
    Основная вёрстка выполнена с применением последнего стандарта HTML на основе семантических тегов для выделения смысловых блоков содержимого веб-сайта.
  2. CSS
    Для визуального оформления содержания веб-сайта используется CSS. Обширно применяются модули Flex и Grid, первый в основном для позиционирования элементов внутри контейнера, второй для позиционировния контейнеров относительно друг друга в двумерном пространстве страницы.
  3. JS
    Пользователь может взаимодействовать с сайтом, редактировать отдельное содержимое, добавлять новые данные. Это достигается применением JavaScript в совокупности с формами.
  4. Webpack Сборщик Webpack используется для сборки сайта, разработанного на основе модульного подхода, в готовую для деплоя на сервер форму.
Развитие проекта

Это финальный проект в рамках спринтов, посвящённых базовым технологиям веб-разработки. Дальнейшее развитие проекта лежит через рефакторинг кода и перевода сайта на технологию React.JS для улучшения процесса разработки и сопровождения сайта по мере роста кодовой базы.

Сайт доступен по адресу: https://yar83.github.io/mesto/index.html