Муниципальное бюджетное общеобразовательное учреждение -

средняя общеобразовательная школа №2 города Аркадака

Саратовской области

ИНДИВИДУАЛЬНЫЙ ИТОГОВЫЙ ПРОЕКТ

по предмету «информатика»

 на тему:  «Изучение языка программирования JavaScript »

ученика 9 «а» класса

Никонова Ильи Алексеевича

Руководитель проекта: учитель информатики Дмитриева Елена Матвеевна

Аркадак  2025

Оглавление

1. Введение        3

2. Основная часть.        4

2.1 Javascript        4

2.2 HTML        6

2.3 Css        7

2.4 JavaScript        8

2.5 Сервер        9

3. Практическая часть        10

3.1. Создание собственного сайта        10

4. Заключение        11

5. Список используемой литературы        12

1. Введение

JavaScript (аббревиатура. JS) —  мультипарадигменный язык программирования. Поддерживает обьектно-ориентированный,  императивный  и функциональный стили. Является реализацией спецификации ECMAScript.

Актуальность – JavaScript остается одним из самых востребованных языков программирования благодаря своей универсальности и широкому применению как в веб-разработке (фронтенд и бэкенд), так и за ее пределами. Он постоянно развивается, поддерживая современные стандарты и технологии, что делает его незаменимым инструментом для создания интерактивных приложений и динамических веб-страниц.

Объект исследования – Javascript

Предмет исследования – язык Javascript

Цель исследования – обьяснить строение языка людям,которые его не знают

Гипотеза – JavaScript — это высокоуровневый интерпретируемый язык программирования, первоначально созданный для введения интерактивности на страницах Интернета, но в последствии применяемый во всей целой наборе других разрядов деятельности, таких как серверные программы, мобильные приложения и даже десктоп-приложения.

Вид проекта по содержанию – информационный – исследовательский.

Вид проекта по комплектности – межпредметный.

Метод исследования: работа с интернет-ресурсами.

Продукты проекта: материалы работы, презентация в формате Microsoft Power Point, Javascript

Результат:Сайт

2. Основная часть.

2.1 Javascript

Что такое язык javascript? JavaScript – это интерпретируемый язык программирования высокого уровня, который в основном используется в качестве языка сценариев для веб-разработки. Это одна из трех основных технологий Всемирной паутины

Не следует путать с Java

На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java. Языком JavaScript не владеет какая-либо организация или компания, что отличает его от ряда языков программирования. используемых в веб-разработке.

Язык был создан в 1992 году компанией Nombas (Openwave)  по замыслу разработчиков должен был стать похожим на Java , C , C++

Первоначальное название языка былo CMM(c-minus-minus) Что отпугивало людей, так как язык C был довольно тяжелым

По данным Black Duck Software, в разработке открытого программного обеспечения доля использования JavaScript росла. 36 % проектов, выпуски которых состоялись с августа 2008 по август 2009 года, включают JavaScript, наиболее часто используемый язык программирования

Веб-браузеры имеют встроенные механизмы для интерпретации и выполнения скриптов JavaScript, что позволяет языку работать непосредственно в браузере (фронтенд) без компилятора. Эта особенность JavaScript делает его языком клиентской стороны, хотя он также может использоваться на стороне сервера (бэкенд) с помощью таких сред, как Node.js.

Для чего же нужен этот  язык?

На этом языке производят сайты

JavaScript является самым популярным языком, на котором делают сайты .

JavaScript нужен для следующих целей:

Создание интерактивных веб-страниц.  Сайт становится не просто статичной страницей, а динамичной программой, реагирующей на действия пользователей. Например, если нажать кнопку «Нравится» и число лайков на записи увеличивается сразу, без обновления страницы.

Анимация объектов. Можно добавить скролл до раздела по нажатию

 кнопки, анимацию фона, движущиеся объекты.

Написание серверной части сайта или приложения. Код JavaScript

можно запускать и в браузере, и на сервере.

Создание расширений для браузера.  Небольшие простые скрипты, которые добавляют дополнительный функционал — блокируют рекламу, позволяют сохранять аудио, отправляют уведомления о новых письмах или меняют цветовую схему сайта.

JavaScript включает в себя 3 главные раздела, каждый из которых отвечает за определенные функции.

Это

CSS(cascade style sheets) В переводе на русский – каскадные таблицы стилей

Сам JavaScript

И HTML

О них поподробнее мы поговорим позже.

Почему же именно Javascript?

1.Во-первых, язык довольно легкий. В отличии от C C+ C++ и C#

Javascript намного легче учится.

2.Во-вторых, язык актуален. В современном мире он часто пригождается,к примеру всем компаниям нужен веб-сайт, а на каком языке его будут делать? Правильно на JavaScript.

