Giter Site home page Giter Site logo

bjs-diplom's Introduction

Дипломное задание к курсу «Основы JavaScript»

Вы присоединились к команде, разрабатывающей сайт-биржу для крипто-стартапа. На этом сайте можно покупать внутреннюю валюту компании под названием Неткоин и передавать эту валюту другим пользователям сервиса. Вы подключаетесь на финальной стадии разработки проекта, поэтому основные его части уже реализованы: есть интерфейс взаимодействия с АPI (бэкендом, где производятся операции с пользователями и денежными средствами), и интерфейс взаимодействия с DOM (графическим интерфейсом, который вы видите в браузере). Ваша задача связать эти две части: сделать так, чтобы данные, введённые пользователем, отправлялись на сервер, а информация, предоставленная сервером, отобразилась пользователю.

Начало работы

Настройка сервера

  1. Установите NodeJS для своей операционной системы. Советуем использовать LTS (Long Time Support) версию.
  2. Сделайте форк данного репозитория.
  3. Клонируйте форкнутый репозиторий.
  4. Откройте терминал и перейдите в папку с клонированным репозиторием.
  5. Установите зависимости, выполнив команду npm install.

Убедитесь, что выполняете команды с правами администратора.

Запуск сервера

  1. Откройте терминал, перейдите в папку с клонированным репозиторием и выполните команду npm start. Убедитесь, что в консоли появилась надпись Server started at 8000.
  2. Перейдите по ссылке. Вы увидите интерфейс Биржи Неткоинов.

Завершение работы сервера

  1. Если нужно прекратить работу сервера, нажмите комбинацию клавиш Ctrl+C.

Структура проекта

В проекте есть две страницы, функционал которых вам нужно будет реализовать:

  1. Страница «Вход и регистрация»:

Страница «Вход и регистрация»

Код для реализации функционала этой страницы пишите в файле public/loginPage.js.

Задание для страницы входа и регистрации находится по ссылке.

  1. Страница «Личный кабинет пользователя»:

Страница «Личный кабинет пользователя»

Код для этой страницы пишите в файле public/homePage.js.

Задание для страницы личного кабинета находится по ссылке.

Файлы public/loginPage.js и public/homePage.js уже созданы для вас и подключены, дополнительная настройка не требуется.

Отправка работы на проверку

Чтобы отправить работу на проверку, загрузите репозиторий на GitHub.

Как правильно задавать вопросы дипломному руководителю?

Что следует делать, чтобы все получилось:

  • Попробуйте найти ответ в лекциях, материалах и домашних заданиях курса. После этого воспользуйтесь Гуглом. В случае любой сложности вы можете задать вопрос дипломному руководителю. Но лучше иметь «на руках» несколько попыток самостоятельного решения проблемы.
  • В одном вопросе лучше описывать одну проблему. Так ответ дипломного руководителя будет максимально эффективным и полезным.
  • По возможности прикрепляйте к вопросу скриншоты и стрелочкой показывайте где не получается. Программу для этого можно скачать здесь https://app.prntscr.com/ru/.
  • По возможности задавайте вопросы в комментариях к коду.
  • Начинайте работу над дипломом как можно раньше! Чтобы было больше времени на правки.
  • Делайте диплом по частям, а не всё сразу. Иначе есть шанс, что нужно будет всё переделывать 🙂

Что следует делать, чтобы ничего не получилось:

  • Писать вопросы вида «Ничего не работает. Не запускается. Всё сломалось.»
  • Откладывать диплом на последний момент.

bjs-diplom's People

Contributors

vovachebr avatar skorobaeus avatar solarrust avatar igorkamyshev avatar dependabot[bot] avatar silantevr avatar nkhashchanov avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.