title: Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° ÑÐ°Ð¹ÑÐ° Ð½Ð° React.js Ð¸ Ð¼Ð¾Ð´ÑÐ»Ñ ÑÐ°Ñ Ð´Ð»Ñ ÐºÐ¾Ð¼Ð¿Ð°Ð½Ð¸Ð¸ ÐÐÐ¤ÐÐ¢ÐÐ¥
title: Ð²ÑÐ¿ÑÑÐºÐ½Ð°Ñ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð±Ð°ÐºÐ°Ð»Ð°Ð²ÑÐ°
titleType: Subtitle
title: The development of the site to React.js and the chat module for InfoTekh
Creators: name: ÐÐ°Ð¿ÑÐ¸Ð½, ÐÐ°Ð½Ð¸Ð¸Ð»
Publisher: name: Ð¡Ð°Ð½ÐºÑ-ÐÐµÑÐµÑÐ±ÑÑÐ³ÑÐºÐ¸Ð¹ Ð¿Ð¾Ð»Ð¸ÑÐµÑÐ½Ð¸ÑÐµÑÐºÐ¸Ð¹ ÑÐ½Ð¸Ð²ÐµÑÑÐ¸ÑÐµÑ ÐÐµÑÑÐ° ÐÐµÐ»Ð¸ÐºÐ¾Ð³Ð¾
Year: 2020
Subjects: react.js
API
VScode
ÑÑÐµÐ¹Ð¼Ð²Ð¾ÑÐº
Ð¸Ð½ÑÐ¾ÑÐµÑ
SEO
usability
UI test
ÑÐ°Ð¹Ñ
frame work
infotech
site