3.В-третьих Интерактивность: JavaScript можно использовать для создания динамических и интерактивных веб-элементов, таких как кнопки, формы, анимация и другие интерактивные компоненты, что повышает удобство работы пользователя на веб-странице.

4.В-четвертых, Совместимость: JavaScript поддерживается всеми современными веб-браузерами, что делает его универсально совместимым с различными платформами. Код, написанный на JavaScript, будет работать в любом браузере на любой операционной системе, не требуя никаких специальных компиляторов или плагинов.

Что нужно,чтобы начать писать код?

Чтобы начать писать код,необходимо установить приложение Microsoft Visual Code. Оно полностью бесплатно и доступно на оффициальном сайте Microsoft. 

2.2 HTML

Итак, что же в себя включает Javascript?

Javascript включает в себя DOM-дерево.

Которое включает в себя 3 элемента, про которые я уже говорил, это JavaScript Css HTML.

Сейчас мы пройдемся по каждому из этих элементов, разберем что они выполняют.

Начнем с самого простого: HTML.

(HyperText Markup Language) — это язык гипертекстовой разметки текста. Он нужен, чтобы размещать на веб-странице элементы: текст, картинки, таблицы и видео.

Когда вы заходите на сайт, браузер подгружает HTML-файл с информацией о структуре и контенте веб-страницы. HTML как бы выстраивает визуальный фундамент сайта, но не «запускает» сайт самостоятельно. Он всего лишь указывает, где располагаются элементы, какой у них будет базовый дизайн, откуда брать стили для элементов и скрипты.

Зачем нужен HTML

С помощью языка разметки HTML браузер делает запрос по адресу, который ввёл пользователь, и получает файл в формате «.html». Браузер распознаёт код, выбирает знакомые для себя сигналы: понимает, что написать словами, где поставить заголовок и какой именно. Таким образом код из файла преобразуется в необходимые визуальные объекты.

Для этого в Safari в настройках необходимо поставить галочку напротив пункта «Показывать меню „Разработка“ в строке меню» в «Дополнениях». После нажать в браузере «Разработка» и «Показать ресурсы страницы».

Для Google Chrome щёлкните правой кнопкой мыши в любом месте и выберите “View Page Source”. В зависимости от браузера команды могут различаться.

Возможности HTML

Язык HTML помогает структурировать информацию. Это могут быть команды добавить картинку, разбить текст на абзацы, добавить заголовки и подзаголовки, создать список, вставить таблицу, нарисовать какой-либо элемент. Вёрстка страницы будет выглядеть так, как её закодирует разработчик.

Что представляет собой HTML: набор команд, который после обработки превращается в визуальное представление. Команда — это тег, состоящий из имени, расположенного между символами «меньше» и «больше» (

). Есть парные теги. Правила вложенности у каждого свои

---

2.3 Css

 Основная задача языка CSS — создание оформления для сайта.

Он позволяет настраивать цвет фона, картинки, таблицы, шрифты и другие элементы.

CSS может использоваться как для простой стилизации документа, так и для создания сложных комплексных эффектов, например, анимации.

JavaScript позволяет подключать интерактивные элементы: карты, графику, кнопки, формы обратной связи. Именно JS отвечает за то, что сайт будет реагировать на ваши действия: обновлять страницу, запускать видео или отправлять запрос на обратный звонок.

CSS — язык описания внешней страницы. Он отвечает за визуальную красоту и оформление сайта. Если бы не было CSS, сайты выглядели бы уныло, без каких либо анимаций, и красивого оформления

Каскадные таблицы стилей(css) работают с HTML, но это совершенно другой язык. HTML структурирует документ и упорядочивает информацию, а CSS взаимодействует с браузером, чтобы придать документу оформление.

На языке HTML мы создаем размеченный текст — документ с гиперссылками, таблицами, маркированными списками, разными начертаниями шрифтов, заголовками, подзаголовками и так далее. Получаем «простыню» текста с таблицами и иллюстрациями. Интернет изобрели ученые, и для них такое положение вещей было приемлемым. Но все изменилось, когда WWW пошел в массы и свои странички начали создавать простые пользователи, которые хотели индивидуальности и самовыражения, а также коммерческие компании со своими корпоративными стандартами оформления. В общем, веб-страницам понадобилось индивидуальное оформление: стиль.

Поэтому берем HTML-основу — и подключаем к ней стиль CSS. С помощью CSS красиво оформляем существующий текст, то есть прописываем уникальные свойства элементам HTML.

Первая версия стандарта CSS опубликована 17 декабря 1996 года. Основной посыл — добавить оформление документа без программирования или сложной логики. Оформление — это цвета, шрифты, расположение отдельных блоков на странице и т.д.

