Фронтенд-разработка: киберспорт

1.

«Фронтенд-разработка:
киберспорт»
ИНДИВИДУАЛЬНЫЙ ПРОЕКТ
В ЫП ОЛН ИЛ : В ЕС ЕЛ ОВ В И ТА Л И Й Е В Г ЕН ЬЕВ И Ч
УЧ Е Н ИК 1 0 « А » К Л АСС А
Н АУЧ Н ЫЙ РУ КО ВОДИ ТЕЛ Ь: М А К А РЕ НКО Н . Н .
УЧ ИТЕЛ Ь ИН ФО РМ АТИ К И

2.

3.

4.

Данные ВЦИОМ (2021г.)
Играют
Играли, но перестали
Не играли
120
100
20
80
37
62
60
50
40
30
40
21
20
23
17
0
МУЖЧИНЫ
ЖЕНЩИНЫ
ДА
ИГРАЛИ РАНЬШЕ
НЕТ

5.

Вы когда-то играли в видеоигры и если да, то
играете сейчас?
18-24
25-34
35-44
45-60
60
50
40
30
20
10
0
Ответили ДА
Играли, но перестали
Не играли

6.

58%
знали о победе
22%
следили за играми

7.

Х
О
Б
Б
И
П
Р
О
Ф
Е
С
С
И
Я

8.

Объект исследования: фронтенд-разработка
Предмет исследования: языки программирования
Цель проекта: попробовать себя в роли фронтендразработчика при написании внешней части сайта,
рассказывающий о киберспорте
Задачи проекта:
1. рассмотреть явление киберспорта в мире и России, перспективы его развития;
2. изучить направление в IT индустрии: фронтенд-разработка;
3. ознакомиться с языками программирования HTML И CSS для реализации проекта;
4. реализовать структуру сайта, которая расскажет о направлении киберспорт, в том числе о
школьной лиге;
5. проанализировать свои впечатления от реализации проекта, сделать выводы по дальнейшему
построению своего профессионального пути.

9.

Киберспорт
е-спорт
Электронный
спорт

10.

11.

12.

13.

14.

15.

16.

10 лучших фронтенд-языков программирования
Название
Плюсы
Html
1. HTML прост в освоении и использовании
2. HTML бесплатный
CSS
1.CSS экономит время
2.Простота обслуживания
Javascript 1.Маленькая нагрузка на сервер
2.Богатые интерфейсы
React
1.Простой в освоении язык
2.Виртуальный DOM (структура сайта)
Vue.js
1.Гибкость
2.Двусторонняя связь
TypeScript 1.Строгая типизация
2.Структурная типизация
Elm
Angular
JQuery
Swift
Минусы
1. Недостаточен для создания динамических страниц
2. Ограничения для отображения контента
1.Проблемы с кроссбраузерностью
2. Несколько уровней приводят к путанице
1.Безопасность на стороне клиента
2.Малая поддержка браузеров
1.Динамическая технология
2.Плохая документация
1.Языковые барьеры
2.Чрезмерная гибкость
1.требует больших усилий для реализации кода
1.Легкость изучения
2.Более простая поддержка проектов
1.Функциональность “из коробки”
2.Последовательность
1.jQuery позволяет совершенствовать JavaScript
2.Код может быть простым, читаемым
1.Ограничен возможностями
2.Elm нет поддержки циклов each или for
1.Angular может быть сложным
2.Ограниченные возможности SEO
1.Функциональность может быть ограничена
2.jQuery необходим javascript
1.Открытый исходный код
2.Безопасность
1. Нет поддержки предыдущих версий iOS
2. Пока не слишком популярен