Розробка веб-ресурсу для підтримки Front-end розробників

1.

Кваліфікаційна робота бакалавра на тему:
Розробка веб-ресурсу для підтримки Front-end
розробників
Виконала: Артьомова О.О.
Керівник: Молчиніколова І.А.

2.

Актуальність
• Велика кількість людей намагається потрапити та
працевлаштуватись в напрямку IT, але, нажаль, не
кожен може це зробити по багатьом причинам: висока
складність навчання, велика кількість інформації яку
потрібно знати, адже прогрес не стоїтьна місці, важке
матеріальне положення, яке не дозволяє навчатись у
спеціалізованих місцях чи навіть фізичний стан.
• Саме тому тема даної кваліфікаційної роботи буде
актуальною та набирати популярність у ближчому
майбутньому.
2
2

3.

Мета
Метою кваліфікаційної роботи є розробка веб-ресурсу
для підтримки Front-end розробників
Задачі
Провести
огляд
розробки
та
систем-аналогів
виявити
та
функціонал
технологій
який
їх
можна
запозичити;
Проектування складових частин ресурсу;
Програмна реалізація та тестування веб-ресурсу.
3
3

4.

Розглянуті аналоги
Memorisely Blog
Creative Practice
JetBrains Academy
4
4

5.

Порівняння з аналогами
Веб-ресурс
Простий та
інтуїтивно
зрозумілий
інтерфейс
Creative Practice
+
Memorisely Blog JetBrains Academy
HelpCode(Наша
робота)
+
-
+
Система рангів
користувача
-
-
+
+
Можливість
читати IT статті
та новини
присвячені
тематиці сайту
+
+
-
+
Гнучка система
підбору
навчального
матеріалу
-
+
+
+
Цілодобова
підтримка
-
-
+
+
Комерція
+
+
+
-
5
5

6.

Використані технології
6
6

7.

Основні функціональні вимоги
Реєстрація нового користувача;
Можливість авторизації зареєстрованого користувача;
Доступ до навчального матеріалу;
Можливість змінити логін, пароль чи поштову скриньку
особистого облікового запису;
Можливість здійснити вихід з облікового запису;
Можливість відстежувати власний прогрес користувача.
7
7

8.

Проектування. Діаграма прецедентів
8
8

9.

Проектування. Діаграма станів переходів
9
9

10.

Проєктування. Уявлення даних
10
10

11.

Проєктування. Діаграма розгортання
11
11

12.

Проєктування. Діаграма класів серверної частини
12
12

13.

Проєктування. Діаграма класів клієнтської частини
13
13

14.

Створення мокапів ресурсу
14
14

15.

Приклад інтерфейсу ресурсу. Головна сторінка
Вставить
текст
Вставить
текст
15
15

16.

Приклад інтерфейсу ресурсу.
Вставить
текст
Вставить
текст
16
16

17.

Приклад інтерфейсу ресурсу.
Вставить
текст
Вставить
текст
17
17

18.

Дякую за увагу!
18
18