Javascript самый главный элемент dom-дерева

2.4 JavaScript

JavaScript — это кроссплатформенный объектно-ориентированный язык сценариев, используемый для создания интерактивных веб-страниц.

Он позволяет:

1. Добавлять новый HTML-код на страницу, изменять существующее содержимое, модифицировать стили.
2. Реагировать на действия пользователя: щелчки мыши, перемещения указателя, нажатия клавиш.
3. Отправлять сетевые запросы на удалённые сервера, скачивать и загружать файлы.
4. Получать и устанавливать куки, задавать вопросы посетителю, показывать сообщения.
5. Запоминать данные на стороне клиента («local storage»).

На JavaScript написан практически весь фронтенд — всё, что мы можем увидеть в интернете. А относительно недавно он обосновался в бэкенде, на смартфонах и даже в прошивках умных чайников. Язык востребован и регулярно занимает первое место в рейтинге Stack Overflow.

JavaScript — это язык управления элементами на сайте. Он умеет красить кнопки, запускать анимации, загружать эффекты, и всё это — без перезагрузки страницы. Например, вы нажали кнопку «Нравится» — вспыхнуло красное сердечко. Или навели курсор на три точки, и выпало меню. В обоих случаях на странице сработал скрипт. А JavaScript как раз главный по ним в интернете — отсюда и его название.

Без javascript’a не работала бы даже банальная логика сайта. К примеру,

если бы  нажали на самую обычную кнопку, то страница бы перезагрузилась,

что было бы очень плохо, ведь если вы регистрируетесь на каком либо сайте, то

все данные,которые вы уже ввели просто пропадут в никуда.

JavaScript также включает в себя работу с сервером,как же работает сервер?

2.5 Сервер

1. Асинхронность: В отличие от обычного синхронного исполнения, где каждая задача выполняется одна за другой, Node.js одновременно занимается несколькими делами. Например, пока читается файл или отправляется запрос к базе данных, основной поток программы продолжает свою работу дальше. Как только действие выполнено, срабатывает специальный обработчик (коллбек или промис), и программа переходит к следующему этапу.
2. Модули и библиотеки: Код в Node.js организован в виде модулей. Каждый модуль может содержать функции, переменные или классы, которые потом подключаются в другие части программы. Чтобы установить дополнительные полезные инструменты и готовые решения, используется пакетный менеджер npm.
3. Создание серверов: Используя Node.js, можно создать собственный веб-сервер, который принимает запросы от пользователей (или других приложений) и отправляет обратно нужные данные — страницы сайта, файлы или информацию в формате JSON.
4. Работа с базами данных: Платформа поддерживает взаимодействие с разными типами баз данных (MySQL, PostgreSQL, MongoDB и др.). Таким образом, разработанные приложения могут хранить и получать необходимые данные.
5. Микросервисы и API: Node.js активно применяется для построения небольших сервисов и интерфейсов прикладного уровня (API), предоставляющих доступ к своим ресурсам другим программам.
6. Высокая производительность: Благодаря своей структуре, Node.js отлично справляется с большим количеством параллельных запросов, экономит память и процессорное время, что идеально подходит для высоконагруженных проектов.

3. Практическая часть

3.1. Создание собственного сайта

4. Заключение

В своем проекте я рассказал о самых главных основах данного языка.

Все эти основы я знаю в идеале, потому что изучал каждый из них продолжительное время. Javascript мне очень понравился, он стал моим первым языком программирования, который я выучил. Я учил его на протяжении года и очень рад, что сегодня рассказал вам про этот замечательный язык, надеюсь, что вам он тоже понравился или заинтересовал вас. 

Таким образом, JavaScript действительно является высокоуровневым языком программирования, который изначально создавался для добавления интерактивности на веб-страницах. Однако со временем его сфера применения значительно расширилась и теперь включает разработку серверных приложений, мобильных и десктопных приложений, игр, графических приложений и даже проектов в области интернета вещей. Эта универсальность делает JavaScript одним из наиболее востребованных языков программирования в современном мире.

5. Список используемой литературы

 1.  Босова Л.Л., Босова А.Ю. Информатика: учебник для 8 класса/ - 5-е изд. – М.: БИНОМ. Лаборатория знаний, 2020.- 224с.: ил.

2. Курсы от МинЦифр

3. https://ru.wikipedia.org/wiki/JavaScript 

4. https://practicum.yandex.ru/blog/chto-takoe-javascript-zachem-nuzhen 

5. Михаил Евгеньевич Фленов— «Программирование на JavaScript».

6. https://ru.wikipedia.org/wiki/CSS 

7. https://habr.com/ru/companies/vdsina/articles/500190/