description: Ð¢ÐµÐ¼Ð° Ð²ÑÐ¿ÑÑÐºÐ½Ð¾Ð¹ ÑÐ°Ð±Ð¾ÑÑ: Â«Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° ÑÐ°Ð¹ÑÐ° Ð½Ð° React.js Ð¸ Ð¼Ð¾Ð´ÑÐ»Ñ ÑÐ°Ñ Ð´Ð»Ñ ÐºÐ¾Ð¼Ð¿Ð°Ð½Ð¸Ð¸ ÐÐÐ¤ÐÐ¢ÐÐ¥Â».
ÐÐ°Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð±ÑÐ»Ð° Ð¿Ð¾ÑÐ²ÑÑÐµÐ½Ð° ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐµ Ð½Ð° React.js,Ð° ÑÐ°Ðº Ð¶Ðµ Ð°Ð½Ð°Ð»Ð¸Ð·Ñ Ð¿ÑÐµÐ´Ð¿ÑÐ¸ÑÑÐ¸Ñ ÐÐÐ¤ÐÐ¢ÐÐ¥. ÐÐ°Ð´Ð°ÑÐ¸ ÐºÐ¾ÑÐ¾ÑÑÐµ Ð±ÑÐ»Ð¸ ÑÐµÑÐµÐ½Ñ Ð² ÑÐ¾Ð´Ðµ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐµ:
â¢ÐÑÐ¾Ð°Ð½Ð°Ð»Ð¸Ð·Ð¸ÑÐ¾Ð²Ð°ÑÑ Ð¿ÑÐµÐ´Ð¿ÑÐ¸ÑÑÐ¸Ðµ ÐÐÐ Â«ÐÐÐ¤ÐÐ¢ÐÐ¥Â» Ð¸ ÑÐ°Ð±Ð¾ÑÑ ÐµÐ³Ð¾ Ð¾ÑÐ´ÐµÐ»Ð¾Ð²;
â¢ÐÑÐ¾Ð°Ð½Ð°Ð»Ð¸Ð·Ð¸ÑÐ¾Ð²Ð°ÑÑ Ð·Ð°Ð´Ð°Ñ Ð´Ð»Ñ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸ Ð¿ÑÐ¾ÐµÐºÑÐ°;
â¢ÐÑÐ¾Ð°Ð½Ð°Ð»Ð¸Ð·Ð¸ÑÐ¾Ð²Ð°ÑÑ ÑÑÐ½Ð¾Ðº ÑÑÑÐµÑÑÐ²ÑÑÑÐ¸Ñ ÑÐµÑÐµÐ½Ð¸Ð¹;
â¢ÐÑÐ¾Ð°Ð½Ð°Ð»Ð¸Ð·Ð¸ÑÐ¾Ð²Ð°ÑÑ ÑÐµÐ»ÐµÑÐ¾Ð¾Ð±ÑÐ°Ð·Ð½Ð¾ÑÑÐ¸ Ð²ÑÐ¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ Ð¿ÑÐ¾ÐµÐºÑÐ°;
â¢Ð ÐµÐ°Ð»Ð¸Ð·Ð°ÑÐ¸Ñ Ð¿ÑÐ¾ÐµÐºÑÐ°;
â¢Ð¢ÐµÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ðµ Ð¿ÑÐ¾ÐµÐºÑÐ°.
ÐÐ»Ñ Ð²ÑÐ±Ð¾ÑÐ° ÑÑÐµÐ¹Ð¼Ð²Ð¾ÑÐºÐ° Ð¸ Ð¿Ð»Ð°ÑÑÐ¾ÑÐ¼Ñ Ð±ÑÐ»Ð° Ð¿ÑÐ¾Ð²ÐµÐ´ÐµÐ½Ð° ÑÑÐ°Ð²Ð½Ð¸ÑÐµÐ»ÑÐ½Ð°Ñ Ð¸ÑÑÐ»ÐµÐ´Ð¾Ð²Ð°ÑÐµÐ»ÑÑÐºÐ°Ñ ÑÐ°Ð±Ð¾ÑÐ°. Ð Ð½Ð°ÑÐ°Ð»Ðµ ÑÑÐ¾ÑÐ» Ð²ÑÐ±Ð¾Ñ ÑÑÐµÐ¹Ð¼Ð²Ð¾ÑÐºÐ°, Ð½Ð° ÐºÐ¾ÑÐ¾ÑÐ¾Ð¼ Ð¼Ñ Ð±ÑÐ´ÐµÐ¼ Ð¿Ð¸ÑÐ°ÑÑ ÑÐ°Ð¹Ñ Ð´Ð»Ñ ÐºÐ¾Ð¼Ð¿Ð°Ð½Ð¸Ð¸ ÐÐÐ¤ÐÐ¢ÐÐ¥, Ð²ÑÐ±Ð¸ÑÐ°Ð» Ñ Ð¸Ð· ÑÐ»ÐµÐ´ÑÑÑÐ¸Ñ ÑÑÐµÐ¹Ð¼Ð²Ð¾ÑÐºÐ¾Ð²: React.js, Angular, Vue.js. ÐÐ° ÐºÐ°ÐºÐ¾Ð¹ Ð¿Ð»Ð°ÑÑÐ¾ÑÐ¼Ðµ ÑÐ°Ð·ÑÐ°Ð±Ð°ÑÑÐ²Ð°ÑÑ Ñ Ð²ÑÐ±Ð¸ÑÐ°Ð» Ð¸Ð· ÑÐ»ÐµÐ´ÑÑÑÐ¸Ñ: VS code sublime text 3, PhpStorm. ÐÐ»Ñ ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ Ð¼Ð¾Ð´ÑÐ»Ñ ÑÐ°Ñ Ñ Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð»ÑÑ API React Slack Chat. Ð¢Ð°Ðº, ÐºÐ°Ðº Ð¿Ð¾Ð¼Ð¸Ð¼Ð¾ Ð¿Ð¾ÑÑÐ°Ð²Ð»ÐµÐ½Ð½ÑÑ Ð·Ð°Ð´Ð°Ñ Ð¿Ð»Ð°Ð½Ð¸ÑÑÐµÑÑÑ ÑÐ°ÑÑÐ¸ÑÐµÐ½Ð¸Ðµ Ð¸ Ð´Ð¾Ð±Ð°Ð²Ð»ÐµÐ½Ð¸Ðµ Ð±Ð¾Ð»ÑÑÐµÐ³Ð¾ ÑÑÐ½ÐºÑÐ¸Ð¾Ð½Ð°Ð»Ð°, Ð¿Ð¾ÑÑÐ¾Ð¼Ñ ÑÑÐ¾ ÑÐ°Ðº Ð¶Ðµ ÑÐºÐ°Ð·Ð°Ð»Ð¾ÑÑ Ð½Ð° Ð²ÑÐ±Ð¾ÑÐµ ÑÑÐµÐ¹Ð¼Ð²Ð¾ÑÐºÐ°. Ð¢Ð°Ðº Ð¶Ðµ Ð±ÑÐ´ÐµÑ Ð²Ð°Ð¶ÐµÐ½ Ð¿ÑÐ½ÐºÑ ÑÐµÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ð¸ SEO Ð¾Ð¿ÑÐ¸Ð¼Ð¸Ð·Ð°ÑÐ¸Ñ ÑÐ°Ðº, ÐºÐ°Ðº Ð¿ÑÐ¾ÐµÐºÑ Ð±ÑÐ´ÐµÑ Ð¿ÑÐ¾Ð´Ð²Ð¸Ð³Ð°ÑÑÑÑ Ð² Ð¿Ð¾Ð¸ÑÐºÐ¾Ð²ÑÑ ÑÐ¸ÑÑÐµÐ¼Ð°Ñ.
Ð ÑÐµÐ·ÑÐ»ÑÑÐ°ÑÐµ Ð¿ÑÐ¾Ð´ÐµÐ»Ð°Ð½Ð½Ð¾Ð¹ ÑÐ°Ð±Ð¾ÑÑ Ñ Ð²ÑÐ±ÑÐ°Ð» ÑÑÐµÐ¹Ð¼Ð²Ð¾ÑÐº React.js, Ð° ÑÐ°Ðº Ð¶Ðµ Ð¿Ð»Ð°ÑÑÐ¾ÑÐ¼Ñ VS code. Ð¢Ð°Ðº Ð¶Ðµ Ð±ÑÐ»Ð¸ Ð¿ÑÐ¾Ð²ÐµÐ´ÐµÐ½Ñ Ð²ÑÐµ SEO ÑÐµÑÑÑ Ð¸ Usability ÑÐµÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ðµ. ÐÐ¾ÑÐ»Ðµ ÑÐµÐ³Ð¾ ÑÐ°Ð¹Ñ Ð±ÑÐ» Ð¾Ð¿ÑÐ±Ð»Ð¸ÐºÐ¾Ð²Ð°Ð½ Ð½Ð° ÑÐ¾ÑÑÐ¸Ð½Ð³ Ð¿Ð¾Ð´ Ð´Ð¾Ð¼ÐµÐ½Ð¾Ð¼ â pascounter.infoteh.ru.
description: The topic of the graduation project:
âDevelopment of the website in React.js framework and the chat module for INFOTECH companyâ.
The goal of the project is the development of the React.js-based website as well as the analysis of the structure and functioning of INFOTECH.
The milestones of the workplan are:
â¢ Detailed analysis of the structure of INFOTECH Ltd. and functioning of its departments
â¢ Analysis of the key issues of the development process
â¢ Analysis of the market of the existing solutions
â¢ Analysis of feasibility and practicability of the project
â¢ Project implementation
â¢ Product testing
A comparative study was done for identification of a suitable framework and platform. React.js, Angular and Vue.js were considered as possible frameworks.
The options for the platform were: VS code, sublime text 3, Php Storm. API React Slack Chat was used for the chat module.
Choosing the framework, I considered the planned further development of the product. The testing and search engine optimization (SEO) are also important since the product will be used in the web browser applications. As a result, I choose React.js framework and VS code platform.
After SEO and Usability testing, the website was published in the hosting under domain pascounter.infotech.ru