Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/space27/frontend-node.js-experience
Лабораторные работы по курсу Web-технологии
https://github.com/space27/frontend-node.js-experience
angular css3 expressjs gulp html5 jest js nestjs nodejs react selenium typescript vuejs webpack
Last synced: 20 days ago
JSON representation
Лабораторные работы по курсу Web-технологии
- Host: GitHub
- URL: https://github.com/space27/frontend-node.js-experience
- Owner: Space27
- Created: 2024-11-29T18:51:55.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-12-17T21:44:47.000Z (22 days ago)
- Last Synced: 2024-12-17T22:18:23.562Z (22 days ago)
- Topics: angular, css3, expressjs, gulp, html5, jest, js, nestjs, nodejs, react, selenium, typescript, vuejs, webpack
- Language: JavaScript
- Homepage: https://space27.github.io/frontend-Node.js-experience/
- Size: 10.7 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# frontend-Node.js-experience
## Лабораторные работы по курсу Web-технологии
### [CourseWork](cw(js-game))
#### Двумерная 2D пиксельная игра с видом сверху
![Скриншот-пример](screenshots/cw.png)
Есть интеллектуальные противники, которые идут и стреляют в игрока при приближении.
Бонусы:* здоровье +50
* мана +50
* счет +50.Способности:
* Пробел/ЛКМ - выстрел (25 маны)
* E - щит (50 маны)
* Q - самонаводящийся снаряд (100 маны)#### Стек
* HTML
* CSS
* JavaScript### [Lab1](lab1(js-tetris))
#### Игра "Тетрис" на чистом JavaScript
![Скриншот-пример](screenshots/lab1.png)
Есть страница ввода имени пользователя, ускорение с набором очков, звуки.
#### Стек
* HTML
* CSS
* JavaScript### [Lab2](lab2(express-js-library))
#### Web-приложение "Домашняя библиотека"
![Скриншот-пример](screenshots/lab2.png)
Есть возможность просмотреть список книг, удалить книгу, добавить книгу.
Можно открыть карточку книги, где можно взять книгу, вернуть и отредактировать.
Все изменения сохраняются на сервере.#### Стек
* Express.js
* Pug
* AJAX### [Lab3](lab34(express-bootstrap-social-network))
#### Администраторский модуль приложения "Социальная сеть"
![Скриншот-пример](screenshots/lab3.png)
Является сервером непосредственно как клиентской частью администраторского модуля, так и серверной частью
пользовательского модуля.
Есть список пользователей. Можно отредактировать пользователя, посмотреть его друзей и новости его друзей.#### Стек
* Express.js
* Pug
* LESS
* Bootstrap
* JQuery
* GULP
* Webpack### [Lab4](lab4(angular-social-network))
#### Пользовательский модуль приложения "Социальная сеть"
![Скриншот-пример](screenshots/lab4.png)
Есть возможность входа в профиль и регистрации. В профиле видны новости пользователя, есть возможность добавить новую
новость.
Можно изменить фотографию профиля, управлять друзьями (удалить/добавить), посмотреть новости друзей, а также войти в
администраторский модуль при наличии прав.#### Стек
* TypeScript
* Angular
* Angular Material
* Socket IO
* Jest### [Lab56](lab56(nest-js-stocks))
#### Серверная часть приложения "Биржа акций"
Реализованы модули для брокеров, акций и торгов. Информация хранится в виде JSON. Используются сокеты после обновления
информации.#### Стек
* TypeScript
* NestJS
* Socket IO### [Lab5](lab5(react-stocks))
#### Администраторский модуль приложения "Биржа акций"
![Скриншот-пример](screenshots/lab5.png)
Есть возможность посмотреть список брокеров, отредактировать их, добавить/удалить.
Можно посмотреть список акций, выбрать текущие торгуемые акции, посмотреть историческую сводку о цене акций в табличном
и графическом виде.
Есть возможность запустить торги для имитации торгов на бирже.#### Стек
* TypeScript
* React
* Material UI
* Socket IO
* Chart.js### [Lab6](lab6(vue-stocks))
#### Пользовательский модуль приложения "Биржа акций"
![Скриншот-пример](screenshots/lab6.png)
Есть возможность авторизации брокера и входа в профиль брокера, где есть сводка о каждой купленной акции: текущая цена,
количество и прибыль.
Также можно купить/продать акции по текущей цене.
Есть панель администратора, в которой видна краткая сводка о каждом брокере: список акций и прибыль по ним.#### Стек
* Vue.js
* Vuetify
* Selenium
* Socket IO
* Chart.js