ENG
RUS

Education project "Place (React.JS)"

Content:
About
Technology
Perspective

About

Project "Place (React)" is a further development of education project that was made as one of several projects during Yandex Praktikum frontend developer course. Current project uses popular React.JS library and 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
   Though a lot of code changed since React implementation, some modules still based on plain JS, for example data fetching APIs and other service parts of code.
4. React.JS
   Project's code is completely refactored using React.JS library. This library is used for creation interactive user interface with immediate rerendering when data changes. Using React make code predictable and easier to maintain.
5. 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

Add backend to this project so that user could store and retrieve data whet it needs.

Учебный проект "Место (React.JS)"

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

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

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

Технологии

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

Развитие проекта

Дальнейшее развитие проекта предполагает создание бэкенда для взаимодействия с пользовательскими данными - их хранения и выдачу при необходимости.